@frontend_school #видео #CSS

​Видеокурс по CSS Flexbox

Чтобы лучше понять материал, его нужно увидеть.
В этом видеокурсе вы сможете разобраться в том, как пользоваться Flexbox, чем он отличается от Grid многое другое.

Смотреть видео

@frontend_school #статья #CSS

​Режимы наложения в CSS

Автор этой статьи расскажет вам, как сделать ваш сайт нереально крутым, используя наложения в CSS. Здесь вы найдёте множество примеров и способов их реализации. Статья на английском, но всё понятно и так

Читать статью

@frontend_school #статья #CSS

Как работает CSS Flexbox: наглядное введение в систему компоновки элементов на веб-странице

Эта статья примечательна тем, что в ней все примеры выполнены в виде gif. Это позволяет более детально взглянуть на материал и лучше его усвоить.

Читать статью

@frontend_school #статья #CSS

Динамические размеры липкой боковой панели с HTML и CSS

Cоздание содержимого страницы, которое «прилипает» к области просмотра при прокрутке, что-то вроде меню перехода к привязке или заголовков разделов, никогда не было таким простым. Добавьте position: sticky в набор правил CSS, установите смещение направления (например top: 0), и вы готовы произвести впечатление на своих товарищей по команде с минимальными усилиями.

Читать статью

Иллюстрированная шпаргалка по Flexbox CSS

Сразу заметим, что статья на английском языке. Но! Текста там немного, по большей части там картинки с понятной визуализацией работы различных свойств Flexbox. А ещё они очень милые и легко запоминающиеся! Поэтому сохраняйте в закладки, чтобы всегда были под рукой.

Читать статью

@frontend_school #статья #CSS #en

​​Что такое @font-face на самом деле

В этой статье вы узнаете, как правильно подключать локальные шрифты к вашему сайту. Статье небольшая, но крайне полезная!

Читать статью

@frontend_school #CSS

​​БЭМ — соглашение по именованию в CSS

Вообще, БЭМ — это аббревиатура, которая представляет собой сочетание слов «блок», «элемент» и «модификатор». Эта методология предполагает определённый порядок наименования компонентов и вы наверняка столкнётесь с ней при реальной работе.

В этой статье понятным языком объяснили, что же это такое и как правильно этим пользоваться.

Читать статью

@frontend_school #статья #CSS

​​CSS-переменные: о чем вам не говорят

CSS-переменные — отличная вещь, но всё ли вы о них знаете? В этой статье вы узнаете о некоторых особенностях CSS-переменных, о которых многие не говорят. После этого вы уже не сможете воспринимать их, как прежде, но при этом, возможно, найдёте им новое применение.

Читать статью

@frontend_school #статья #CSS

​​Обработка текста поверх изображений в CSS

При вёрстке сайта часто возникает необходимость разместить текст поверх какого-то изображения. В таком случае текст может сливаться с частью изображения, если стили плохо прописаны. Чтобы сделать текст более читаемым, а общий вид привлекательным, существуют различные способы. Вот об этих способах вы узнаете в сегодняшней статье.

Читать статью

@frontend_school #статья #CSS