The digest of interesting materials from the world of web development and IT for the last two weeks №168 (July 5 - 19, 2015)
We offer you a selection with links to useful resources, interesting materials and IT-news
We apologize for any typos or broken / duplicate links. If you notice a problem - please write in a personal, we are trying to fix them quickly.
')
Digest from last week .
Material prepared dersmoll and alekskorovin .
Web development
"Killer Bootstrap" - Material Design Lite. Version 1.0.0 . Also, 
View Material Design Lite by Addy Osmani, Comparison with Bootstrap- Critical way of rendering web pages
- Truly responsive letters. Part one again
- Can email be rubber?
- The state of affairs with web components . A review of web components on the Microsoft Developer Blog.
- RadioJS: Issue 27: Jekyll and Gulp
- Is HTML Ready? Translation of the article by Bruce Lawson Is HTML “complete”? community css-live.ru
Video reports from Web Standards Days in St. Petersburg, 2015- Moscow Mobile Frontend Meetup №1 . Videos and materials on the meeting on the mobile frontend, which was held in Moscow in the office of Avito, July 4, 2015.
- News sites are the fattest and slowest than ever. (News Sites Are Fatter and Slower Than Ever)
- Boring front-end developer (boring front-end developer)
- 13 tips for creating a multi-lingual responsive website (13 tips for making responsive web design multi-lingual)
- Development of accessible sites (Developing accessible websites)
- Optimize a canvas animation ( Optimize a canvas animation)
- Combining dynamic and static sites (Merging Dynamic and Static Sites)
- Playful Interaction for Draggable Elements
- How I created linkmoji in an hour (and made over 100,000 emoji links) (How I built emoji links)
- Creating a Book Club app with AngularJS, Stripe and Stamplay
- SVG:
- Paths - creating and editing SVG right in the browser
- Using SVG for the background of the page: Diagonal and Patterns , Stripes , Escher Tiles and Pop Art with blending modes
- How to make a warped text effect using SVG filters
- Styling SVG <use> content with CSS (Styling SVG <use> Content with CSS)
- Crop embedded SVG using <object> (Art-Directing an SVG Embedded Using object)
- GSAP + SVG Advanced Users 2: Complex Responsive Animation (Complex Responsive Animation (GSAP + SVG for Power Users 2)
CSS
- Video of the report "We write #b_ correctly" with WebCamp 2015
- Debate on the topic “Do we still need CSS?”
- Compatible CSS
- PostCSS:
- About PostCSS from its creator: an interview with Andrey Sitnik
- Time to learn all about PostCSS - what it is and what it does (What It Really Is; What It Really Does)
- That PostCSS. It's so hot right now
- PostCSS is now supported on CodePen
- 12 Little-Known Facts About CSS (cont.) (12 Little-Known CSS Facts (The Sequel))
- Atomic OOBEMITSCSS
- More accessible multi-level drop-down navigation
- Switch from CSS to Sass in WordPress
- Cleaning your styles with Stylelint (Floss your style sheets with Stylelint)
- CSS Transitions and JavaScript Tweens
- Use CSS Stats to remove extra styles (Using CSS Stats to Remove Bloated CSS)
- Quantity Ordering With CSS
- Printing Style Approaches: Blacklist and Whitelist
- Using the Web Speech API to Simulate CSS Speech Support
- Guidance Effects Depending on Cursor Direction
- CSS Gradients: A Syntax Crash Course
- Crayon.css - because colors have names
- The last nail in the coffin of icon fonts? (The Final Nail in the Icon Fonts Coffin?)
- Centering with Sass (Centering With Sass)
- Sass Maps vs. Nested Lists (Sass Maps vs. Nested Lists)
Javascript
- What's new in Babylon.js
- JQuery 3.0 alpha and jQuery Compat 3.0 alpha published
- Default Argument Value
- Promises
- Slider Pips - we make sliders on jquery a little more beautiful
- Overcoming JavaScript fatigue frameworks (Overcoming JavaScript Framework Fatigue)
- Math as code
- The most adequate guide to functional programming (in javascript) (Mostly adequate guide to FP (in javascript))
- Introduction to JavaScript ES6 Iterators (An Introduction to JavaScript ES6 Iterators)
- ES2016 Decorators Study
- Interview: How to connect to a large open-source project (Interview: How to Join a Major Open Source Project)
- JQuery Event Cheat Sheet (jQuery UI Events Cheatsheet)
- How to create and publish your first Node.js module (How to Create Your First Node.js Module)
- Creating a game server API on Node.js: revised (Making a Game API Server Using Node.js: Revisited)
- Why I use Tape instead of Mocha and why you should do it as well (Why I use Tape instead of Mocha & So You You)
- React UI Builder
- Belle view (React components: Toggle, ComboBox, Rating, TextInput, Button, Card, Select)
- upndown - library for converting HTML to Markdown for Node and browser (HTML to Markdown library, for NodeJS and the browser)
- Creating a chat with SignalR (Building a Chat Application with SignalR)
- Getting started with Connect
- Getting Started with Vue.js (Getting Started With Vue.js)
Browsers
- Mozilla developers are tired of messing with Flash security in their browser.
- The final version of the Microsoft Edge browser is faster than Chrome, even in Google's benchmarks.
- Everything about the Edge browser: extensions, high performance asm.js, rejection of ActiveX
- The new version of Firefox 39 fixed 4 critical errors
- What's new in Firefox 39 (What's What's New in Firefox 39)
- Developer Edition 41: View source in a tab, screenshot elements, HAR files, and more
- Will your site work in Edge?
Sites with interesting design and functionality
- Sites that prove the parallax effect is not dead yet (30+ websites are not dead)
- A selection of horizontal scroll sites
- Lightyear.fm - space radio
- bigdropinc.com - slide-scrolling site with nice animation
- newstech.jp - Japanese site with a futuristic interface
- creativecruise.nl - horizontal scroll site with thematic design and animations
- wearetopsecret.com - site with an interesting background effect
- giovannighirardi.it - scrolling site with non-standard geometry
Design
- Why horrible web design gives more conversions?
- New trends in web design in 2015: "Covers", block structure, split screen
- Typography in chalk on a blackboard.
- Media laid out the design of packages retail versions of Windows 10
- Art Nouveau inspired works
- Create a GIF-presentation of work in Adobe Photoshop
- Great typography in web design.
- Explanation of design jargon: the F-Pattern
- Interview with Aaron Draplin (Design Talks With Aaron Draplin: Finding Inspiration In Dead Stuff (VIDEO))
- Design a new Thanx app (Designing the new Thanx App)
- Project CARDS (The CARDS Project)
- Designer desperately looking for design tools with scaling (Designer, desperately looking for Scalability design tools)
- Enhance your user experience with animated transitions (Enhance Your User Experience with Animated Transitions)
- Why do you need design
- Where the depth remains (What Depth Remains)
- Two years of anthropologist in the Photoshop team (My Two Years as an Anthropologist on the Photoshop Team)
- Google Calendar Concept
- Four business principles on Facebook for creating elegant design tools (Facebook's Four Business Design Principles for Crafting Elegant Tools)
- Design patterns for the drop-down Mega-menu (Design Patterns for Mega-Navigation Dropdown Menus)
- UX window design authorization and registration (UX Design for Passwords and Registration Forms)
- Ditto: using variables in Photoshop (Ditto: Use variables in Photoshop)
- How to create a volumetric text effect with a summer atmosphere in Adobe Photoshop (How to Create a Colorful, Summery 3D Text Effect in Adobe Photoshop)
- 6 convenient and free editors for creating icons and favicon-ok (6 Handy, Free Icon & Favicon Editors)
- Cool combinations of fonts (Great font combinations)
A selection of free designer cookies
- Rusty texture for your work
- Particle Brushes for Photoshop
- Pressed Paint Effects for Illustrator (4 Free Ink Stamp Effect Styles for Adobe Illustrator)
- Mockups for demonstrating the design of business cards (20 Free Business Card MockUp PSDs to Download)
- Vintage Logos (15 Vintage Logos)
- A set of illustrations of workplace elements (AI, PNG, PSD, EPS and SVG) (Freebie: A Workspace Illustrations Kit (AI, PNG, PSD, EPS and SVG))
- Dashboard Design Elements (Dashboard UI elements For Free)
- Mockup templates for logo design demonstrations (55+ Free Logo Mockup PSD Templates For Designer)
- Social Network Icon Sets (50+ Sets of Free Social Media Icons)
- Web Icons Icon Set (Free Icons: Web Development Icon Set)
- Flat Icons Set (FREEBIE: 36 Flat Web Icons)
- July set of packs with vector icons (27 Free Vector Icon Sets - July 2015 Edition)
- Serif fonts (35 Serif Fonts For Designers)
news
- Reddit CEO Ellen Pao resigned
- The global PC market has experienced a severe decline in two years
- DRM protection added to JPEG
- Microsoft will sell Windows 10 on flash charms
- USB flash drives from Windows 10 appeared on Amazon
- Do not go to Windows 10 July 29
- VKontakte social network has released its own Instagram equivalent
- Apple and Samsung merged to create a new SIM standard
- Samsung is developing a display with a resolution of 11K for mobile devices
- Brand pages on Facebook will become online stores
- The Macintosh paradox: the PC crisis is deepening, why is Apple blooming?
- NSA has posted a program on Github
- Google Maps allowed to send location to iOS and Android devices
- Google ignores the <lastmod> tag in Sitemap XML files
- Google blocks 99.9% of spam
- Google: Links in PDF files pass PageRank
- Yandex will expand staff to increase competition with Google
Entertaining
- Google hires an SEO specialist to promote their websites.
- What happens to the deceased person’s digital currency?
- In an accident involving Google Mobile, four people were injured.
- 7 failures of investors, who heard the creators of Airbnb in 2008
- How ruthless neural networks deprive one hundred thousand censors of work
- AMD History, myths and legends
- Woe from Wit: Why You Don't Need a Smart Watch
- How to answer incorrect questions of the employer
- The best cosplay Comic-Con 2015
- 13 things about Comic-Con 2015, which are better to know than not to know
We apologize for any typos or broken / duplicate links. If you notice a problem - please write in a personal, we are trying to fix them quickly.
')
Digest from last week .
Material prepared dersmoll and alekskorovin .
Source: https://habr.com/ru/post/263007/
All Articles