The digest of fresh materials from the world of the frontend for the last week №237 (November 14 - 20, 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

• Job Guide for Web Development
• Podcast Web Standards, Issue # 42 : Safari TP17, WOFF2, Accessibility, Fetch Not a Cake, 10K Apart Results, we set on mobile users, cannibal frontend and JS-in-JS
• Radiojs podcast, Release 42 : The answer to the main question of life, the universe and “why do we need Angular 2, TypeScript and Yarn news
• 7 chips that your site lacks
• DIV is officially authorized inside the DL
• Frontend WhiteList - a list of useful and interesting author articles, translations, reports and resources in Russian for interface developers.
• Some subtleties of using Service Workers
• A good set of Atom extensions for the web developer
• Best of Visual Studio Code: functionality, plugins, works like Atom and Sublime (Best of Visual Studio Code: Features, Plugins, Acting Like Atom and Sublime)
• Web development trends for 2017 (Web Development Trends for 2017)
• Automating your Coding Standards JS / CSS / PHP code standardization
• A series of interviews “Between the Wires”: Chris Coyier (creator of CSS-Tricks and CodePen.io), Evan You (creator of vuejs.org)
• Lazy Loading Responsive Adsense Ads
• HTML 5.1 is the gold standard (HTML 5.1 is the gold standard)
• Performance:
  
  
  • Accelerate WordPress sites - a comprehensive guide
  • The technical side of Google AMP
  • Optimize speed and performance for mobile using AMP (Speed ​​/ Performance Optimization for Mobile Web - AMP)
  • Jeremy Keith on the problem of performance due to saturation of JS (Jeremy Keith: Less JavaScript)
  
  
• Theory:
  ')
  
  • Fighting Front End Fatigue (Not An Imposter: Fighting Front-End Fatigue)
  • Code I'm still ashamed of (The code I'm still ashamed of)
  • Anatomy of a static site (Anatomy of a Static Site)
  
  
• Animation:
  
  
  • Create a spectacular weather forecast page using SVG graphics and an interactive information panel
  • Another lesson on creating a line drawing effect in SVG
  • Lesson on creating an animated effect of the "invisible handle" using SVG
  • How to create a Coloron game using SVG animations
  • Creating a dynamic animated grid with connected dots using HTML5 Canvas
  
  

CSS

