The digest of fresh materials from the world of the front-end for the last week No. 354 (February 25 - March 3, 2019)
We bring to your attention a selection with links to new materials from the frontend area and around it.
Media | Web Development | CSS | Javascript | Browsers | Entertaining
•
Podcast "Web Standards", Issue No. 163: Mathematics in CSS, speed and overhead, the new video codec AV1, JavaScript and SEO, robots will not replace us.
•
Devshahta Podcast: # 71: How TypeScript Changes Our Thinking (Part 2)
•
CSSSR Podcast News 512 - Issue 40 (02.25 - 03.03)
•
On the mitap! # 1: recording reports . Materials on the results of the first meeting in an online format organized by HTML Academy
•
Vadim Makeev's video blog: “15. Live with answers ”
•
Tournament:“ Best JS-feature of 2018 ”(PART 4 - FINAL!)
•
Code quality . Decoding of the report of Ivan Botanov with Frontend Conf, where he talks about readability, naming, declarativeness, Code style and the relationship between June and lead
•
Test layout? Easy
•
Portfolio Processing, Part 1: Animation, Microinteractions and SVG
•
Static Site Generators: A Guide for Beginners
• How @supports works
• Responsive
design and custom CSS properties: defining variables and breakpoints
•
Mental CSS model . A new PPK article in which he tries to explain CSS philosophy to Javascript developers
•
The CSS working group agreed to add many mathematical functions, including acos (), asin (), atan (), hypot (), sqrt () and many others
•
Breaking Boxes With CSS Fragmentation . A recent Rachel Andrew article on the new CSS specification
•
Recreating the gradient effect of Facebook Messenger using CSS
•
A detailed overview of CSS selectors + cheat sheet
•
Lesser-known CSS properties in GIFs
•
8 small videos about the Shape Path Editor in Firefox
•
Will custom CSS properties win Sass loops?
•
Look, no media queries! Responsive Layouts Using CSS Grid
•
Wolfensteiny 3D - reverse engineering 251 bytes of JavaScript
• Google launches a series of videos on SEO for JavaScript
• FunES # 9: a riddle . Tricks with JavaScript
•
Releases: Apollo Client 2.5 , Ember 3.8 , GSAP 2.1
•
How to write simple, modern JavaScript applications using Webpack and advanced web technologies
•
Understanding performance problems with “polymorphic” JSON data
• 0Day vulnerability in Chrome is used to steal data
• In Firefox 67, the about: compat page appears and the tabs are unloaded when there is not enough memory
• Google speeds up Chrome with a new function for caching open pages
• In Firefox, the picture-in-picture mode and a redesigned add-on manager
•
Chrome more not needed
• Google opened the domain registration in the .dev zone to all comers
• The neural network was taught to fake votes
• “The acclaimed Chinese social rating system is far from new technologies in practice”
• The most significant events in the artificial intelligence industry in 2018
• Do you recognize the programming language by code for “Hello, World!” - a test in exotic languages
• Mozilla has published Common Voice voice data
• Linus Torvalds does not believe that servers based on ARM architecture will replace x86. “Selling a 64-bit model - idiocy”
• New programming languages quietly kill our connection with reality
Last week digest .
Material prepared dersmoll and alekskorovin .

