The digest of fresh materials from the world of the frontend for the last week №226 (August 29 - September 4, 2016)

We offer to your attention a selection with links to useful resources and interesting materials from the frontend area.

Web development

CSS

Javascript

Browsers

News and entertaining

Web development

• HTTP / 2 is already here but sprite sets are not dead yet.
• 64bit browser arithmetic and WebAssembly
• Unreachable web: how we made such a mess . Translation of the article The inaccessible web: how we got into this mess
• Accelerate npm scripts
• Podcast Web Standards, Issue # 31 : WebKit Jubilee, Future Firefox, Security, PWA, PostCSS, Education, Static Generators.
• 400 thousand GitHub repositories, 1 billion files, 14 TB code: spaces or tabs?
• Report on past Frontend Fellows in Almaty
• W3C Wiki and W3C specifications now use the “time travel” protocol (Memento at the W3C)
• Destruction of Web Components Myths (Demythstifying Web Components)
• How to transfer coordinates from DOM to SVG and back (How to Translate from DOM to SVG Coordinates and Back Again)
• How to reduce the content shift when the page loads (Ways To Reduce Content Shifting On Page Load)
• We rush into the process: front-end development from the middle of the project (Jumping in: Front-end development from the middle of the project)
• "I want to enter a number . " Zack Leserman on the nuances of fields for numbers and their parameters in the context of numeric keyboards (I Wanted to Type a Number)
• The right time to think about web performance.
• 11 simple tricks in npm from which you will be shocked (11 Simple npm Tricks That Will Knock Your Wombat Socks Off)
• Detailed article about custom elements, properties and options for their use: Part 1 , Part 2 (The Case for Custom Elements)
• Tangible performance - in pursuit of speed by metrics, do not forget about the user (Perceived Performance - Don't Forget the User)
• Indicating offline status (Indicating offline)
• Install AMP in WordPress
• Slicing SVG 9 Ways
• Glitch effect on the image using HTML5 Canvas
• Inspiring Navigation Indicators

CSS

• CSS Containment
• Impossible typography . Translation of the article Typography is impossible
• Ways to change the order of output elements using CSS
• Developing independent extensible HTML and CSS components (Developing Extensible HTML and CSS Components)
• Pantsuit: The Hillary Clinton UI pattern library
• Are icons content? (Are icons content?)
• Auto Pro in CSS (AtoZ CSS Quick Tip: Auto) (+ screencast)
• Explaining CSS Positioning Using CSS Ice Cream Sundae (CSS Positioning Explained)
• Mobi.css is a lightweight framework targeting mobile devices.
• Specter: Another Lightweight CSS Framework
• CSS Refactoring: Three "And" (CSS Refactoring: The Three I's)
• Implementation on pure CSS of Google Photos / 500px image layout
• Fun with CSS Pixel Art
• 20 professional tips for writing modern CSS (20 Protips For Writing Modern CSS)
• Adding conditional logic to Sass using control directives (Add Conditional Logic To Sass With Control Directives)
• Mathematics in the responsive typography technique “CSS locks” (The math of CSS locks)
• Trimming Multiline Text with EQCSS (Responsive Multiline Truncation ...)
• A “Next Article” window pops up at the bottom of the page using EQCSS
• How to create a responsive interface component using Element Queries (How to Build a Responsive UI Component Using Element Queries)
• A Beginners Guide to the CSS Object Model (CSSOM) for Beginners New to the CSS Object Model (CSSOM)
• Depth of Field Effect with CSS Animation
• Designer volume cubes (3d css cubes)

Javascript

• New practical courses on JavaScript and ES6
• Meet p5.js
• Check the speed of the promis
• Horizon - realtime javascript backend
• Translation of official Typescript documentation into Russian.
• Preliminary results of a global survey on the tastes of JS among developers (The State Of JavaScript: JavaScript Flavors)
• Should I learn ES5, ES6 or TypeScript (Should I learn ES5, ES6 or TypeScript)
• The art of writing small and simple functions.
• JS MythBusters - An Optimization Handbook from a High Level Point of View
• Notes from JSConf.IS
• Why I use the style guide in javascript and why you should too (Why I Use a JavaScript Style Guide and Why You Should Too)
• Problems with arrow functions in JavaScript (The Troubles with JavaScript Arrow Functions)
• New Releases: TypeScript 2.0 RC , Angular 2.0.0-rc.6
• Bloomberg announces BuckleScript 1.0 (Bloomberg announcing BuckleScript 1.0)
• Closure Compiler in JavaScript (Closure Compiler in JavaScript)
• JavaScript performance through a telescope (GOTO 2016 • JavaScript Performance Through the Spyglass • Vyacheslav Egorov)
• Using the ES2015 Proxy for Benefit and Fun (Using the ES2015 Proxy for fun and profit)
• ES proposal: revision Function.prototype.toString , ES proposal: revision template literal
• babili - ES6 + Babel-based minifiers (babili - an ES6 + aware minifier based on the Babel toolchain (beta))
• Three JavaScript performance bases make Bluebird fast (Three JavaScript performance fundamentals that make Bluebird fast)
• Ohm: a JavaScript parser that creates a language with 200 lines of code (Ohm: JavaScript Parser that Creates a Language in 200 Lines of Code)
• Getting started with Hapi.js (Getting Up and Running with Hapi.js)
• Angular:
  
  • Jacob Fine: What happens to Angular 2
  • Barcode scanning with NativeScript and Angular 2 (Scanning Barcodes with NativeScript and Angular 2)
  • Understanding Binding in Angular
  • From angular.module to ngModule (From angular.module to ngModule)
  • Creating an application with authorization API with Auth0, ExpressJS and AngularJS (Build a secure API with Auth0, ExpressJS and AngularJs)
  • supernova-angular-1.5.x-es6-starter - starter pack with angular> 1.5.x,> es6, karma and jasmine
  
  
• React:
  
  • Webpack + React. How to reduce the bundle 15 times
  • Research State Propagation in React
  • Creating an application with user authorization on React (Build a React App with User Authentication)
  • How to create a React component for publishing to NPM? (How to create a React component to publish on NPM?)
  • 5 Types of React Application State (The 5 Types Of React Application State)
  • Reflections on the topic of testing React / Redux applications (Some Thoughts On Testing React / Redux Applications)
  • Creating animated components, or how React makes D3 better (Building Animated Components, or React Makes D3 Better)
  • awesome-react-components - supervised catalog of React components (awesome-react-components - catalog of React components / libraries)
  • Riot - A Lightweight Alternative to React (Reading the Riot Act: Exploring a Lightweight React Alternative)
  
  
• Libraries:
  
  • Mask for input fields using React, Angular, Ember, & Simple JavaScript
  • Cesium - an open-source JavaScript library for bulk maps and world-class globes (Cesium - an open-source JavaScript library for world-class 3D globes and maps)
  • react-dates - an accessible, easily translatable, date - adapted component adapted for mobile devices (react-dates - date for pick up the library for the web)
  • postmate is a simple but powerful promise-based library that uses the postMessage API (postmate - a powerful, simple, promise-based postMessage library)
  
  

Browsers

• The first mobile browser with support for Chromium extensions. New alpha Yandex Browser
• Launch Chrome 53 Web Browser
• Chrome for Android has a download manager and save pages for offline viewing.
• In the Yandex browser, a CSRF bug has been fixed that allowed to steal all user data
• Browser trends September 2016: has the browser war ended? (Browser Trends September 2016: Are the Browser Wars Over?)
• Safari 10 Added support for WebDriver (WebDriver Support in Safari 10)
• Microsoft Edge and Continuum: your desktop browser on a mobile device (Microsoft Edge and Continuum: Your desktop browser on Mobile)

News and entertaining

• Path to http / 2
• Intel 7th Generation Processors Officially Presented (Kaby Lake)
• Already more than a million IoT devices are part of various botnets.
• Google has confirmed the suspension of the project modular smartphone Project Ara
• Nexus history could end: this year, Google’s smartphones will change their brand
• Mozilla discusses terminating confidence in WoSign certifying center
• Account leakage of 68 million Dropbox users
• In 2012, Last.fm hacking led to password leaks by 43 million users
• Video games: what makes them addictive
• 160 free online September courses on programming and entrepreneurship
• How big data science changes education and makes learning fun
• What I learned by working with the Johnny Quince team on Apple Watch
• How pornography promotes technology to the masses
• Intel Museum Tour: 38 years of x86 history and more
• Code examples that are syntactically valid and work equally in several languages.
• Top 25 best memes in the history of the Internet: Nyan cat, Great Dane, Rikroll and others
• The first open alternative implementation of the Skype client has been published.
• How to come up with a good password?

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 last week .
“The material was prepared by dersmoll and alekskorovin .