Фронтенд-дайджест №401 (3 - 9 февраля 2020)
Медиа
- Подкаст "Веб-стандарты" №215: Перфоманс сначала или потом, воркеры, офлайн, без JS, чистый CSS и грязный результат
- Подкаст "Фронтенд Юность (18+)" №124: Истории из параллельной реальности
- UnderJS Podcast #14 - UnderHTML - пилотный выпуск
- Подкаст CSSSR: Новости 512 — Встреча TC39, архивация open source для потомков, переход с Go на Rust в Discrord
- Февральский митап SPB Frontend (2020)
Веб-разработка
-
ResizeObserver — новый мощный инструмент для отзывчивого веба
-
Работаем с аудио: загрузка файлов, звук, прогресс, визуализация
-
Как переписать фронтенд нагруженного проекта и не потерять главного
-
Инструменты
-
Доступность
-
Эффекты
CSS
- Старый CSS, новый CSS
- Learn CSS Positioning. Интерактивное руководство по позиционированию в CSS
- CSS4 - плохая идея
- Создание макета коллажа с помощью CSS Grid и Clip-path
- Выборка элемента с непустым атрибутом
- Магические флип-карты: решение известной проблемы с размерами
- Использование CSS-свойства line-height для улучшения читабельности
- Перемещение (или нет) с помощью CSS Motion Path
- Быстрый и легкое внедрение темного режима с помощью пользовательских свойств CSS
- Реализация темного режима с TailwindCSS
- Пользовательские стили для инпутов с помощью современных функций CSS
- Neumorphism.io - генератор CSS кода для теней
- CSS-2020: очередной «снимок состояния» или спецификация №1 современного CSS?
- Почему вы должны использовать HSL цвета в CSS?
- Как я воссоздал камеру Polaroid с помощью одних CSS-градиентов
- Светлая и темная фав-иконка на SVG с использованием медиа-функции CSS prefers-color-layout
- Создание треугольника Серпинского одним div-ом
JavaScript
-
Форматирование дат в JavaScript с помощью Intl.DateTimeFormat
-
Svelte
-
React
- 12 лучших и простых практик в React, которых стоит придерживаться в 2020 году
- Как создавать карты с помощью React и Leaflet
- Создавайте потрясающие анимации в React
- Постепенное использование TypeScript в вашем проекте на React
- В React неправильная абстракция убивает эффективность
- Подводные камни чрезмерного использования React Context
- Советы по повышению уровня ваших навыков в JavaScript и React
-
Vue
-
Angular
- 9 вещей, которые я узнал, создавая одно приложение на Angular и React
- Стала доступна версия 9 Angular Project Ivy
- Angular 9 - Что нового? Что изменилось? Обзор от Maximilian Schwarzmüller
- Angular 9 теперь доступен — Ivy прибыл
- 10 полезных функций Angular, которые вы упускали
- Как сделать пошаговый гайд вашего приложения (если ваш проект на Angular)
- Angular: Интеграционное тестирование (Shallow testing)
- Главные причины медленной работы Angular-приложений
- Обновление до Angular 9 - в течение 10 минут
-
Ember
-
Libs & Plugins
Браузеры
- Вышел браузер Chrome 80 с новшествами в обработке куки, которые могут нарушить работу сайтов
- В мобильный браузер Firefox Preview добавлена поддержка дополнений
- Переход на Firefox. Бред Фрост делится своим опытом
- Релиз Chrome 80
- Скоро Chrome будет блокировать навязчивую видеорекламу и загрузки через HTTP
- 8 браузеров на базе Chromium: не Google Chrome единым
- Почему веб-браузеры бесплатны
Попередній випуск
