The digest of fresh materials from the world of the frontend for the last week No. 224 (August 15 - 21, 2016)

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

Web development

CSS

Javascript

Browsers

News and entertaining

Web development

• I looked into the node_modules folder, and you won’t believe what happened
• Podcast Web Standards, Issue # 29 : Funeral Flash, Samsung Internet, CSS Secrets, Color Functions, SVG, Button Cursor. Away - Roman Komarov
• Review of the layout: 10 useful comments and tips
• WordPress 4.6 “Pepper” has been released with optimized plugin and theme management.
• 10k Apart is a contest for creating full-fledged sites or web applications limited to 10Kb in size and functioning without JS . Works appreciate Sara Soueidan, Rachel Andrew and others.
• Need to write less damn code , freelancer Heydon Pickering advises us (Writing Less Damn Code)
• Average web page (analysis result of 8 million websites) (The Average Web Page (Data from Analyzing 8 Million Websites))
• How to prevent your site from replay attacks (How to Prevent Replay Attacks on Your Website)
• The hidden power of the components of the templates Handlebars (The hidden power of Handlebars partials)
• Cropping thumbnails with SVG (Cropping Image Thumbnails with SVG)
• Things I've learned about responsive letter template design (Things I've Learned About Responsive Email Design)
• API:
  
  • Web Application Monitoring
  • Offline Storage for Progressive Web Apps (Offline Storage for Progressive Web Apps)
  • What is an API in the human language (What is an API? In English, please.)
  • What's new in web audio? (What's new in Web Audio?)
  • We improve the user interface with web audio (Jazz up your user interface with web audio)
  
  
• Availability:
  
  • Making Accessibility Great Again: Making Web Accessibility for US Presidential Candidates Websites for Accessibility
  • Start creating accessible web applications today . A series of free lessons on egghead (Start Building Accessible Web Applications Today)
  
  
• Performance:
  
  • Practical example on accelerating client productivity (A Case Study on Boosting Front-End Performance)
  • HTTP / 2 makes downloading media files on mobile devices 3-15 times faster (HTTP / 2 makes media loading 3–15 times faster on mobile)
  
  
• Animation:
  
  • SVG Soap Bubbles
  • Comparing web animation techniques using the example of a jumping ball (Comparing web animation techniques)
  • When to use the Web Animation API (When to Use the Web Animations API)
  • Animation of Olympic rings with gsap (Olympic Rings)
  • Funny online customer feedback form (for an animal store)
  • Presentation of a new type of animation in Isotope - Staggering Animations
  
  
• Generators:
  
  • Staticman is an application on Node.js that loads custom content into the GitHub repository. In practice, this allows you to have dynamic content, such as comments under a blog post, as part of a static Jekyll site.
  • Setting up a living style guide in Jekyll (Setting up a Living Styleguide in Jekyll)
  • nucleus is a nodejs style generator. The application parses the SCSS files and takes information from the DocBlock annotations
  
  

CSS

• Like clockwork, or animated at 60 FPS on CSS 3
• Three-position checkbox (aka tristate) without scripts and SMS
• Useful Considerations for Default Cursors
• Is Houdini ready? (Is Houdini ready yet‽)
• Bootstrap vs Foundation - Top 2 CSS Framework
• Using Feature Queries (supports) in CSS (Using Feature Queries in CSS)
• You can invent your own weird language with attributes and their selectors.
• Proposed box-suppress property (The proposed box-suppress property)
• The property `font-display` for the masses (` font-display` for the Masses)
• Zooming Background Images Zoom Animation
• New technology for flexible typography, allowing you to manipulate the size in a given interval (Flexible typography with CSS lock)
• How to create a layout with CSS Grid Layouts (How to create a simple layout with CSS Grid Layouts)
• Thirty-one ways to reduce the time for manual cross-browser testing (31 Ways to Spend)
• Style Cheat Sheet for React Native (React Native Styling Cheat Sheet)
• UnCSS Online! - service cleaning unused CSS-code (UnCSS Online!)
• Harry Roberts | CSS for programmers and for CSS developers | CSS Day 2016 (Harry Roberts | CSS for Software Engineers for CSS Developers | CSS Day 2016)

Javascript

