HTML, CSS, адаптивная вёрстка, Flexbox, Grid — всё для создания сайтов.
Помню момент, когда в очередной раз правил шаблон на uCoz и пытался поставить три блока в один ряд. float: left, clear: both, ручные отступы, прыгающие элементы при изменении ширины экрана — всё это отнимало время и нервы. А потом Flexbox перевернул подход к вёрстке. Если вы сейчас ломаете голову над тем, как прижать кнопку к правому […]
Если CSS Grid кажется сложным, на деле это один из самых удобных способов собирать аккуратные и гибкие макеты. Помню, как в первых шаблонах на uCoz я пытался выстроить карточки статей ровной сеткой через float и margin — это превращалось в адскую головоломку. Стоило одному заголовку стать длиннее, и весь ряд разъезжался. Grid избавляет от этой боли: […]
Если на десктопе меню выглядит аккуратно, это ещё не значит, что на телефоне им удобно пользоваться. На маленьком экране длинная горизонтальная навигация часто ломается, уезжает за пределы экрана, превращается в мелкий набор ссылок или просто мешает контенту. В uCoz это особенно заметно на старых шаблонах, где меню изначально делали под широкие экраны.
Хорошая новость в […]
Когда-то мы верстали под фиксированные 1000 пикселей и считали, что этого достаточно. Сейчас открываешь такой сайт на телефоне — и видишь горизонтальную прокрутку, микроскопический текст и меню, в которое невозможно попасть пальцем. Старые uCoz-шаблоны не виноваты: они создавались в эпоху, когда мобильная верстка была скорее исключением, чем правилом. Но это не значит, что нужно сидеть и […]
Открываете панель управления uCoz, заходите в «Управление дизайном» — и видите строчки кода с color, margin, font-size. Ещё не CSS, но вы уже в шаге от него. Именно CSS управляет всем, что мы видим на сайте: от цвета фона до того, как кнопка отреагирует на наведение. Я сам когда-то начинал с того, что просто копировал […]
Начинается всё обычно с простого желания — подвинуть логотип на пару пикселей левее или поменять цвет кнопки. Открываешь редактор шаблона и видишь россыпь угловатых скобок, в которых на первый взгляд чёрт ногу сломит. Но если присмотреться, то за этим «беспорядком» скрывается чёткая логика. И когда вы её понимаете, страх что-то сломать в шаблоне уходит.
HTML […]