Верстка \ CSS 3

Как складывать элементы в CSS

От автора: если вы хотите создавать фантастические и уникальные визуальные впечатления в Интернете, вам в конечном итоге понадобятся два элемента, которые будут перекрываться или размещаться в одном месте. Возможно, вам даже нужно, чтобы они были расположены рядом или бок обок друг с другом. Давайте рассмотрим два разных способа сделать это: один с помощью свойства position, а другой с помощью CSS Grid.

Продолжить чтение

Верстка \ CSS 3

2 способа создать макет Святого Грааля с Flexbox

От автора: до появления Модуля макетов flexbox было непросто создать макет Святого Грааля. Нам приходилось использовать всевозможные настройки, чтобы добиться такого вида макета, который понравился бы как маркетологам, так и владельцам веб-сайтов, чтобы он позволял использовать две боковые панели одновременно — одну слева и одну справа. Благодаря flexbox, теперь мы можем создать его всего с помощью нескольких строк кода.

Продолжить чтение

Верстка \ CSS 3

7 случаев использования пользовательских свойств CSS

От автора: пользовательские свойства (также известные как CSS-переменные) позволяют нам хранить значения свойств для повторного использования в таблицах стилей. Если вы относительно новичок в этой теме, вы можете задаться вопросом, когда можно использовать их вместо переменных препроцессора (если вы действительно используете препроцессор). В эти дни я часто использую пользовательские свойства в своем рабочем процессе, и я подумал, что было бы хорошо показать некоторые варианты использования.

Продолжить чтение

Верстка \ CSS 3

Учимся создавать макет Masonry-галереи, используя чистый CSS

От автора: сегодня я собираюсь показать вам, как вы можете построить сложную Masonry-сетку, используя CSS Grid. CSS Grid изменил способ разработки наших макетов, и мы собираемся создать интересный проект, используя его возможности.

Продолжить чтение

Верстка \ CSS 3

Как реализовать перекрытие изображений в CSS

От автора: очень популярная в веб-дизайне в настоящее время вещь — это перекрывающиеся изображения. Когда вам, как разработчику, передается проект, есть несколько способов реализовать это — как и почти всегда в CSS.

Продолжить чтение

Верстка \ CSS 3

Описательные имена классов CSS

От автора: иногда я сталкиваюсь с ситуациями, когда мне нужны дополнительные имена классов CSS для манипулирования стилями. Когда это происходит, я делю эти ситуации на стандартные типы и присваиваю каждому типу префикс имени класса, который представляет этот тип.

Продолжить чтение