The digest of fresh materials from the world of the front-end for the last week No. 310 (April 9 - 15, 2018)
We bring to your attention a selection with links to new materials from the frontend area and around it.
By the way, the other day the digest turned 6 years old. Thank you for still reading.
Media | Web Development | CSS | Javascript | Entertaining
•
Podcast "Web Standards", Issue No. 116: CSS and accessibility tree, development according to TDD, everyone is unhappy with W3C, why are service workers, grids and a new design.
•
Podcast “Pro WEB IT” No. 2 - Audio sketches of past weekdays
•
Podcast “5 minutes of React” # 21 - Bitbucket Pipelines
•
Podcast “devschacht”: Night frontend # 30: DUMP 2018
•
Podcast “Frontend Youth (18+)” # 44 How to choose a washing machine
•
“ALL YOUR HTML” # 44: “Waves and refraction effects on the vertex fragment shaders”
•
8 reports from CSSConf AU 2018 in Melbourne, Australia
•
Confrontation between W3C and WHATWG: Apple, Google, Microsoft, Mozilla object to DOM 4.1
•
Generation of site pages using service workers
• Front-End 2018 Developer's Guide
•
Status of web animation: Part 1 , Part 2
•
Scroll to the future: Everything you wanted to know about scrolling on the web, but were afraid to ask
• Blend modes + grids = love
•
How CSS works: parsing and rendering CSS in a critical rendering path
•
Another collection of interesting facts about CSS Grid
•
feature-queries-manager - extension for DevTools that makes debugging easier supports Feature Query
•
How I stopped using Bootstrap layout thanks to CSS Grid
•
Epic Spinners - a library of CSS preloaders. Easy to use and integrates with VueJS
•
Web development ninja: over 30 killer CSS puns
•
About the main reason for the existence of modern JS frameworks
•
Operating system in JavaScript? JsOS
•
Fitbit's JerryScript: JavaScript breaks into the Internet of Things
•
Top VSCode extensions to improve JavaScript performance
•
The first chapter of Jeremy Keith's book “Going Offline”
•
Simple swipe using vanilla JavaScript
•
How I stopped worrying and learned to love the JavaScript ecosystem
•
All about arrays in JavaScript in one article
•
Documenting JavaScript projects
•
SEO optimization of the article: up-to-date plan
• Spelling check: what words are spelled incorrectly at Habrahabr, Cossa, Rusbase, AIN, DOU, Roem and vc.ru
• Opera VPN service will stop working on April 30
• A new WebAuthn authentication standard has been released: biometric data instead of passwords
• How a team leader can develop himself and his team: SOLID principles
• Updated Gmail will receive a “privacy mode” with self-destructing and password-protected letters that cannot be copied, printed or sent to another
• Mathematics against scrap, or Bitcoin as a quantum canary
•Satellite Internet: The Final Solution. How Elon Musk hopes to ossify Earth
• GitHub has a birthday. 10 facts about the favorite site of all developers
• I downloaded everything that Facebook knows about me. And it hurt
Last week's digest .
Material prepared dersmoll and alekskorovin .
By the way, the other day the digest turned 6 years old. Thank you for still reading.

