Фронтенд-дайджест №397 (6 - 12 января 2020)
Медиа
- UnderJS Podcast #13 - Андрей Ситник про Logux, PostCSS и человечный фронтенд [Ламповый]
- Подкаст "Веб-стандарты" №211. Софт-скилы, футбол и жизнь без фронтенда, веб-компоненты, React, гриды, перфоманс, дайвёрсити
- proConf #44 [Special] ЛУЧШИЕ ДОКЛАДЫ 2019
- Подкаст CSSSR, Argumentarium — Reatom, Redux и Effector
- Подкаст "Фронтенд Юность (18+)" #121: Из чего состоит JavaScript
Веб-разработка
-
Производительность
- Как Google учитывает показатели производительности веб страницы при ранжировании результатов поиска?
- Уменьшение HTML загрузки с помощью сервис-воркеров
- Front-End Performance Checklist 2020 [PDF, Apple Pages, MS Word]
- Год для веб-производительности: 2019
- Бюджеты производительности, прагматично
- Что я узнал, оптимизируя наше время сборки
- Быстрая загрузка страниц на самых простых дешёвых телефонах
-
Эффекты
CSS
- prefers-color-scheme: CSS Media Query
- Как совмещать элементы в CSS
- Перемещение (или нет) с помощью CSS Motion Path
- Карусель на CSS
- Клади плитку эффективно ( Про CSS, SVG, pattern и другое)
- Стандарт CSS для Masonry-раскладки: от идеи — к первым конкретным наработкам
- Многопозиционные ползунки: общий случай
- Многопозиционные ползунки: случай с двумя позициями
- Использование изингов не только для CSS transitions
- Понимание CSS Grid: Grid Lines
- 7 свойств CSS, о которых вы не знали
- 13 способов вертикального центрирования в 2020
- Свойства Min и Max width/height в CSS
- Скрытие элементов в вебе
JavaScript
-
craft.js - React Framework для создания расширяемых редакторов страниц с drag and drop
-
Hopa - CLI без конфигов, запускающая JavaScript и TypeScript
-
Теория
-
React
- Beautiful React Hooks - Коллекция красивых и (надеюсь) полезных хуков React для ускорения разработки ваших компонентов и хуков
- Развенчание мифа: Accessibility и React
- От create-react-app к PWA
- Новая документация Next.js
- ipod-classic-js - iPod Classic, созданный с использованием React Hooks, TypeScript и GraphQL
-
Vue
- Анонс Villus - крошечный и быстрый клиент GraphQL для Vue.js
- Обработка событий с помощью Vue.js
- Приключения с функцией рендера Vue
- Полное руководство по созданию полноценного мультиязычного сайта на Nuxt.js
- Использование IndexedDB с Vue.js
- vue-kinesis - Простые в использовании компоненты Vue.js для создания интерактивных анимаций
- 5 дел, которые можно сделать для того, чтобы подготовиться к приходу Vue 3.0
- Vue для самых маленьких a.k.a небольшой блог по всем канонам
-
Angular
-
Ember
Браузеры
- Релиз Firefox 72
- Firefox 72, детали для разработчиков
- Firefox 72 - наша первая песня 2020 года
- Mozilla тестирует систему голосового управления Firefox Voice
- Chrome, следом за Firefox, добавит защиту от назойливых уведомлений
- Конец инди веб-браузеров: вы (не) можете конкурировать
- Слухи о смерти Internet Explorer сильно преувеличены. Windows 10 ставит рекорд по совместимости
- Почему вам давно пора было отказаться от поддержки IE...