CSS

Захотелось мне как-то поделиться со своим блогом новыми мыслями. Идея очень простая — навигационное меню. Да, такое же как и в Bootstrap, но с использованием Flexbox.

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

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

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

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

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

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

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

В первой части статьи мы познакомились с необходимыми нам возможностями и особенностями CSS. Теперь же пришло время разобраться как работает простейшая сетка и как её построить.