The digest of fresh materials from the world of the front-end for the last week No. 360 (April 7 - 14, 2019)
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 this digest turned 7 years old. Thanks to everyone involved :)
Media | Web Development | CSS | Javascript | Browsers | Entertaining
•
Podcast “Frontend Youth (18+)” # 90 Guy is not a hindrance to the expert
•
Podcast “Devshahta / Night Frontend” # 75: Where to develop
•
FrontSpot Show # 5: Konstantin Krivlenya. The bearded story “product vs. outsourcing ”
•
proConf # 9 VUEJS AMSTERDAM 2019
•
“ ALL YOUR HTML ”# s2e10: “ Phenomenon with Parcel ”
•
WSD in Moscow, 2019 , recording of the broadcast
•
MinskCSS Meetup # 6 - April 11, 2019
•
How to create a dark theme and not harm. The experience of the Yandex.Mail team
•
Migrating a site to statics: motivation, cost, work
•
Why you don’t have to spend your time creating niche thematic sites
• The result of a survey of developer preferences from Stack Overflow
•
Front-end Developer Handbook 2019
•
Inline SVG ... Cached
•
Web development in illustrations
•
Types of mobile input
•
Javascript vs. CSS - More Control Means More Responsibility
•
Do Not Trust Local Repositories: Investigating the Proliferation of Permanent Cross-Site Client Scripts
• What I've never been told about CSS
• The difference between width and flex-basis
• How @supports works
•
Already 2019. Let's end the discussion about icon fonts and SVG icons
•
A guide to understanding CSS Houdini with comics
•
Tricks and tips for CSSBattle
•
Animating SVG with CSS
•
Follow these steps to become a CSS superstar
•
Get the value of a custom CSS property using JavaScript
•
Artistic CSS web guide using CSS Shapes
•
Using a mixin to derive math from adaptive font sizes
•
Why should you use CSS env ()
•
QUIZ: Well aimed? How well do you know CSS selectors?
•
sassyfication: library with Sass impurities to speed up CSS development
• JavaScript support will be added to AMP
• Three Big Lies about JavaScript
•
jQuery 3.4.0 release
•
Using the Web Speech API for multilingual translations
•
Five reasons why web components can complement JavaScript frameworks
•
Kyle Simpson: I forgot more JavaScript than I learned by most people
•
List of 31 most popular JS repositories on GitHub in April 2019
•
Microsoft Edge on Chromium is officially available for open testing
• Firefox Beta has added a blocking script for mining and hidden identification
• In Chromium, delayed loading of iframes and images is available. Microsoft Edge test release
• Chrome and Safari removed the ability to disable the click tracking attribute
• Opera 60 (Reborn 3) came out - the first desktop browser with support for the “Internet of the future” Web 3, crypto wallet and free VPN
•
Edge goes to Chromium: what does this mean for developers frontend?
• GitHub completely “deleted” the repository of the blocking bypass utility and the entire creator account
• Google: Frequent crawling does not improve the site’s position
• Soon, Google Docs will start supporting native Microsoft Word, Excel and PowerPoint formats
• Very little evidence remains from the early Internet
• Rights holder Helvetica launched the first font redesign in 35 years
• The EU has developed a code of ethics for artificial intelligence
• Alibaba founder Jack Ma has stood up for a work culture 12 hours a day, six days a week
← Digest last week
Material prepared dersmoll and alekskorovin
By the way, the other day this digest turned 7 years old. Thanks to everyone involved :)

Media | Web Development | CSS | Javascript | Browsers | Entertaining
Media
•
Podcast “Frontend Youth (18+)” # 90 Guy is not a hindrance to the expert•
Podcast “Devshahta / Night Frontend” # 75: Where to develop•
FrontSpot Show # 5: Konstantin Krivlenya. The bearded story “product vs. outsourcing ”•
proConf # 9 VUEJS AMSTERDAM 2019•
“ ALL YOUR HTML ”# s2e10: “ Phenomenon with Parcel ”•
WSD in Moscow, 2019 , recording of the broadcast •
MinskCSS Meetup # 6 - April 11, 2019
Web development
•
How to create a dark theme and not harm. The experience of the Yandex.Mail team•
Migrating a site to statics: motivation, cost, work•
Why you don’t have to spend your time creating niche thematic sites• The result of a survey of developer preferences from Stack Overflow
•
Front-end Developer Handbook 2019•
Inline SVG ... Cached•
Web development in illustrations•
Types of mobile input•

