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

Добавим к предыдущей статье о новых тэгах в HTML5 еще несколько описаний нововведений. Итак, новые тэги: time, figure, video, audio и canvas. Тэг time time — позволяет однозначно кодировать время и дату по грегорианскому календарю с учетом всех возможных смещений часовых поясов. Состоит данный тэг из т.н. «считываемой» части и контентной. Что это значит? Рассмотрим […]

Продолжаем рассматривать новый язык разметки веб-сайтов — HTML5. Если вы еще ничего не слышали о нем, то вэлкам во Введение в HTML5 и первые шаги в HTML5. Сегодня поговорим о новых тэгах в HTML5. И для начала рассмотрим наиболее глобальные: section, article, header, footer, nav, aside и hgroup. Тэги header и footer Как уже отмечалось […]

Хотите уже сейчас перевести свой сайт на HTML5? Нет ничего проще! Открываете страницу в коде и меняете тип документа (DOCTYPE) на вот такую изячную конструкцию: <!DOCTYPE html> Поздравляю! Теперь ваш сайтик работает на HTML5, и любой современный браузер сразу это видит и, конечно же, уважает. Замена типа документа на более упрощенный вариант — самая заметная […]

Как и обещал, начинаю обучающий цикл статей, посвященный последней версии HTML5. Вэлкам! Мы сейчас живем в бурном море Интернета, где видео и звук давно потеснили древние текстовые портянки с убогими гифками. Любой современный сайт, не говоря уже о соц. сетях, изобилует медийной составляющей, а также интерактивен по самое не хочу. И все бы замечательно, но […]

Вот такая симпатичная двойная тень, делающая текст словно бы вырезанным из бумаги, достигается при помощи использования свойства text-shadow с двумя значениями, записанными последовательно через запятую: text-shadow: 0 2px 0 #fff, 0 4px 0 #ccc; Про двойную тень средствами CSS я уже как-то рассказывал. Здесь же сначала добавляется тень белого цвета, сдвинутая вниз на 2 пикселя, […]

Продолжаем заниматься украшательствами, используя фишки CSS3. На этот раз предлагаю соорудить симпатичное плавающее меню для блока подписок, который обычно размещают в сайдбаре блога. При наведении курсора на пункты меню, они меняют цвет и плавно сдвигаются влево, создавая приятственную анимацию. Для реализации применяется эффект тени (shadow) и анимация (transition). В стилях это прописано непосредственно для пунктов […]

Вверх