![](http://habrastorage.org/getpro/habr/avatars/d2a/e8a/5ac/d2ae8a5ac9876f838ebdd45f3ea3bc3b.png)
The digest of fresh materials from the world of the front-end for the last week No. 359 (April 1 - 7, 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
•![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
Podcast Web Standards, 169. Safari 12.1 and IE11, Web Workers and Lazy Images, Sass, Eric Meyer, and CSSBattle.
•![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
Podcast “Web Standards”, 168. Why Samsung needs a browser, WebVR to WebXR transition, XR use cases for the Web
•
Podcast “Devshahta / Night Front End” 74: About front-end development in Rostov-on-Don
•
Podcast “ Make me beautiful ” Issue 12, visiting Anton Kastritsky - vanila js, You-Dont-Need and disgruntled Oleg
•
CSSSR podcast: News 512 - Issue 45 (03.03 - 05.04)
•
“ ALL YOUR HTML ”# s2e9: "A system of particles from text"
•
Client application security: practical tips for the Front-end developer
•
Getting rid of duplicate packages in bundles
• 12 basic layout reflexes
•
What's new in Foundation 6
•
Introducing the new rendering layer for theguardian.com in 2019
•
Native lazy-loading for the image comes to the web! Addy Osmani announces support for the loading attribute in a future version of Chrome
•
Web components will replace your frontend framework
•
CSSBattle - a game in which using your CSS skills you need to recreate graphic objects with the smallest possible code
•
What does “supported-color-schemes” actually do in Dark Mode?
•
Ruby Sass has reached the end of its lifecycle
•
Z-index management in a component web application
•![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
CSS Standardization , the latest release of “The State of the Web” with Rick Viscomi and Jen Simmons (CSS Working Group, Mozilla)
•
How to create better themes using CSS Variables
•
The Hidden Power of CSS Text Align
•
GraphQL details: what, how and why
•
Speeding up WebGL / Three.js using OffscreenCanvas and web workers
•
What is so special about TypeScript?
•
Another JavaScript Framework
•
Remy Sharp: How I Didn't Deal
• JavaScript Web Workers: A Beginner's Guide
• How to Use Axios with JavaScript
• From Javascript to Typescript and Elm
• Why You Should Learn Vanilla Javascript Separately if You Want to Be the Best Developer
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
• V8 change log helped create an exploit for an unpatched vulnerability in Chrome
• Intrusive notification blocker and UserScripts API added to Firefox nightly builds
•
Can I Stop? Get rid of the need to support Internet Explorer 11 in places where (almost) no one uses it.
•
Evaluation of popular browsers in terms of security and privacy
← Digest last week
Material prepared dersmoll and alekskorovin
Media | Web Development | CSS | Javascript | Browsers
Media
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
•
![video](https://habrastorage.org/storage3/976/d3e/38a/976d3e38a34b003f86f91795524af9f8.gif)
Web development
•
![habr](https://habrastorage.org/storage2/c57/b92/af4/c57b92af4ee0d37f787c211a068b1b95.png)
•
![habr](https://habrastorage.org/storage2/c57/b92/af4/c57b92af4ee0d37f787c211a068b1b95.png)
• 12 basic layout reflexes
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
- Accessibility:
•Accessibility for vestibular disorders: how my temporary disability has changed my mind
•The use of advanced accessibility methods with automatically generated identifiers
• Aprogressive drop-down component with maximum support for accessibility
•HTML5 Landmarks testing
•Turbid waters of the ADA Website Compliance may become less turbid in 2019 year
- Animation:
•Inspirational sites, selection # 3
•Creative animation switching view modes
•Crossroads Slideshow . Experimental slider with a slope, with preview and opening content by click
•Dogstudio - site with a cool scroll effect
CSS
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
![video](https://habrastorage.org/storage3/976/d3e/38a/976d3e38a34b003f86f91795524af9f8.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
Javascript
•
![habr](https://habrastorage.org/storage2/c57/b92/af4/c57b92af4ee0d37f787c211a068b1b95.png)
•
![habr](https://habrastorage.org/storage2/c57/b92/af4/c57b92af4ee0d37f787c211a068b1b95.png)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
- Theory:
• Prototype-oriented programming in JavaScript
• The most necessary string and numerical methods in JavaScript
•Basics of JavaScript engines: general forms and Inline caching. Part 1
•12 tricks for working with JavaScript that are not found in most tutorials
•How to make your JavaScript code simple and easy to read
•Everything you need to know about Promise.all
• Curvating avariable variable length in JavaScript
VueJS:
•Плагины VueJS и Vue CLI 3 для повышения производительности вашего приложения
•VueJs Amsterdam 2019 — Краткий обзор мероприятия и докладов (часть 1)
•Unit vs E2E тестирование во Vue.js
•Как создать редактируемую таблицу данных в реальном времени в Vue.js
•Представляем Vue Chimera, реактивный restful api client
•PreVue: инструмент прототипирования для Vue
React:
•Дан Абрамов обучает меня React Hooks
•Функции высшего порядка: что это такое и пример на React
•Как создать современное веб-приложение с использованием WordPress и React
•Как создать доступное модальное окно на React
•Как создать собственные React хуки
Angular:
•Мультиязычные приложения в Angular
•Планы на Angular 8.0 и Ivy
•What to Expect in Angular 8
•Создание расширяемого динамического подключаемого Enterprise приложения на Angular
•Дорожная Angular карта — прошлое, настоящее и будущее
•Как начать летать с Angular и NgRx
•Как создавать темы для ваших приложений на Angular 7, используя CSS-переменные
•Управление состоянием с использованием объектов RxJS в приложениях Angular
- Libs & Plugins:
•Solid — лучшая JS UI-библиотека, о которой вы никогда не слышали
•code-server: запускает VS Code на удалённом сервере
Браузеры
• V8 change log helped create an exploit for an unpatched vulnerability in Chrome
• Intrusive notification blocker and UserScripts API added to Firefox nightly builds
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
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