Javascript vs. CSS - More Control Means More Responsibility•
Do Not Trust Local Repositories: Investigating the Proliferation of Permanent Cross-Site Client Scripts- Performance:
•
Native lazy loading and js-based fallback with vanilla-lazyload 12
•
Google AMP has reduced the speed of our page and there is no choice but to use it
•
How to get an estimate of 100% performance in Lighthouse
- Accessibility:
•
A common accessibility problem: moving to a page section without shifting the keyboard focus
•
Color availability: tools and resources to help you create inclusive products
•
Top 5 questions to learn about Accessibility
- Animation:
•
How to create a sticky image effect with Three.js
•
Disconnect SVG using reusable WebGL components using React-Three-Fiber
CSS
• What I've never been told about CSS
• The difference between width and flex-basis
• How @supports works
•
Already 2019. Let's end the discussion about icon fonts and SVG icons•
A guide to understanding CSS Houdini with comics•
Tricks and tips for CSSBattle•
Animating SVG with CSS•
Follow these steps to become a CSS superstar•
Get the value of a custom CSS property using JavaScript•
Artistic CSS web guide using CSS Shapes•
Using a mixin to derive math from adaptive font sizes•
Why should you use CSS env ()•
QUIZ: Well aimed? How well do you know CSS selectors? •
sassyfication: library with Sass impurities to speed up CSS development
Javascript
• JavaScript support will be added to AMP
• Three Big Lies about JavaScript
•
jQuery 3.4.0 release•
Using the Web Speech API for multilingual translations•
Five reasons why web components can complement JavaScript frameworks•
Kyle Simpson: I forgot more JavaScript than I learned by most people•
List of 31 most popular JS repositories on GitHub in April 2019- Theory:
•
Basics of JavaScript engines: prototype optimization. Part 1
• What you need to know about arrays in JavaScript
•
Async / Await pitfalls in array loops
•
In defense of ternary operators
•
Improved asynchronous programming with JavaScript promises
•
Design patterns in modern JavaScript development
React:
•
Что бы я хотел знать, когда начинал работать с React.js
•
Рекомендации по стилизации в React
•
Лучшие React расширения для VS Code
•
Обзор популярных CSS-in-JS библиотек для React
•
Управление состоянием с помощью React Hooks — без Redux или Context API
•
React95 — Библиотека компонентов React с Win95 UI
VueJS:
•
Почему ваша компания должна начать использовать Vue.js
•
Представление нового State-Management для Vue.js
•
Краткий отчет о конференции VueJs Amsterdam 2019 (часть 2)
•
Почему я предпочёл Vue, а не React
•
Получение данных со сторонних API с помощью Vue.js и Axios
•
Сделайте свои веб-приложения Vue.js доступными для просмотра — JavaScript SEO
Angular:
•
Лучшее из опыта создания чистых и быстрых Angular приложений
•
Angular Context: простое связывание данных для вложенных деревьев компонентов и Router Outlet
•
Angular CLI — Demystifying the workspace
•
Advanced Angular: реализация переиспользуемого компонента автозаполнения
- Libs & Plugins:
•
fkit: набор функциональных утилит для JavaScript
•
jQuery Terminal Emulator — терминал для веба
•
Choices.js: плагин для создания настраиваемых select элементов с возможностью ввода как Select2, но без jQuery
Браузеры
•
Microsoft Edge on Chromium is officially available for open testing• Firefox Beta has added a blocking script for mining and hidden identification
• In Chromium, delayed loading of iframes and images is available. Microsoft Edge test release
• Chrome and Safari removed the ability to disable the click tracking attribute
• Opera 60 (Reborn 3) came out - the first desktop browser with support for the “Internet of the future” Web 3, crypto wallet and free VPN
•
Edge goes to Chromium: what does this mean for developers frontend?
Entertaining
• GitHub completely “deleted” the repository of the blocking bypass utility and the entire creator account
• Google: Frequent crawling does not improve the site’s position
• Soon, Google Docs will start supporting native Microsoft Word, Excel and PowerPoint formats
• Very little evidence remains from the early Internet
• Rights holder Helvetica launched the first font redesign in 35 years
• The EU has developed a code of ethics for artificial intelligence
• Alibaba founder Jack Ma has stood up for a work culture 12 hours a day, six days a week
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