Часть 3. Переходим на HTML5. Организация контента.

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

Часть 2. Переходим на HTML5. Общая структура страницы.

Возьмем в качестве примера разметку главной страницы самого простого блога – шапка, подвал, боковая колонка с меню, набор постов с их кратким описанием. <header> Шапка страницы обычно является первым элементом на странице и содержит название сайта, логотипы, ссылки на главную страницу, может содержать навигацию по...

Часть 1. Переходим на HTML5. Введение.

HTML 4 предлагает нам использовать для разметки контента обобщенные структуры. К примеру, <div> — это обобщенный блок, который сообщает браузеру что-то вроде «вот тут есть что-то, и оно рассматривается как нечто целое», однако этот элемент не имеет значения; никакой семантики, выходящей за рамки выражения «оно...

Вертикальное выравнивание img произвольных размеров

Каждому верстальщику приходилось сталкиваться с необходимостью центрировать изображение внутри блока не только по горизонтали, но и по вертикали. Если размеры изображения всегда постоянны и известны, то решение подобрать нетрудно. Мы рассмотрим случай, когда у картинки может быть произвольная высота и ширина. Мне, например, часто приходится...

Кроссбраузерный CSS3: закругление углов, тени, градиент

Заголовок «Кроссбраузерный CSS3» — звучит слишком громко, конечно. В данной статье мы только «обучим» браузер Internet Explorer некоторым возможностям, которые предоставляет CSS3. Вообще можно сказать, что MSIE сильно отстал от своих коллег в том, что касается поддержки новых интернет-технологий. Причем это касается не только всеми...

Оформление нумерованных списков с помощью jQuery

Иногда возникает необходимость оригинально сверстать нумерованный список ol в соответствии с задумкой дизайнера. Обойтись одними возможностями html+css, сохранив при этом простую структуру списка ol, не получится. Однако эта задача элементарно решается с помощью простого скрипта на jQuery. Мне вот недавно достался макет сайта с таким списком. Рассмотрим самый простой...

JqTransform — нестандартное оформление форм

Все реже на сайтах можно встретить стандартное оформление элементов форм — checkbox, radiobutton, textarea, select и др. Если средства CSS еще могут справиться с визуальным оформлением текстовых полей и кнопок, то внешний вид чекбоксов и радио-кнопок им не подвластен. Перепробовала уйму способов, использующих jQuery, но...