Фронтенд-дайджест №416 (18 - 24 мая 2020)
Медиа
- Подкаст CSSSR: Deno 1.0, TypeScript 3.9, React Europe online, browser storages, Web Vitals, Regex, проблемы SPA
- Подкаст CSSSR: Remote Talk #13 — Павел Малышев, Нижний Новгород, Svelte, Smart TV, IT-сообщества Нижнего Новгорода
- Подкаст "Веб-стандарты" №231: MS Build, Chrome 83, Lighthouse 6, быстрый Google Fonts, перфоманс Notion, Angular по-русски
Веб-разработка
-
Производительность
-
Доступность
-
Эффекты
CSS
- CSUN 2020: свойства CSS Display vs семантика HTML
- Что такое Tailwind CSS и как я могу добавить его на свой веб-сайт или в приложение на React?
- Интересные CSS-находки в дизайне Twitter
- Размышления о промежуточных состояниях в адаптивных трансформациях
- Бесконечно прокручиваемое вертикальное меню
- Безопасное/небезопасное выравнивание с CSS flexbox
- Прокачиваем свои CSS-анимации
- Использование calc для определения оптимальной высоты строки
- Первые шаги в возможной реализации Masonry Layout в CSS
- stylemug - Быстрая css-in-js библиотека, которая извлекает atomic CSS в .css файл
JavaScript
-
Избегайте тяжелых Babel-преобразований, не используя (иногда) современный JavaScript
-
Гексагональная архитектура для Node.js-приложения, или Как сделать код более поддерживаемым
-
Обнаружение неактивных пользователей с помощью Idle Detection API
-
Блог dropbox: Великая миграция с CoffeeScript на Typescript 2017-го года
-
Релизы
-
Теория
-
React
-
Vue
- Простые директивы Vue, которые сэкономят ваше время
- Расширьте возможности приложения на NuxtJS с помощью модуля @nuxtjs/content: пишем в content / и извлекаем файлы Markdown, JSON, YAML и CSV через API в стиле MongoDB, выступающего в качестве Git-based Headless CMS
- Стоит ли изучать Vue 2 или просто подождать выхода Vue 3?
- Управление состоянием (state) с помощью Composition API
- Руководство по обновлению Vue 3
- Представляем Vue Formulate - Самый простой способ создания форм с помощью Vue
- Vue Class Store - универсальное хранилище Vue, куда вы записываете один раз и используете везде
- Разбираемся с аутентификацией с помощью Vue, используя RESTful API
-
Angular
-
Ember
-
Svelte
-
Libs & Plugins
- Revealjs, популярный движок для создания презентаций, обновился до версии 4.0
- ts_ci - Настройка CI для TypeScript проектов с помощью GitHub Actions.
- ac-colors - реактивная JavaScript библиотека, которая может свободно конвертировать между RGB, HSL, HEX, XYZ, LAB и LCHab, а также обрабатывать генерацию случайных цветов и вычислять коэффициент контрастности
- Alpine.js — продолжаем знакомство
Браузеры
- Состоялся релиз стабильной версии Microsoft Edge 83.0
- 70% проблем с безопасностью в Chromium вызваны ошибками при работе с памятью
- Релиз Chrome 83
- Основной жизненный цикл IE11 окончится в октябре 2020
- Google Chrome вскоре получит крупное обновление безопасности с переработанным разделом и ворохом новых инструментов
- Браузер Microsoft Edge получит контекстный поиск и интеграцию с Pinterest