Архив рубрики Верстка сайта

Приветствую всех читателей блога Вебсовет! Давно хотел написать статью или даже цикл статей о современных способах выравнивания элементов в верстке сайтов. Когда-то для этого использовали обычные таблицы и не парились шибко. Но потом таблицы сменили блоками div и появилось весьма удобное свойство float, которое и по сегодняшний день широко используется в верстке. Однако время не […]

Я уверен, что многие из вас тоже задавались вопросом: как убрать последний разделитель у горизонтального меню. Обычно в CSS для разделения пунктов горизонтального меню задают правый вертикальный бордер толщиной в 1 пиксель: .nav li { border-right: 1px solid #333; } Понятно, что этот бордер появится у всех пунктов меню. В том числе и у последнего, […]

Продолжаем творить трюки на чистом css. Сегодня я расскажу, как на средствами css сделать красивую разделительную линию в виде волны на сайте. Ее можно использовать, например, для визуального разделения постов на блоге, или отдельных блоков в сайдбаре. Когда-то я уже рассказывал о стильной разделительной линии на css. Но там применялся тег-динозавр hr с парочкой хитрых […]

Продолжаем тему адаптивной верстки. Сегодня речь пойдет об одном из трех китов адаптивной верстки — макете на основе сетки (flexible gridbased layout). Два других – это медиа-запросы и гибкие изображения (flexible images). В середине XX века графические дизайнеры популяризировали понятие типографской, или модульной, сетки — рациональной системы колонок и рядов, в которые можно было поместить […]

С какой версии начинать разработку сайта: с мобильной или десктопной? Такой вопрос был задан в статье о медиа-запросах, используемых в адаптивной верстке. Люк Вроблевски, автор книги «Сначала мобильные!», однозначно говорит, что начинать нужно с мобильных: Как только вы поймете, каким количеством бессмысленных навигационных элементов, пустого контента и неэффективных рекламных баннеров завален типичный сайт, вам станет […]

Один из читателей блога Вебсовет попросил рассказать о верстке писем для рассылки. Сам я этим практически не занимаюсь. Помнится, в свое время я много возился с шаблонами для Subscribe.ru, и помню, что дело это было муторное. Проблема в том, что почтовые сервисы плохо работают с блочной версткой. А еще хуже со стилями css. Столько лет […]