• CSS Gateway Math
• Grid, flexbox and block alignment: our new layout system
• Heavy CSS properties that make your browser slow down
• 100% correct way to do adaptive breakpoints in CSS (The 100% correct way to do CSS breakpoints)
• I completely forgot about print styles (I totally forgot about print style sheets)
• The Coming Revolution in The Design of Letter Templates (The Coming Revolution in Email Design)
• Adaptive multi-level menu with a call to click / tap, created without using javascript / jQuery
• Page Layout, created on pure CSS variables (Layout powered by CSS variables)
• Block Formatting Contexts in CSS
• Bootstrap 4: Regular Grid VS Flexbox Grid
• How to write atomic CSS with Sass in Angular2
• 15kb CSS is all you need (15kb of CSS is all you'll ever need)
• Simple CSS Units is an online tool that simplifies working with units in CSS. Enter your basic unit and see the remaining options.
• Finding unused CSS code using CSS Coverage in DevTools
• Introduction to CSS in JS with DIO (An Intro to CSS in JS with DIO)

Javascript

• Exploring Vanilla JS: Part 1 , Part 2 (Exploring Vanilla JS)
• Functional Programming in JS with Practical Examples: Part 1 , Part 2 (Functional Programming In JS - With Practical Examples)
• Jāas: javascript as a service
• What is the difference between Meteor and Electron? (What's the Difference between Meteor and Electron?)
• Projects can sometimes be the worst way to learn JavaScript (Projects Can Sometimes Be The Worst Way To Learn JavaScript)
• Books on JavaScript from Dr. Axel Rauschmayer available for free (javascript books by Dr. Axel Rauschmayer)
• Fascinating functional programming with Choo Framework (Fun Functional Programming with the Choo Framework)
• Is Next.Js a serious novelty in JavaScript? (Next.Js - Is it the next big thing in JavaScript?)
• Choose Ember instead of React in 2016 (Choosing Ember over React in 2016)
• Introduction to Monkey Testing with Gremlins.js
• splittable - a modular bundler that supports code merging, ES6 and CommonJS modules
• Theory:
  
  
  • A simple introduction to destructuring JavaScript objects (A Dead Simple Intro to Destructuring JavaScript Objects)
  • An Introduction Into Lenses In JavaScript
  • JavaScript - Observables that under the hood (JavaScript - Observables Under The Hood)
  • for..in vs for..of Loops
  • How js modules work - from the past to the present (How javascript modules work - from past to present)
  • How to win in web framework benchmarks (How to win in Web Framework Benchmarks)
  
  
• Practice:
  
  
  • How to create multi-client chat on WebSocket using Ionic and Node.JS (How to Build a WebSocket Multi-Client Chat using Ionic and Node.JS)
  • Creating Angular 2 applications with authorization in 10 minutes (Build an Angular 2 Application with User Authentication in 10 Minutes)
  • Creating a weather recorder using JavaScript and Arduino
  
  
• ES6:
  
  
  • Bilateral data binding with ECMAScript-2015 without proxy
  • Overview of JavaScript 2015 features (A Rundown of JavaScript 2015 features)
  • ES6 is cool, but use it with care (ES6 is great, but use it cautiously)
  • 4 new methods for strings in ES6 that you should know about (4 New String Methods in ES6 that you should know)
  • You may not need promises (You Might Not Need Promises)
  
  
• Angular:
  
  
  • Introducing the right-angled, constructor of grids for angular2.
  • Angular 2.2.0 release (Angular 2.2.0 Now Available)
  • Angular 3, so soon? (Angular 3, so soon?)
  • Build web and native apps with Angular 2 using shared code (Building Angular 2 Web and Native Apps from a Single Codebase)
  
  
• React:
  
  
  • React.js in Russian: Part One , Part Two
  • Redux and Thunk React Guide for Dummies (A Dummy's Guide to Redux and Thunk in React)
  • Blueprint - React UI toolkit for the web
  • React.js components for modular diagrams and data visualizations (React.js components formodular charting and data visualization)
  
  
• Vue:
  
  
  • Simple tutorial on Vue.js: dynamic components (Vue.js Simple Tuts: Dynamic Components)
  • Creating a HackerNews clone using Vue 2.0, vue-router and vuex with server rendering
  • Element, A Desktop UI Library - component library based on Vue 2.0
  
  
• Plugins:
  
  
  • 8 JS libraries for visualizing interactive maps
  • Intro to mo.js, a web animation library
  • Huebee - a library that allows a site user to manipulate his colors
  • AsciiMorph - a small independent library for rendering ascii art and creating elements that can be transformed
  • Tabulator - a powerful jQuery plugin for working with dynamic tables

Browsers

• The release of Firefox 50 , details for web developers in the blog of Marat Tanalin
• Mozilla Firefox is loading much faster.
• Mozilla introduced the iOS browser Focus, focused on privacy and protection
• Opera has reduced 85 people due to the fall in revenue from the b2b business
• Microsoft Edge and IE11 will block websites with a SHA-1 certificate
• How to create a web browser, part 1: specifications

News and entertaining

• Microsoft has received the status of a platinum member of the Linux Foundation.
• Eight amazing games with artificial intelligence from Google
• What is the best programming language to learn first and why
• ICQ turned 20 years old
• Facebook and Google will clear their ad networks from fake news sites.
• Google Earth service moved to virtuality
• SpaceX is about to launch 4425 satellites to provide ubiquitous Internet access.
• The author of the cryptographer turned for help to an expert in the field of information security.
• Why and how to reliably delete old files?
• The page that analyzes user behavior

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
»Material prepared by dersmoll and alekskorovin