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

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 .