Media | Web Development | CSS | Javascript | Entertaining
Media
•
Podcast "Web Standards", Issue No. 116: CSS and accessibility tree, development according to TDD, everyone is unhappy with W3C, why are service workers, grids and a new design. •
Podcast “Pro WEB IT” No. 2 - Audio sketches of past weekdays•
Podcast “5 minutes of React” # 21 - Bitbucket Pipelines•
Podcast “devschacht”: Night frontend # 30: DUMP 2018•
Podcast “Frontend Youth (18+)” # 44 How to choose a washing machine•
“ALL YOUR HTML” # 44: “Waves and refraction effects on the vertex fragment shaders”•
8 reports from CSSConf AU 2018 in Melbourne, Australia
Web development
•
Confrontation between W3C and WHATWG: Apple, Google, Microsoft, Mozilla object to DOM 4.1•
Generation of site pages using service workers• Front-End 2018 Developer's Guide
•
Status of web animation: Part 1 , Part 2•
Scroll to the future: Everything you wanted to know about scrolling on the web, but were afraid to ask- Performance:
•
How fast is AMP really?
•
An overview of the “PerfMatters 2018 Web Performance Conference”, outlining key ideas and messages from there
•
Some tips to help your PWA on iOS feel native
- Tools:
•
What's New in DevTools (Chrome 67)
•
What's New in DevTools in Chrome 66: Blackboxing in the Network panel, Local Overrides and more
•
Meet the Accessibility Inspector in Firefox Developer Tools
- Animation:
•
CSS / SVG Blobby Background
•
WebGL Distortion Hover Effects : A small library that can be used to create distortion guidance effects on WebGL
CSS
• Blend modes + grids = love
•
How CSS works: parsing and rendering CSS in a critical rendering path•
Another collection of interesting facts about CSS Grid•
feature-queries-manager - extension for DevTools that makes debugging easier supports Feature Query •
How I stopped using Bootstrap layout thanks to CSS Grid•
Epic Spinners - a library of CSS preloaders. Easy to use and integrates with VueJS •
Web development ninja: over 30 killer CSS puns
Javascript
•
About the main reason for the existence of modern JS frameworks•
Operating system in JavaScript? JsOS•
Fitbit's JerryScript: JavaScript breaks into the Internet of Things•
Top VSCode extensions to improve JavaScript performance•
The first chapter of Jeremy Keith's book “Going Offline”•
Simple swipe using vanilla JavaScript•
How I stopped worrying and learned to love the JavaScript ecosystem•
All about arrays in JavaScript in one article•
Documenting JavaScript projects- ES2015 +:
•
Overview of ECMAScript 2016, 2017, and 2018 innovations with examples
•
Operators?., ?? and |>: future JavaScript features that you will like
• Fun ES # 4: FP style puzzles . We implement map, reduce, filter
•
ES6 syntax overview and property overview
•
Avoiding async / await hell
•
ES6 arrow functions: thick and compressed JavaScript syntax
•
ES6 in action: how to use proxies , characters and their use
•
ES6 generators and iterators: developer guide
VueJS:
•
VuePress — статический генератор сайтов на Vue
•
Как мы создавали высоконагруженный интерфейс с Vue.JS и Google Maps
•
Как делать переходы в Vue.js
•
Создание VueTube: клон Youtube с помощью VueJS, Webpack и Flexbox
•
vuejs-boilerplate — заготовка на базе Vue.js для создания реальных приложений (access/refresh tokens auth, api services, http client, store modules)
•
Является ли мое SPA дружественным к SEO?
React:
•
Обзор библиотеки react-testing-library
•
Почему React нуждается еще в одной библиотеке для анимации. Встречайте react-spring
•
Изучение React.js за 5 минут
•
Иммутабельность в React: с мутабельностью объектов все нормально
Angular:
•
Анимация в Angular-приложениях
•
Что нового в Angular 6 ?
•
Jesse Palmer – Основы тестирования компонентов Angular
Занимательное
•
SEO optimization of the article: up-to-date plan• Spelling check: what words are spelled incorrectly at Habrahabr, Cossa, Rusbase, AIN, DOU, Roem and vc.ru
• Opera VPN service will stop working on April 30
• A new WebAuthn authentication standard has been released: biometric data instead of passwords
• How a team leader can develop himself and his team: SOLID principles
• Updated Gmail will receive a “privacy mode” with self-destructing and password-protected letters that cannot be copied, printed or sent to another
• Mathematics against scrap, or Bitcoin as a quantum canary
•Satellite Internet: The Final Solution. How Elon Musk hopes to ossify Earth
• GitHub has a birthday. 10 facts about the favorite site of all developers
• I downloaded everything that Facebook knows about me. And it hurt
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.
Last week's digest .
Material prepared dersmoll and alekskorovin .