facebook vk pocket twitter rss github arrow-left arrow-right search

Категория «CSS»

Табы на CSS? Можно, но...

Опубликовано в «CSS»

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

Читать полностью →

Понимание веса CSS-селекторов

Опубликовано в «CSS»

Чисто теоретическая статья о том, что такое вес CSS-селекторов, как его определять, читать и некоторые рекомендации по соблюдению чистоты своего кода. Много теории, мало примеров и типичный для этого блога юмор. Поехали.

Читать полностью →

Невероятный препроцессор Less

Опубликовано в «CSS»

Времена, когда я писал весь CSS код вручную вспоминать не особо хочется. Это как копать траншею детской лопаткой или подстригать газон ножницами из девичьего маникюрного набора. Кратко и ясно — неоправданная трата времени.

Читать полностью →

Медиа-запросы вместе с Less

Опубликовано в «CSS»

Последние несколько лет сайты, в верстке которых не используются медиа-запросы, обречены на провал. Давайте признаем, что сейчас сайт должен быть оптимизирован для всех возможных устройств и сопутствующих им разрешений. Писать каждый раз весь медиа-запрос — дело утомительное. Попробуем упростить себе жизнь, используя CSS-препроцессор.

Читать полностью →

Организация каскадных таблиц стилей

Опубликовано в «CSS»

Структурирование стилевого файла — это одно из самых важных занятий в жизни проекта. Для того, чтобы поддерживать ваш код в порядке нужно следовать каким-либо правилам. Неважно, будут ли эти правила установлены лично вами или позаимствованы у кого-либо, главное их придерживаться и придерживаться всегда или стремиться к этому. Называется такая практика «руководство по написаю кода» или «руководство по стилю написания кода». В этой заметке я собрал некоторые советы, интересные и правильные руководства, а также свои личные наблюдения на практике, которые помогут держать ваш код в чистоте и порядке.

Читать полностью →