• Progressive loading of a web application using code sharing
• Javascript: where we are and where to go
• JavaScript goes beyond the Web in 2015
• Why do we need jQuery?
• Yes, you should learn vanilla javascript before dealing with js frameworks (Yes, You Should Learn Vanilla JavaScript Before Fancy JS Frameworks)
• We polish JavaScript code: get rid of old ES5 hacks (part 2) (Make your JavaScript code shine: knockout old ES5 hacks (Part 2))
• Live diving lesson in ES2015 (A Live Lesson in Diving into ES2015, with Darin Haener)
• Quick Tip: What are factory functions in JavaScript (Quick Tip: What Are Factory Functions in JavaScript)
• Mysterious and mysterious Maybe monad in JavaScript (The Marvellously Mysterious JavaScript Maybe Monad)
• The speed of loading and executing small modules (The cost of small modules)
• Untangling Deeply-Nested Promise Chains
• 100+ emulators written in JavaScript (100+ Emulators Written in JavaScript)
• Demo with recognition of drawn numbers using a GPU and a neural network (GPU Deep Learning Demo)
• An Introduction to Service Workers - JS Monthly London
• Leaving offline with Service Workers (Emanuel Kluge: Go Offline with Service Workers - JSUnconf 2016)
• JavaScript Electronics on Pi Zero (JavaScript Electronics on the Pi Zero - Async Brighton)
• Framework:
  
  • Working with Redux: Introduction
  • Aurelia 1.0: How to create a simple application with authorization (Aurelia 1.0: How to build a simple secured application)
  • Writing a JavaScript framework - Sandboxed code evaluation (Sandboxed code evaluation)
  • Sunrise functional programming and sunset Angular 2.0 (The rise of functional programming & the decline of Angular 2.0)
  • Remy Sharp: What is React?
  • React for designers (React for designers)
  • react-roadmap - a roadmap for learning React (react-roadmap –– a curated list of free resources to master React Development)
  • Introducing React Native Ubuntu React Native Ubuntu
  • React Fiber Architecture (React Fiber Architecture)
  • Ten required to learn RxJS functions with examples (10 Need-to-Know RxJS Functions with Examples)
  • All about $ q and promises in Angular (All about $ q and Promises in Angular)
  • From ng-controller to component classes (From ng-controller to Component Classes)
  
  
• Plugins and libraries:
  
  • WAUD.JS - a library for working with Web Audio with a fallback to HTML5 audio
  • hy-phen - hyphenation library for hyphenation
  • Papa Parse - a powerful CSV parser (Papa Parse - the powerful in-browser CSV parser)
  • react-dates - available, ready for translations, optimized for mobile library for choosing dates in React-applications
  • Recharts - library for building composable graphs for React (Recharts - a composable charting library built on React components)
  
  

Browsers

• Saving Private Edge: New Microsoft Plan
• Mozilla experiments with adding screenshots to Firefox
• Firefox 47+ removed colspan = 0 support
• Recommendations will appear in Google Chrome for Android
• A bug in Chrome and Firefox allowed you to spoof a URL using Arabic characters
• Why I could not start using Microsoft Edge
• WebVR 1.0 appeared in Firefox Nightly (WebVR 1.0 available in Firefox Nightly)
• Strange browsers @ Webworker NRW - Niels Leenheer presentation about the world of existing browsers
• Google and Microsoft raise rates on HTML5 in browsers (Google and Microsoft beefing up HTML5 bet for browsers)

News and entertaining

• Facebook laid out in open access research in the field of artificial intelligence
• Presentation of Zen high-performance microarchitecture, or how AMD spoiled a holiday on Intel street
• Harm to rivals and users: Kaspersky Anti-Virus tricked competitors by infecting safe files: Reuters
• Web development: the train left, and the passengers remained? Extensive web development market research in 2016 from Rating Runet & CMS Magazine.
• Best of Gamescom 2016: Cosplay
• Opinion Durov on the design of VKontakte and the answer of the developers
• Intel announced a helmet that combines virtual and augmented reality
• Five years without Jobs: Apple CEO Tim Cook talks about the future and problems of the company
• Why Windows has not become a leading mobile platform.
• How to completely disappear from the Internet (infographics)
• Internship on Facebook: salary, benefits, free housing and access to any project
• Here is your life in Silicon Valley (This is Your Life in Silicon Valley)
• Mozilla rebranding (Mozilla Open Design branding without walls)

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 .