Назначение HTML-тегов в верстке №1. Базовые теги

Рассказываю о каждом теге на примерах макетов, показываю, где какой тег лучше использовать

#видео

JustValidate - плагин для валидации форм

Туториал по работе с плагином: https://youtu.be/EPXabErmGrQ

#js_плагины

Создание ссылки для скачивания

Никита Дубко перевел статью, в которой рассказывается о правильном создании ссылки для скачивания контента

#cтатья

CSS Grid для сетки, Flexbox для компонентов

Интересный подход к использованию обеих технологий от Ахмада Шадида

#cтатья

AOS.js - плагин для создания анимации по скроллу

Туториал по работе с плагином: https://youtu.be/vrEHi8kp8M4

#js_плагины

Веб-разработка в 2023 - практический гайд

Traversy Media рассказывает о вебе в 2023

#видео

Всплывающая подсказка по всем правилам a11y

Ребята из Доки рассказывают, как создать правильный тултип

#видео

Понятный z-index

Ахмад Шадид рассказывает о том, как понять z-index на примерах

#cтатья

Макет сайта бренда Aperture

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

#макет

Гайд по клавиатурной доступности: HTML и CSS

Кристиан Диаз рассказывает про клавиатурную доступность с точки зрения html и css

#cтатья

Генератор треугольников

Сервис для генерации треугольников на CSS

#утилиты

10 вещей, которые можно делать в верстке с помощью псевдоэлементов before и after

Моя статья про псевдоэлементы и их возможности

#cтатья

Удивительный и неизвестный inline-block

SelenIT рассказывает про inline-block и его особенности

#cтатья

Назначение HTML-тегов в верстке №2. Теги форматирования

Рассказываю о каждом теге на примерах макетов, показываю, где какой тег лучше использовать

#видео

Условный CSS

Ахмад Шадид рассказывает о условиях внутри CSS, и как их можно использовать

#cтатья

Назначение HTML-тегов в верстке №3. Семантические теги

Рассказываю о каждом теге на примерах макетов, показываю, где какой тег лучше использовать

#видео

CSS и производительность сети

Максим Усачев переводит статью про производительность и CSS

#cтатья

Все, что нужно знать об отступе у маркера списка

Шиме Видас рассказывает про отступ от маркера списка

#cтатья

JS-Cookie - удобный плагин для работы с куками

Туториал по работе с плагином: https://youtu.be/RrMgCWBtE_s

#js_плагины

Прокачиваем навыки отладки с помощью инструментов разработчика Chrome (часть 1)

Максим Усачев переводит статью про отладку с помощью DevTools

#cтатья

Прокачиваем навыки отладки с помощью инструментов разработчика Chrome (часть 2)

Максим Усачев переводит статью про отладку с помощью DevTools

#cтатья