The digest of fresh materials from the world of the front-end for the last week No. 221 (July 24 - 31, 2016)
We bring to your attention a selection with links to useful resources and interesting materials from the frontend area

We apologize for any typos or broken / duplicated links. If you notice a problem - please write in a personal email, we try to quickly fix them.
Last week digest .
Material prepared dersmoll and alekskorovin .

| Web development |
| CSS |
| Javascript |
| Browsers |
| news |
Web development
- Web Standards Podcast, Issue No. 26: “Chrome 52, Safari and MathML, font-display, WebP and WebM, HyperTerm, books, front-end path.”
- AMP - what it is and why website acceleration for mobile is needed for SEO
- What's new in WordPress 4.6?
- Maps Google Maps - insert and design (stylize) maps on your site
- Available SVG . Accessible SVGs article translation
- GIT cheat sheet
Font Awesome SVGs - all Font Awsome font icons as SVG
Silo Buster - markup generator for optimizing the site URL for social networks and search results
Advanced web applications that feel like native applications the X OS (Progressive the apps the running of web as with the native OS the apps the X)
All About Custom HTML Elements (All about HTML Custom Elements)
Why our website is faster than yours: from optimizing images, fonts and critical CSS to the nuances of server configuration (Why our website is faster than yours)
Measure the impact of service workers for performance in the real world (Measuring the Real-world Performance Impact of Service Workers)
Add offline support any web application (Add offline support to any Web app )
Mobile CDN - Speeding up Content Delivery on All Devices
Offline support for Google Analytics using sw-offline-google-analytics (Offline Google Analytics Made Easy: Using sw-offline-google-analytics)
Using the fieldset and legend elements correctly (Using the fieldset and legend elements)
How to choose a suitable image format (How to select the perfect image format )
github-widget - a widget showing your github details that you can easily embed in your portfolio website.)- Spectacular web:
Unusual site dive effect (Above & Beneath: Featured Content Layout Effect)
SVG slider concealment (Clipped SVG Slider)
The Illusion of Life: An Example of SVG Animation (The Illusion Of Life: An SVG Animation Case Study)
CSS
- The background property . Translation of The Background Properties
- Languages that almost became CSS . Translation of the article The Languages Which Almost Became CSS
How and why we created the style guide for the Marvel website (How and why we created the Marvel Styleguide)
Creation of pages where the full-width block is enclosed in containers of limited width (Full Width Containers in Limited Width Parents)
Style restrictions with the new contain property can already be tried in Chrome 52 (CSS Containment in Chrome 52)
Responsive lightbox without using JS (the CSS for Responsive Lightbox File with No JavaScript)
Ways to reduce code when creating email templates (Reducing HTML Email Code)
Manipulation flowers Sass using operators and functions RGB (Manipulating Sass Colors With Operators And RGB Functions)
Creating an object-oriented framework front-end using BEM, SASS and OOCSS (Creating an Object Oriented framework front-end using BEM, SASS and OOCSS)
About the modern possibilities of creating reflections using CSS (The State of CSS Reflections)
About using the CSS writing-mode property (CSS Writing Mode)
Hover is dead. Long live the hover! (Hover is dead. Long live hover.)
Lessons from building mobile-friendly responsive tables (Lessons from building mobile-friendly, accessible data tables)
About writing and maintaining legacy CSS code (Are you writing legacy CSS code?)
Angled Edges - a SASS mixin for creating angled edges on sections by dynamically encoding SVGs.)
Animation of the color wheel using the CSS (the Color Wheel the Animation with the CSS the Filters)
Create the illusion of loading elements with CSS until the real content loads (Fake it 'til you Make it CSS)
Javascript
Updates: Release 1.0 Aurelia , Release Ember.js 2.7 Beta and 2.8 , as well as the announcement of 1.4 Meteor - c updated Node and MongoDB- Record broadcast MoscowJS Meetup 32
jQuery Foundation and Standards
Properties for Unicode in regular expressions (Unicode property escapes in JavaScript regular expressions )
What dependencies do popular JS tools have (What Do the Popular JavaScript Tools Depend On?)
Pragmatic tips on writing modules (Pragmatic Modularity)
Automatically fixing and formatting your JavaScript with ESLint (Auto-fixing & Formatting Your JavaScript with ESLint)
Improving Scrolling Events with throttle (Quick Tip: How to Throttle Scroll Events)
The life cycle of variables in JavaScript (JavaScript variables An lifecycle of: why is not the let hoisted)
Immutability against encapsulation (Immutability vs Encapsulation)- ES6:
- Introducing promises - one of ES6's latest innovations
Big crib on ES6 (How's your ES6?)
Why is it important now for all the community to migrate to ES2015 modules (Why choose ES2015 modules, based on the state of the art of JavaScript modularization)
- Frameworks
React gotchas
Performance rendering components in React (Component Rendering Performance in React)
As animate elements via AngularJS (How to Animate elements using Angularjs)
A quick look at the React and Redux DevTools
Interpose - a tool to use native CSS variables in React components
bisheng - transform Markdown files into a single page site with React
Using Angular to Create SPA (Using Angular for Single Page Applications (SPAs))
react-monocle - a developer tool to visualize a React application's component hierarchy.)
Using React Native to create applications for facial recognition (Use React Native to a Create a Face Recognition App)
Higher-order components: design patterns React applications (Higher Order Components: A React Application Design Pattern)
Create React Applications with No Configuration
Angular 1.x upgrade strategies from Angular 2 (Angular 2 Upgrade Strategies from Angular 1.x)
- Lessons:
Music in JavaScript. Learning Web Audio by playing Steve Reich and Brian Eno (JavaScript Systems Music)
Take a selfie with JavaScript (Take a Selfie With JavaScript)
Lesson: Using Redux with TypeScript and Angular 2 (Tutorial: Building Redux in TypeScript with Angular 2)
Creating a JavaScript Command Line Interface (CLI) with Node.js
- Plugins
IZIMODAL - another jQuery plugin for creating flexible responsive modal windows
MetricsGraphics.js is a library built on top of D3 that is optimized for visualizing and laying out time-series data.)
box-js - a tool for studying malicious JavaScript programs (box-js - a tool for studying JavaScript malware.)
Typography.js - a powerful toolkit for building websites with beautiful typography.)
Browsers
- Firefox add-ons built into nightly builds
- Firefox 49 will discontinue the Hello communications client
- Firefox Builds Available Without Mandatory Digital Signature Verification Add-ons
Disable Chrome Autofill using the React (the Turning Off the Autocomplete in Chrome with the React)
CSS pseudo-class: any-link already works in FF without prefixes (Firefox Site Compatibility -: any-link CSS pseudo-class has been unprefixed)
The best extensions for Chrome for freelancers (The 10 Best Chrome Extensions for Freelancers)
Search Overflow - Extension for Opera and Chrome for Stack Overflow Search w)
news
- Vulnerability Found in WooCommerce Plugin Used by Millions of Sites
- IEEE Spectrum published a ranking of programming languages
- Microsoft will lay off another 2850 employees
- OneDrive Changes You Need to Know About
- Verizon buys Yahoo! for $ 5 billion
- Unknown Dropbox: company services for users, businesses and developers
- Mission to Mars will cost SpaceX $ 320 million
- Top 10 most expensive deals in the IT industry
We apologize for any typos or broken / duplicated links. If you notice a problem - please write in a personal email, we try to quickly fix them.
Last week digest .
Material prepared dersmoll and alekskorovin .