6 CSS-сниппетов, которые должен знать каждый фронтенд-разработчик в 2023

Адам Аргайл рассказывает про полезные CSS-сниппеты для фронта в 2023

#cтатья

Макет сайта Ashley&Co

Сложность: #средняя
Язык: #eng

#макет

Центрирование элементов на CSS

Ахмад Шадид рассказывает о приемах для центрирования элементов

#cтатья

Простое форматирование данных с помощью API Intl

Web Dev Simplified рассказывает об Intl API, которое позволяет форматировать данные через JS

#видео

Для чего нужен тег fieldset?

Ответ: https://telegra.ph/Dlya-chego-nuzhen-teg-fieldset-04-18

#викторина

Почему семантический HTML важен, и как TypeScript помогает это понять

Максим Усачев переводит статью про семантику в HTML

#cтатья

Генератор имен css-переменных

Сервис для генерации имен css-переменных

#утилиты

Graph-page-filter - мой плагин для подсветки вводимых в инпут значений

Видео по созданию плагина: https://youtu.be/YmmDe_Nu9Y4

#js_плагины

Макет лендинга про подкасты

Сложность: #легкая
Язык: #eng

#макет

Приключения Masonry-раскладки в CSS

SelenIT рассказывает о создании masonry-раскладки в CSS

#cтатья

Викторина: Какое из свойств может разом заменить left, right, top, bottom?

Ответ: https://telegra.ph/Kakoe-iz-svojstv-mozhet-razom-zamenit-left-right-top-bottom-04-16

#викторина

Кастомные скроллбары на чистом CSS

Ахмад Шадид рассказывает о стилизации скроллбаров

#cтатья

Макет сайта Lemon

Сложность: #легкая
Язык: #eng

#макет

Как создать адаптивную таблицу

Кевин Пауэлл рассказывает, как создать адаптивную таблицу

#видео

Оптимизация видео-бэкграунда с помощью CSS и JS

Оскар Оримионо рассказывает о том, как оптимизировать видео на фоне

#cтатья

Как ловить ошибки в JavaScript коде

Михаил Непомнящий рассказывает, как найти ошибки в js-коде

#видео

Оптимизатор SVG-фигур

Сервис, который позволяет оптимизировать SVG

#утилиты