facebookvkpockettwitterrssgithubarrow-leftarrow-rightsearch

CSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Настраиваемая анимация чекбоксов и радиокнопок

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

«Было бы здорово научить своих читателей изменять стандартные анимации элементов управления форм» — в какой-то из очередных поздних вечеров подумал я. И если с текстовым полем всё более менее понятно, то как изменить стиль чекбокса или радиокнопки — ответить слегка затруднительно, как минимум для новичка. И, как вы уже догадались, в этой статье мы обсудим теорию и практику создания настраиваемых чекбоксов, радиокнопок и их анимаций.

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

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

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

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

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

Модульная CSS сетка. Теория

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

С удивлением обнаружил, что начинающие верстальщики неохотно применяют сетки в своих проектах и до сих пор задают размеры блоков в пикселях там, где это не имеет никакого смысла. В этой статье я попытаюсь расставить все `breakpoint`'ы над контейнерами :)

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