HTML и CSSВыборка
- Выборка элементов
- Выборка элементов по атрибутам
- Выборка указанного количества элементов
- Псевдоклассы и псевдоэлемены
- Разница между «nth-child» и «nth-of-type»
- Переопределение (вес, специфичность)
Текст
- Сделать буквы заглавными или маленькими
- Сделать первую или каждую букву заглавной
- Разделить контент на колонки
- Подключить шрифт
- Оформление цитаты (q, cite, blockquote)
- 3 эффекта при наведении на ссылку
- 2 эффекта текста
Картинки
- Вставить картинку
- Градиент
- 4 видов границ (border)
- 4 видов тени
- Спрайт
- Сделать картинку чёрно-белой
- Растянуть картинку на весь блок
- Изменить прозрачность объекта
Вёрстка
- Вывод нескольких элементов в ряд (Flexbox)
- Различия между float и flex
- Хлебные крошки (Breadcrumbs)
- Прижать футер к низу сайта
- Выровнять дочерние элементы по ширине
- Зафиксировать меню и сайдбар (position: sticky)
- Вертикальное выравнивание
- Порядок элементов (order)
- Разница между «px», «em» и «rem»
- 8 советов вёрстки и настройки email-рассылок
- Переместить объект, не влияя на вёрстку
- Clearfix
Форма
- Оформить placeholder
- Сделать элементы форм обязательными для заполнения
- Автоматически выбирать элемент формы при загрузке страницы
- Оформить чекбокс
- Передать параметры в массиве через форму
Списки
Анимация
- Анимировать объект
- Анимация поворачивающейся карты
- Слегка увеличить объект при наведении
- Непрерывная анимация (бесконечное повторение анимации)
- Пошаговая анимация
- Вращающийся объект (текст, картинка)
- Вращение объекта вокруг указанной оси
Браузер
- Сброс стилей HTML-элементов (CSS Reset)
- Иконка сайта (Favicon)
- Мета-тег viewport
- Стили в зависимости от размеров экрана (Media Queries)
- Стили для печати
- Выполнить CSS для указанного браузера (хаки)
- Изменить курсор мыши
- Обновить страницу через указанный промежуток времени
Медиа
Эффекты
Разное