The digest of fresh materials from the world of the frontend for the last week №228 (September 12 - 18, 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

• Our browsers are smaller, or We need to seriously talk
• Podcast Web Standards, Issue # 33 : Smug Safari, availability, order of elements, Mail.Ru frontend, why PWA, HTTPS without options, custom properties, lower-case code, paid conferences.
• Content Security Policy, your future best friend
• New statuses HTML5.1 and SVG2
• Performance Optimization:
  
  • Performance Measurement with User Timing API
  • Secret PNG Optimization Techniques
  • Do your pictures steal time?
  • How to use amp-img and amp-video to increase the speed of your site
  • Web Performance Checklist
  
  
• PWA:
  
  • AMP and PWA technologies in Google search - The future is already present
  • PWA Performance
  • What exactly do progressive web applications do? (What, Exactly, Makes Something A Progressive Web App?)
  • Progressive Web Apps Simply Make Sense
  
  
• Botanic Color Guide on the Web (A Nerd's Guide to Color on the Web)
• How to automate Gulp tasks and generate web fonts from SVG files (How to automate Gulp tasks and generate webfont from SVG files)
• Is this a good time to start using Web Bluetooth? (Spoiler: yes) (Is Now A Good Time To Start Using Bluetooth Web?)
• About the new GitHub GraphQL API
• Do not break your <img> (Don't ruin your <img>)
• Changeable fonts, new type of font for responsive design (Variable fonts, a new kind of font for flexible design)
• Cross-origin Service Workers: Experiments with Foreign Fetch
• Getting Started with Webpack: Getting Started with Webpack: Module Bundling Magic
• Using Webpack to Hotboot the Backbone-Marionette-Ampersand Project (Using the Webpack to Backbone-Marionette-Ampersand Project)
• WebGL2 Fundamentals
• One NodeJS server for several sites: The same simple launch of JavaScript files using NodeJS, like launching PHP files using Apache
• Embedding code from Github to the site
• Cool letter animation with SVG (Fancy SVG Letter Animation)

CSS

• Fonts:
  
  • Fonts on the web, a review from 2016
  • Responsive Font Size
  • Check if Font Awesome has loaded
  • 3 things to consider when working with responsive typography (3 things Responsive Typography)
  
  
• Email Templates:
  
  • Gmail announced support for CSS media queries in letters
  • Letters finally wake up with responsive design (Email finally wakes up to responsive design)
  • 7 hacks for email templates every developer should know about (7 email hacks every developer should know)
  • Gmail introduces responsive design support, improves font styling + CSS for accessibility (Gmail to Support Responsive Design, Improved Font Styling + CSS for Accessibility)
  • Colorful Campaigns: Guidelines for Using CSS Filters in Letters (Captivatingly colorful campaigns: Our guide to using CSS Filters in email)
  
  
• Understanding the functions of Sass 3.5 first-class
• Thanks to RSCSS, my code is no longer messy (RSCSS - my CSS is no longer a mess)
• How we refactored our CSS for BGP (How we refactored our CSS for BGP)
• Work hacks to detect IE (Efficiently Detecting IE Browsers)
• It’s time to be honest about the image replacement techniques.
• Why CSS4 does not exist - explaining CSS levels (Why there is no CSS4 - explaining CSS Levels)
• How to create a glitch effect with CSS (How To Create CSS Glitch Effect)
• Fun with CSS: NBA edition
• MinMaxing: Understanding vMin and vMax in CSS
• How to create and use custom functions in SASS (How to Create Custom Use Functions)
• Expanding CSS 3 Limits: Amazing creations on pure CSS (Stretching the limits of CSS 3: Amazing creations in pure CSS)
• Automating visual regression testing, again
• SpinThatShit - a set of SCSS mixins for creating loaders with one element
• Effect of Preloading Skeleton Screen Content on CSS
• Fullscreen video with mix-blend-mode text over it (Fullscreen Background Video)

Javascript

• We build our full stack on JavaScript: Server
• Three JavaScript performance principles that make Bluebird fast
• Mozilla Project Introduces New JavaScript Debugger
• 4 videos from MoscowJS 33
• Framework:
  
  • The final release of Angular 2
  • Animations in Angular 2 - Basic Concepts (Angular 2 Animations - Foundation Concepts)
  • We seriously underestimated Angular (We Have Seriously Underestimated Angular)
  • Angular, version 2: proprioception-reinforcement
  • The final release of Angular 2. Finally. (Angular 2 Final Release Finally. FINALLY.)
  • Angular 2 is out - start from here (Angular 2 is out - Get started here)
  • Dependency Injection in Angular 1 and Angular 2
  • Tips for tuning React / Redux performance (React / Redux Performance Tuning Tips)
  • React.js: build an isomorphic / universal application from scratch. Part 1: build the stack
  • Remy Sharp: first impressions of React (Remy Sharp: First impressions of React)
  • Creating a Simple To-Do App with React (Create a Simple To-Do App With React)
  • Learning React: Setting the Development Environment (Learning React: Setting up a minimal React development environment)
  • Tide View - React State Management Library (Introducing Tide)
  • A complete introduction to ReactJS [part 1] - creating a React application from scratch (The Ultimate Introduction to ReactJS [Part 1] - Building React From Scratch)
  • AJAX requests in React-e: how and where to load data (AJAX Requests in React: How and Where to Fetch Data)
  • Meet AdonisJs! Laravel-style MVC Framework for Node.js
  
  
• ES6:
  
  • “Future of ES6” - Jafar Husain report at Full Stack Fest 2016 (The future of ES6)
  • Is ES6 the end of Underscore / Lodash? (Does ES6 Mean The End Of Underscore / Lodash?)
  • Transpiling ES6
  
  
• JavaScript vs jQuery
• Modernization of Reactivity. Presentation of a new reactive library for creating effective web applications without frameworks
• What every JS developer should know about Unicode (What every JavaScript developer should know about Unicode)
• JS refactoring techniques (JavaScript Refactoring Techniques: Specific to Generic Code)
• Pragmatic use of Monkey Patching in JS (Pragmatic Uses of Monkey Patching in JavaScript)
• Generators and channels in JavaScript (Generators and Channels in JavaScript)
• Ways of declaring variables in JS (Quick Tip: How to Declare Variables in Javascript)
• Javascript function default arguments (javascript default function arguments )
• Improving the syntax of EJS templates
• Template literals are definitely better than strings (Template Literals are Strictly Better Strings)
• Quick Setup TDD for TypeScript (Fast TDD setup for TypeScript)
• Testing JavaScript with Jest (Testing JavaScript with Jest)
• Why use Flow? (Why Use Flow?)
• Run asynchronous JavaScript code in sequence with Async Waterfall (Running Asynchronous JavaScript Code in Sequence with Async Waterfall)
• pageAccelerator - a simple solution for faster loading of web pages (IE10 +) uses ajax and pushState

Browsers

• Microsoft again demonstrates how its Edge browser is superior in energy efficiency to Chrome, Opera and Firefox
• Google Chrome will fight with slow scripts on the pages of sites
• How to make the most of the Chrome browser on Android
• How to make Microsoft Edge a little better
• Chrome Beta 54: background music and video, color tabs and a new main page

News and entertaining

• JavaScript, Font-Awesome and Microsoft lead GitHub statistics
• Samsung launched a page to check the defective batteries in Note 7
• In the US, there were more than 70 cases of ignition of the smartphone Galaxy Note 7
• Samsung Galaxy Note 7: Causes of Fire and a Temporary Solution
• Oracle Delivers NetBeans Development Environment to Apache Community
• Twitter updates character limit for tweets
• Google has unveiled groundbreaking support for OpenType changeable fonts.
• Facebook and Twitter will help Google weed out false news
• In the Windows Store, finally, familiar desktop programs and games will appear
• Uber, Dropbox, Airbnb and other companies will create unified cybersecurity standards
• YouTube Community - “social network” inside Google video service
• Absolutely new GitHub: hosting repositories introduced new design, tools, discussions and features
• Pornhub and Youporn are finally blocked in Russia
• Do not be evil. How Google has become the number one spy network in the world
• Rocketry through the centuries
• New Facebook headquarters in Menlo Park in Ilya Varlamov's report
• 9 ways to get the most out of the office internet
• As an online scammer stole $ 500 from me, and in the end I begged not to give it to my mother
• From the ICQ clone to the creation of WeChat and the status of the most expensive company in China - the story of Tencent
• Do theory and olympiads or go to work in an IT company? - Experts give advice to novice programmers.
• What money will turn in 5 years?
• Future without screens . How VR dramatically changes how we interact with technology

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 .