CSS дает нам гораздо больше возможностей, чем кажется. Для того, чтобы получить различные визуальные эффекты, вместо объемных JavaScript-библиотек во многих случаях без каких-либо проблем можно использовать CSS. Отличной иллюстрацией такого утверждения является реализация parallax-эффекта при прокручивании страницы на чистом CSS.

Иногда нужно посмотреть, как выглядит страница без каких-либо стилей.

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

Довольно часто возникает ситуация, когда для блока, содержащего дочерние элементы или текст, нужно определить одни стили, а в случае их отсутствия - другие. Сделать это довольно легко, если знать о существовании псевдокласса :empty.

Долгое время размещение элемента по центру родительского блока, как по горизонтали, так и по вертикали, являлось головной болью не только для начинающих веб-разработчиков. Однако, появление Flexbox-модели разметки для отображения элементов, стало, поистине, волшебной таблеткой.