Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
•
Подкаст «Веб-стандарты», Выпуск №178: W3C + WHATWG, SEO, быстродействие, Ember.js, Elm, Puppeteer
•
Подкаст «Frontend Weekend» #92 – Артём Кобзарь о преподавании, Харькове и вещах, которые должен знать junior-разработчик
•
Подкаст «devschacht» 83: Разговоры про Ember
•
Подкаст «Пятиминутка React»: MSK VUE.JS MEETUP
•
Подкаст «Фронтенд Юность (18+)» #95 Как стать CTO
•
Подкаст «CSSSR»: Новости 512 – WebAssembly на eBay, современный hoisting, Chrome 75 и другие релизы, Huawei-битвы
•
Подкаст «CSSSR»: Новости 512 – Снова о Svelte, донат на Github, паттерны для React Hooks и документалка об Ember.js
•
Frontreview #12: «Что обязательно должен спросить Junior на собеседовании»
•
proConf #15: ng-conf 2019 | ngRx на примере банана | модные гриды | полеты на марс
•
«Repozitorro #17: Подозревака, что код чужой...
•
JSHeroes 2019, 20 видео
•
Как использовать Web Share API
•
SEO требования для нового сайта
• CSS Flexbox в Bootstrap 4
•
Предотвращаем прокрутку страницы при открытии модального окна
•
Анимация движения модального окна по заданной траектории
•
CSS менталитет
•
Архитектура CSS — структура папок и файлов
•
CSS Grid Level 2 — subgrid скоро появятся в Firefox
•
Вариативные шрифты и нестандартные оси
•
Поддержание вашего CSS in JS в чистоте
•
Готовимся к 2020 году: 8 трендов клиентской JavaScript-разработки, о которых нужно знать
•
Рекомендации по написанию чистого кода на JavaScript
• Что нового в Node 12
•
Как управлять музыкой с помощью PS4 DualShock и JavaScript
•
Включение современного JavaScript на npm
•
JavaScript: опровержение SEO мифов
•
JAVASCRIPT SEO МЕРТВО! Что теперь?
•
Mozilla назвала «вредным» предложение Google о распространении веб-пакетов с цифровой подписью
• Релиз Chrome 75
• Mozilla планирует запустить платный сервис Firefox Premium
•
Новая функция Firefox Dev Tools, подcказывающая, почему CSS свойство не несет никакого эффекта
• «Сейчас произойдёт музыкальная революция»: история запуска iTunes и причины закрытия сервиса
• Вычислительная Фотография. Будущее фотографии — это код
• 19 отличных бесплатных нейросетей
• Вопросы морали и права: готово ли общество доверить себя искусственному интеллекту
• Бывший техдиректор NPM развивает распределённый репозиторий пакетов Entropic
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
Медиа
•
![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)
•
![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)
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
•
![video](https://habrastorage.org/storage3/976/d3e/38a/976d3e38a34b003f86f91795524af9f8.gif)
•
![video](https://habrastorage.org/storage3/976/d3e/38a/976d3e38a34b003f86f91795524af9f8.gif)
•
![video](https://habrastorage.org/storage3/976/d3e/38a/976d3e38a34b003f86f91795524af9f8.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)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
- Производительность:
•Производительность фронтенда: разбираем важные метрики
•Извлечение критического CSS. Узнайте, как улучшить время рендеринга с помощью техники critical CSS
•Эффективно повышаем производительность вашего (мобильного) сайта
- Accessibility:
•Создаём максимально недоступный сайт с идеальной оценкой Lighthouse
•Указание на фокус для улучшения доступности
•Анатомия доступных форм: проблема с Placeholders
•Доступность форм: практическое руководство
•Веб-доступность в контексте. Как браузеры и HTML сегодня поддерживают скринридеры?
CSS
• CSS Flexbox в Bootstrap 4
•
![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)
JavaScript
•
![habr](https://habrastorage.org/storage2/c57/b92/af4/c57b92af4ee0d37f787c211a068b1b95.png)
•
![habr](https://habrastorage.org/storage2/c57/b92/af4/c57b92af4ee0d37f787c211a068b1b95.png)
• Что нового в Node 12
•
![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)
![video](https://habrastorage.org/storage3/976/d3e/38a/976d3e38a34b003f86f91795524af9f8.gif)
- Теория:
•Массивы в JavaScript: From [0] to [ ‘H’, ‘E’, ‘R’, ‘O’ ]
•Волшебные, мистические трансдьюсеры в JavaScript
React:
•Создание анимации с использованием React Spring
•Топ 5 навыков для изучения для junior JavaScript developer
•Как я сделал свое приложение на React в 4 раза быстрее.
•В чем смысл React hooks?
•Кэшируйте React event listeners для повышения производительности.
Angular:
• Angular 8
•Angular & RxJS: Глубокое погружение в Async Pipe
•Путешествие в Angular анимацию
•Под капотом Angular CLI — демистификация билдеров
•Angular: путешествие одного из самых популярных фронтенд-инструментов на сегодняшнем рынке труда
VueJS:
•Tutorial: Как сделать анимированный интерактивный слайдер на Vue.js
•Подводные камни Vue.js. Распространенные фиксы для основных проблем
•Построение динамической древовидной диаграммы с помощью SVG и Vue.js
- Ember:
•Подкаст „Crash Log“: Product Hunt launch, speed vs. quality, integrations
•Подкаст „EmberMap“, Ep. 64 — Open source isn't free
•React Response Hot Loading
Браузеры
•
![habr](https://habrastorage.org/storage2/c57/b92/af4/c57b92af4ee0d37f787c211a068b1b95.png)
• Релиз Chrome 75
• Mozilla планирует запустить платный сервис Firefox Premium
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
Занимательное
• «Сейчас произойдёт музыкальная революция»: история запуска iTunes и причины закрытия сервиса
• Вычислительная Фотография. Будущее фотографии — это код
• 19 отличных бесплатных нейросетей
• Вопросы морали и права: готово ли общество доверить себя искусственному интеллекту
• Бывший техдиректор NPM развивает распределённый репозиторий пакетов Entropic
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.