Фронтенд-дайджест №404 (24 февраля - 1 марта 2020)
Медиа
- Подкаст "Веб-стандарты" №218: Опять гриды, градиенты всё лучше, блокирующий CSS, веб-компоненты, всё про кнопки и disabled
- Подкаст "Фронтенд Юность (18+)" #127: Мало половин. Часть первая
- Подкаст "Сделайте мне красиво", Выпуск №35 - Зарплаты, деплои по пятницам и гордыня функциональщиков
- Подкаст «CSSSR»: Новости 512 — Vue.js story, React 16.13.0, ускорение сайта Leroy Merlin, реклама по-ростелекомовски
- Я ❤ Фронтенд 2020 - Запись трансляции
Веб-разработка
-
Rome, новый JavaScript инструментарий от создателя Yarn и Babel из Facebook
-
Один день из жизни: как фронтенд-разработчик исправляет «простой» баг
-
Производительность
- Улучшение воспринимаемой производительности с помощью свойства CSS
font-display - Браузерная производительность, ограниченная разными Feature Policy
- Почему 543 KB не дают мне спать по ночам
- «Render-Blocking JavaScript and CSS on WordPress». Как это исправить?
- Ускоряем фронтенд. Когда много запросов к серверу — это хорошо
- Стоит ли хранить Google Fonts на своём сервере?
- Улучшение воспринимаемой производительности с помощью свойства CSS
-
Доступность
-
Эффекты
CSS
- Адаптивный макет сетки журнала всего в 20 строках CSS
- В W3C появилась общественная группа по CSS4
- Стилизация старого доброго элемента button
- Эффект линии, переплетенной между букв на CSS
- Умная анимация с пользовательскими свойствами
- Негативные margin в CSS
- Buttono - Гибкий Sass-миксин для создания кнопок в стиле БЭМ
- Почему CSS расстраивает?
- CSS против коронавируса: доступное представление иерархических табличных данных
- Старый и новый CSS. История веб-дизайна
- CSS Motion Path: Конец GSAP?
JavaScript
-
JavaScript и кое-что ещё: 4 креативных подхода к измерению времени в браузерах
-
4 рекомендации по написанию качественных модулей в JavaScript
-
5 лучших JavaScript-фреймворков: визуализация многолетних опросов разработчиков
-
Теория
-
Практика
-
Svelte
-
React
- Используем Axios в React
- React + Canvas = 💜
- React Query - Хуки для выборки, кэширования и обновления асинхронных данных в React
- Почему вы должны с умом использовать refs на продакшене
- React.useRef и React.createRef: разница
- Вам нравится Redux? Тогда вам понравятся react-connect-context-hooks!
- Ошибки, которые допускают джуниор разработчики на React
- Настройка Tailwind CSS в проекте на React
- 10 фишек из JavaScript, которые помогут писать более качественный код на React
-
Vue
- Vue.js: The Documentary
- Создание приложения с помощью Vue и TypeScript. Лучшие практики, мысли и рекомендации.
- Как создать музыкальный менеджер с Nuxt.js и Express.js
- Начало работы с тестированием Vue.js: ваше руководство по ресурсам
- (Примерное) Воссоздание Vue 3 Reactivity API
- Использование конечных автоматов в Vue.js с XState
- Создаем прогрессивный PWA интернет-магазин на Nuxt.js 2 пошаговое руководство Часть 1
-
Angular
- Как создать эпическое приложение на Angular менее чем за 10 минут! ⏱️😅
- Вот почему вы должны использовать Angular 9 сегодня
- Everything GitHub: Continuous Integration, Deployment и хостинг для вашего Angular приложения
- Дорожная карта для Angular-разработчиков на 2020
- Реактивные приключения в Angular: знакомство с Angular Effects
-
Ember
-
Libs & Plugins
Браузеры
- В Firefox 75 будут убраны https:// и www из выпадающего блока адресной строки
- 0-day уязвимость в Chrome, выявленная через анализ изменений в движке V8
- Защита Firefox с помощью WebAssembly
- Mozilla начинает внедрение технологии изоляции библиотек RLBox
- Google выпустил для Firefox систему аудита web-страниц Lighthouse
- В браузер Brave интегрировано обращение к archive.org для просмотра удалённых страниц
- У Chrome есть динозаврик, а у Microsoft Edge будет сёрфинг
- "Могу ли я ... в новом Edge?"
Попередній випуск
