The digest of fresh materials from the world of the front-end for the last week No. 237 (November 14 - 20, 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 and entertaining

Web development

• Web Development Vacancy Guide
• Podcast Web Standards, Issue No. 42 : Safari TP17, WOFF2, Accessibility, Fetch Not Cake, 10K Apart Results, Harassing Mobile Users, Cannibalous Frontend and JS-in-JS.
• Podcast radiojs, Issue 42 : The answer to the main question of life, the universe and “why do I need Angular 2, TypeScript and Yarn news
• 7 chips your site lacks
• DIV officially authorized inside DL
• Frontend WhiteList - a list of useful and interesting author's articles, translations, reports and resources in Russian for interface developers.
• Some subtleties of using Service Workers
• A set of good Atom extensions for the web developer
• Best in Visual Studio Code: functionality, plugins, works as Atom and Sublime (the Best of Visual Studio Code: Features, the Plugins, Acting Like Atom and Sublime)
• Trends in web development for 2017 minutes (Web Development Trends for 2017)
• Automating standardization of JS / CSS / PHP code (Automating your Coding Standards)
• Interview Series “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
• Performance:
  
  
  • WordPress Website Acceleration - A Comprehensive Guide
  • The technical side of Google AMP
  • Optimizing speed and performance for mobile with AMP (Speed ​​/ Performance Optimization for Mobile Web - AMP)
  • Jeremy Keith on performance issue due to JS richness (Jeremy Keith: Less JavaScript)
  
  
• Theory:
  
  
  • Fighting fatigue from frontend (Not An Imposter: Fighting Front- End Fatigue)
  • The code I'm still ashamed of (The code I'm still ashamed of)
  • Anatomy of a static site (Anatomy of a Static Site)
  
  
• Animation:
  
  
  • Creating a spectacular weather forecast page using SVG graphics and an interactive dashboard
  • Another lesson on creating a line rendering effect in SVG
  • Lesson on creating an animated “invisible handle” effect using SVG
  • How to create a Coloron game using SVG animations
  • Create 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
• 100% correct way to do CSS breakpoints in CSS (The 100% correct way to do CSS breakpoints)
• I forgot all about print styles (I totally forgot about print style sheets )
• The Coming Revolution in Email Template Design (The Coming Revolution in Email Design)
• Adaptive multi-level menu with click / tap invocation created without using javascript / jQuery
• Page Layout created on pure CSS variables (Layout powered by CSS variables)
• Block formatting context in the CSS (the Formatting Block Contexts in the CSS)
• Bootstrap 4: Regular Grid VS Flexbox Grid
• How to write atomic CSS using Sass in Angular2
• 15kb of CSS is all you'll ever need (15kb of CSS is all you need)
• Simple CSS Units is an online tool that simplifies working with units in CSS. Enter your base unit and see the rest of the options
• Finding Unused CSS with CSS Coverage in DevTools
• Introduction to CSS in JS with DIO (An Intro to CSS in JS with DIO)

Javascript

• Learning Vanilla JS: Part 1 , Part 2 (Exploring Vanilla JS)
• Functional programming in practical examples JS: 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 by learning JavaScript (the Projects the Can Sometimes the Be the Worst Way to Less Learn JavaScript)
• Books on JavaScript by Dr. Axel Rauschmayer available for free (JavaScript books by Dr. Axel Rauschmayer)
• Fascinating functional programming with the framework Choo (Fun Functional Programming with the Framework Choo)
• Next.Js - Serious New in JavaScript? (Next.Js - Is it the next big thing in JavaScript?)
• Choosing 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 combining, ES6 and CommonJS modules
• Theory:
  
  
  • Simple introduction destructuring JavaScript objects (A Dead Simple intro to Destructuring JavaScript Objects)
  • Introduction to Lenses in JavaScript (of An Introduction Into Lenses with In JavaScript)
  • JavaScript - Observables Under the hood (JavaScript - Observables Under The Hood)
  • for..in vs for..of Loops
  • Как работают js модули — из прошлого до настоящего (How javascript modules work – from past to present)
  • Как выиграть в бенчмарках веб-фреймворков (How to win in Web Framework Benchmarks)
  
  
• Практика:
  
  
  • Как создать мульти-клиентский чат на WebSocket-ах используя Ionic и Node.JS (How to Build a WebSocket Multi-Client Chat using Ionic and Node.JS)
  • Создание Angular 2 приложения с авторизацией за 10 минут (Build an Angular 2 Application with User Authentication in 10 Minutes)
  • Создание регистратора погоды с помощью JavaScript и Arduino
  
  
• ES6:
  
  
  • Двусторонний binding данных с ECMAScript-2015 без Proxy
  • Обзор возможностей JavaScript 2015 (A Rundown of JavaScript 2015 features)
  • ES6 клевый, но используйте его с осторожностью (ES6 is great, but use it cautiously)
  • 4 новых метода для строк в ES6, о которых вы должны знать (4 New String Methods in ES6 that you should know)
  • Вам могут не понадобиться промисы (You Might Not Need Promises)
  
  
• Angular:
  
  
  • Представляем библиотеку right-angled, конструктор гридов для angular2
  • Релиз Angular 2.2.0 (Angular 2.2.0 Now Available)
  • Angular 3, так скоро? (Angular 3, so soon?)
  • Создание веб- и нативных приложений с Angular 2 с помощью общего кода (Building Angular 2 Web and Native Apps from a Single Codebase)
  
  
• React:
  
  
  • React.js на русском языке: Часть первая, Часть вторая
  • Руководство для чайников по Redux и Thunk в React (A Dummy's Guide to Redux and Thunk in React)
  • Blueprint — инструментарий React UI toolkit для веба
  • React.js компоненты для модульных диаграм и визуализаций данных (React.js components formodular charting and data visualization)
  
  
• Vue:
  
  
  • Простой урок по Vue.js: динамические компоненты (Vue.js Simple Tuts: Dynamic Components)
  • Создание клона HackerNews с помощью Vue 2.0, vue-router и vuex с рендерингом на сервере
  • Element, A Desktop UI Library — библиотека компонентов, основанная на Vue 2.0
  
  
• Плагины:
  
  
  • 8 JS библиотек для визуализации интерактивных карт
  • Введение в mo.js, библиотеку для создания анимаций в вебе
  • Huebee — библиотека, позволяющая пользователю сайта манипулировать его цветами
  • AsciiMorph — небольшая независимая библиотека для рендера ascii art и создания элементов, которые могут трансформироваться
  • Tabulator — мощный JQuery плагин для работы с динамическими таблицами

Браузеры

• Релиз Firefox 50, подробности для веб-разработчиков в блоге Марата Таналина
• Mozilla Firefox стал гораздо быстрее загружаться
• Mozilla представила iOS-браузер Focus, ориентированный на приватность и защиту
• Opera сократила 85 человек из-за падения выручки от b2b-бизнеса
• Microsoft Edge и IE11 будут блокировать веб-сайты с сертификатом SHA-1
• Как создать веб-браузер, часть 1: спецификации

Новости и занимательное

• Компания Microsoft получила статус платинового участника Linux Foundation
• Восемь потрясающих игр с искусственным интеллектом от компании Google
• Which programming language is best to learn first and why
• ICQ is 20 years old
• Facebook and Google will clear fake news sites on their ad networks
• Google Earth service moved to virtuality
• SpaceX is about to launch 4425 satellites to provide ubiquitous Internet access
• The cryptographer’s author turned to an information security expert for help
• Why and how to reliably delete old files?
• A page that analyzes user behavior

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.

← Digest last week
"Material prepared dersmoll and alekskorovin