Фронтенд-дайджест №422 (29 июня - 5 июля 2020)
Веб-разработка
-
Google запустили бета-версию плагина для публикации AMP-сториз в WordPress
-
Прогрессивные веб-приложения: руководство по практическому использованию
-
Инструменты
- tooling.report - онлайн-ресурс для быстрого способа определения наиболее оптимального сборщика для вашего проекта, с подробными таблицами сравнения функциональности инструментов
- Зачем в npm 7 оставили поддержку package-lock.json?
- Что нового в DevTools (Chrome 85)
- Программируем лучше с ESLint, Prettier и TypeScript
-
Производительность
-
Доступность
-
Эффекты
CSS
- Accordion Rows в CSS Grid
- Производительность - CSS Painting vs. CSS Houdini Paint API
- Ссылки нестандартной формы с помощью Subgrid
- Получение значений CSS Translate с помощью JavaScript
- Выравнивание изображений логотипа в CSS
- Динамический импорт CSS
- Необычные свойства CSS
- Адаптирующиеся изображения в изменчивых пропорциях контейнера
- Создание простой страницы лендинга за 5 минут используя готовые CSS блоки tailwind.
- Стилизация контейнеров для содержимого веб-страниц
- Когда строка не разрывается. О вариантах реализации принудительных переносов в списках
- TailwindCSS – очередной фреймворк или новый шаг эволюции?
- Новое в Chrome: CSS Overview
- Упрощаем фоновые рисунки c помощью конических градиентов
- Когда Sass и новые функции CSS сталкиваются
- Полное руководство по медиа-запросам CSS
JavaScript
-
Почему подход "vanilla JavaScript first" может быть НЕ лучшим выбором
-
Устройство ленивой загрузки в популярных фронтенд-фреймворках
-
Как получить размеры экрана, окна и веб-страницы в JavaScript
-
Избушка на обратно-совместимых ножках — компилируем JS для нужных браузеров
-
Теория
-
Практика
-
React
- Прости, React, но я так больше не могу
- Как протестировать ваши приложения React с помощью React Testing Library
- Различия между статическими сгенерированными сайтами и приложениями с рендером на стороне сервера
- Анатомия Typed React Component
- Push-уведомления Firebase в React
- Server Side Rendering React App с Deno
- Шаринг виджетов React между приложениями
-
Vue
- Vue Demi - развивающаяся утилита, позволяющая писать библиотеки Universal Vue для Vue 2 и 3
- Создание блога с Nuxt Content
- Как сделать localStorage реактивным во Vue
- 9 идей проектов на Vue JS для начинающих, которые помогут вам получить работу
- Vue 3: обновление статуса середины 2020 года
- Напишите свой первый тест для компонента Vue
-
Angular
-
Svelte
-
Libs & Plugins