The digest of interesting materials from the world of web development and IT for the last week №153 (March 22 - 29, 2015)

We offer you a selection with links to useful resources, interesting materials and IT-news. Today in a slightly abbreviated version.

Web development

• Dynamic webpage update
• TARS, make the level of frontend-routine 0%
• What is good: how we developed the criteria for assessing the quality of the layout of web projects (HTML Academy)
• Stop wrecking the web
• Chris Koyer shares strategies to be champions in web productivity (translation css-live.ru )
• Art Node
• Podcast SDCast # 22 : visiting the head of development frontend Mail.ru, Andrey Sumin
• Basics of client caching in clear words and examples. Last-modified, Etag, Expired, Cache-control: max-age and other headers
• Image Formats: The Nerdy Parts . Slides Explaining Image Formats
• Creating an animated “diving load indicator” using SVG and GSAP (Creating a “Jump Loader” Animation with SVG and GSAP)
• Mobile SEO: 6 steps to a mobile-friendly site (Mobile SEO: 6 Steps to a Mobile-Friendly Website)
• Advanced Performance Audit with DevTools (Advanced Performance Audits With DevTools)
• Command line in web design: Live Reload & BrowserSync , automation with Gulp , automation with Grunt

')

CSS

• Awesome responsive layout using CSS areas
• CSS masking
• 8 rules to improve your CSS
• Primer - CSS toolkit and solution kits that are used on GitHub. (The CSS toolkit and guidelines that power GitHub)
• Tips for writing pure CSS (Writing and refactoring for clean CSS)
• Accessibility support for generated CSS content (Accessibility support for CSS generated content)
• How to keep development framework simple and error-free (How To Keep Framework Development Simple And Bug-Free)
• BEM Constructor - Sass-library for creating immutable CSS-objects in the style of BEM (BEM-style CSS objects)
• Introduction to CSS Variables
• SVG Animations Using CSS and Snap.svg
• Numeric input fields - comparing default values ​​in browsers (Numeric Inputs - A Comparison of Browser Defaults)
• Understanding the CSS box model for inline elements
• CSS3 Border-Image Explained
• Strict control of responsive typography (Precise control over responsive typography)
• CSS Testing with PhantomCSS, PhantomJS, CasperJS and Grunt
• Aesthetic Sass: Architecture and Style Organization (Aesthetic Sass 1: Architecture and Style Organization)
• A collection of snippets for animation and demos on pure (CSS A Collection of Pure CSS Animation Snippets & Demos)
• Beyond Media Queries - It's Time to Get Elemental
• Detailed article on the background positioning in CSS (A Primer To Background Positioning In CSS)
• Mappy Breakpoints - mixin for backpoints that use Sass Maps
• Disable text selection using CSS (Disable Text Selection with CSS)

Javascripts

• RadioJs podcast, Release 20: Engineer or Entwickler
• Facebook introduced the React Native framework and the Nuclide development environment.
• JavaScript internationalization API: implementation in Firefox
• Another article about indexing ajax sites by search engines
• Basic knowledge base for front-end (js) developer in 2015 (A Baseline for Front-End [JS] Developers: 2015)
• Creating a custom context menu using JS (Building a Custom Right-Click (Context) Menu with JavaScript)
• Simple Inheritance with JS (Simple Inheritance with JavaScript)
• JointJS is a modern HTML5 JS library for building interactive charts and graphs (a modern HTML 5 JavaScript library for visualization and interaction with diagrams and graphs)
• Five to Six - a list of tools for working with ECMAScript 6 by Addy Osmani
• 13 factors to consider when choosing a JS library with graphs (13 Factors to Consider While Choosing a JavaScript Charting Library)
• What do you mean by "Shaders"? How to create them using HTML5 and WebGL (What Do You Mean by “Shaders”? How to Create Them with HTML5 and WebGL)
• Native Smooth Scroll behavior
• Update in Chrome DevTools: In Chrome, the function of displaying inline variables during debug was added (instead of having to point at them to find out the value, or look in the sidebar)
• Another DevTools update: Record Filmstrip in Network Panel
• Responsible.js - a plugin that invites the site visitor to choose which version they prefer to see - mobile or desktop
• Svidget.js: Build and deploy SVG widgets
• Create tabs with Chrome style on Bootstrap and AngularJS
• WebRTC in Firefox 38: Multistream and renegotiation

Browsers

• 15 tips and tricks of the Chrome developer tools you need to know
• Yandex.Browser: the interface of the future is now in beta
• Goodbye Internet Explorer: A Brief History of Microsoft's Browser
• Google quietly made Chrome's PC traffic saving mode available

Sites with interesting design and functionality

• The designer launched a website with short GIF courses in marketing, web design and programming.
• 1000.chromeexperiments.com
• mirumagency.com - vertical site with background video and animation
• Gyroscope - the site with the coolest animation effects
• bellbros.com - a site with an unusual scroll effect and a split man
• High-quality graphics and parallax effect
• italic-studio.com - a site with a non-standard scrolling trajectory and effects

Design

• What annoys the interface designers
• The designer chose incomprehensible icons in the interfaces.
• 3 ways to bridge the gap between web designer and developer (3 ways to bridge the gap between web designers and developers)
• Top 5 games for designers
• 5 rules for visual direction in interaction design (5 rules for visual direction in interaction design)
• Typography Cheat Sheet
• My Thoughts on Designing in the Browser vs. Designing in Photoshop
• 5 effective techniques for graphic designers
• Principles of Web Animation
• Vintage returns to trend: best sites with retro design (Vintage is Back in Trend: Best Retro Website Designs)
• Another trend: center-divided layouts
• The best icon is a text label (The best icon is a text label)
• New fonts created in 2015

Entertaining

• Google Maps History
• Microsoft and Samsung unite in an alliance against Google
• Microsoft wants to tie hardware to Windows 10: use of UEFI Secure Boot will be required
• Western IT corporations against NSA surveillance
• Began testing the browser version of Skype
• DARPA is developing an alternative to GPS
• Pebble Time watches have become an absolute crowdfunding champion
• Biohackers conducted the first injection of night vision

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 .