Фронтенд-дайджест №438 (19 - 25 октября 2020)
Медиа
- Подкаст "Сделайте мне красиво", Выпуск №46: Typescript и вёрстка решили все свои проблемы (а ты - нет)
- Подкаст "Фронтенд Юность (18+)" #160: Чёрные кардиналы фронтенда Pro Unlimited
- Подкаст CSSSR: MobX or Redux, Flexbox or CSS Grid, Angular DI, Lighthouse, Declarative Shadow DOM, MDN Web DNA 2020 Pro Unlimited
- Подкаст IT Way: Про фронтенд для начинающих, как работает (и работают в) Aviasales. Episode 46 от 24.10.2020
Веб-разработка
-
Более разумные способы создания HTML-структуры с глубокой вложенностью
-
Инструменты
-
Доступность
-
Эффекты
CSS
- Создание CSS Shapes с помощью эмодзи
- Нестандартное мышление с помощью CSS Grid
- CSS в 3D: учимся думать кубами, а не прямоугольниками
- Как я структурирую CSS
- «Универсальный селектор CSS работает медленно, и его следует избегать» - еще одна ложь!
- Переменные в Sass, в CSS, и семантические переменные темы
- Выбор CSS макета — Grid или Flexbox?
- Дизайн отзывчивой высоты
- State of CSS 2020. Ежегодный опрос о текущем состоянии CSS
JavaScript
-
Client-Side Rendering vs Server-Side Rendering vs Static-Site Generation
-
Варианты объектно-ориентированного программирования (на JavaScript)
-
6 передовых функций JavaScript, которые вы можете использовать сегодня
-
Как создать прогрессивно улучшенный компонент аккордеона с помощью vanilla JS
-
Релизы
-
React
- Rockpack - комплексное решение, позволяющее создавать каркас React приложения в стиле create-react-app и существенно сокращающее время настройки проекта
- Начало работы со Styled-Components в React
- Что нового в Create React App 4
- React v17.0
- Начало работы с Next.js
- Базовый формат моков React компонентов
-
Vue
-
Angular
-
Ember
-
Svelte
-
Libs & Plugins
- Прекратите использовать Moment.js для дат и времен в JavaScript
- nsfwjs - Простая JavaScript библиотека, которая поможет вам быстро идентифицировать непристойные изображения на клиентской стороне
- Lucia - крошечная JS библиотека (совместимая с UMD), которая может заменить jQuery и приложения на ванильном JavaScript.
- fingerprintjs - Создает идентификатор посетителя веб-сайта по цифровому отпечатку браузера