Media | Web Development | CSS | Javascript | Browsers | Entertaining
Media
•
Podcast "Web Standards", Issue No. 163: Mathematics in CSS, speed and overhead, the new video codec AV1, JavaScript and SEO, robots will not replace us. •
Devshahta Podcast: # 71: How TypeScript Changes Our Thinking (Part 2)•
CSSSR Podcast News 512 - Issue 40 (02.25 - 03.03)•
On the mitap! # 1: recording reports . Materials on the results of the first meeting in an online format organized by HTML Academy •
Vadim Makeev's video blog: “15. Live with answers ”•
Tournament:“ Best JS-feature of 2018 ”(PART 4 - FINAL!)
Web development
•
Code quality . Decoding of the report of Ivan Botanov with Frontend Conf, where he talks about readability, naming, declarativeness, Code style and the relationship between June and lead •
Test layout? Easy•
Portfolio Processing, Part 1: Animation, Microinteractions and SVG•
Static Site Generators: A Guide for Beginners- Performance:
• Google: download speed on mobile should be a constant priority
• For the illusion of fast page loading: rules for creating a skeletal screen on websites and in applications
•
A Bit of Performance . A new article by Roman Komarov about the details of optimizing his site - preload links, fonts, progressive navigation and the like
•
Serve Responsive Images
- Accessibility:
•
When is a button not a button?
•
Accessibility is not a “React issue”
•
Web Accessibility Guide - A curated collection of tips, tricks, and guidelines for web accessibility.
•
Accessibility practices for date-picking components
•
Analysis of the accessibility of homepages of 1,000,000 sites
•
Using artificial intelligence to create alternative text in images
- Animation:
•
SVG filtering effects. Part 7. Moving Forward
•
SVG Filter Effects: Moving On
•
Text Trail Effect
CSS
• How @supports works
• Responsive
design and custom CSS properties: defining variables and breakpoints•
Mental CSS model . A new PPK article in which he tries to explain CSS philosophy to Javascript developers •
The CSS working group agreed to add many mathematical functions, including acos (), asin (), atan (), hypot (), sqrt () and many others•
Breaking Boxes With CSS Fragmentation . A recent Rachel Andrew article on the new CSS specification •
Recreating the gradient effect of Facebook Messenger using CSS•
A detailed overview of CSS selectors + cheat sheet•
Lesser-known CSS properties in GIFs•
8 small videos about the Shape Path Editor in Firefox•
Will custom CSS properties win Sass loops? •
Look, no media queries! Responsive Layouts Using CSS Grid
Javascript
•
Wolfensteiny 3D - reverse engineering 251 bytes of JavaScript• Google launches a series of videos on SEO for JavaScript
• FunES # 9: a riddle . Tricks with JavaScript
•
Releases: Apollo Client 2.5 , Ember 3.8 , GSAP 2.1•
How to write simple, modern JavaScript applications using Webpack and advanced web technologies•
Understanding performance problems with “polymorphic” JSON data- Theory:
• 5 tips on how to write conditional constructs in JavaScript best
•
12 JavaScript concepts you need to know about
•
A complete guide to JavaScript loops
•
What is the longest sequence of keywords in Javascript?
•
Complete Callback Guide
React:
•
Effective component creation using the styled system
•
We switched to Next.js to process our homepage 7.5 times faster
•
Improving the performance of React functional components using React.memo ()
•
As the “golden rule” of components React can help you write better code
•
Writing tests for React applications using Jest and Enzyme
•
Explain Redux in 1 minute
•
8 reasons to use styled-components
VueJS:
•
Повышаем производительность разработки на примере Vue — часть 2
• Оптимизация производительности приложения Vue.js, часть 1: Введение в оптимизацию производительности и ленивую загрузку
•
Sliding In And Out Of Vue.js. Подробная статья об одном из преимуществ Vue — легкой прогрессивной интеграции с другим JS
•
Создание пользовательских директив в Vue.js
•
Еще один пример абстрактного компонента в Vue.js
Angular:
•
MVC в мире Angular
•
Анонс Angular Loadable (ngx-loadable ~ 2.2kB)
•
Как передавать файлы и данные между клиентом на Angular и бекендом на Node.js
- Libs & Plugins:
•
FrenchKiss.js — сверхбыстрая и легкая библиотека для интернационализации, работающая как в браузере, так и в среде NodeJS
•
terser — JavaScript парсер и mangler/compressor инструментарий для ES6 +.
•
cnbuilder — Yet another classname string builder
•
Zero Server: zero configuration web framework
•
npmf: быстро подтягивает информацию об npm пакете прямо в терминал
Браузеры
• 0Day vulnerability in Chrome is used to steal data
• In Firefox 67, the about: compat page appears and the tabs are unloaded when there is not enough memory
• Google speeds up Chrome with a new function for caching open pages
• In Firefox, the picture-in-picture mode and a redesigned add-on manager
•
Chrome more not needed
Entertaining
• Google opened the domain registration in the .dev zone to all comers
• The neural network was taught to fake votes
• “The acclaimed Chinese social rating system is far from new technologies in practice”
• The most significant events in the artificial intelligence industry in 2018
• Do you recognize the programming language by code for “Hello, World!” - a test in exotic languages
• Mozilla has published Common Voice voice data
• Linus Torvalds does not believe that servers based on ARM architecture will replace x86. “Selling a 64-bit model - idiocy”
• New programming languages quietly kill our connection with reality
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 digest .
Material prepared dersmoll and alekskorovin .