Статьи, отмеченные тегом «HTML/CSS верстка»:

Баннер-уголок на jQuery

Баннер-уголок на jQuery

Продолжу свою сагу о подключении к сайту углового баннера. В принципе всё, что хотел уже было написано в предыдущих частях (про flash-баннер, почитать можно тут и тут), но без альтернативной возможности создания подобного баннера на jQuery, рассказ был бы не полным. Исправляюсь.

Подключаем уголок на jQuery

Как добавить разные иконки к пунктам меню, используя только CSS

Как добавить разные иконки к пунктам меню, используя только CSS

Однажды была у меня такая задача, когда заказчик попросил прикрутить к каждому пункту меню свою иконку, но сами пункты меню выводились чистым HTML-списком, без использования различных class и id. А доступа к PHP-скриптам, выводящим меню у меня не было.

Так как же решить подобную задачу?

Легко!

Практические примеры анимации и эффектов в CSS3

Иллюстрация к статье «Практические примеры анимации и эффектов в CSS3»

Не смог удержаться, и выкладываю здесь ссылку на пример эффектов и анимации средствами CSS3. Сами примеры и код опубликованы в уроке на net.tutsplus.com.

Поразило, что, например, меню, которое у меня реализовано с помощью Mootools и требует дополнительной загрузки js-библиотеки, в CSS3 реализуется с помощью всего пары строчек.

Дальше →

Горизонтальное центрирование фиксированных сайтов

Иллюстрация к статье «Горизонтальное центрирование фиксированных сайтов»

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

Дальше →

96% или резиновая модульная сетка для Web

Иллюстрация к статье «96% или резиновая модульная сетка для Web»

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

Одним из лучших сайтов, пропагандирующих базовую сетку для Web, конечно же, является 960 grid system. Поэтому, насмотревшись на красивые примеры сайтов, спроектированных по этой сетке и опробовав их на личных проектах, я решил поделиться базовыми принципами и своими мыслями, применительно не только к фиксированной разметке (чаще всего описываемой для примеров), но и к резиновой и эластичной (адаптивной). Дальше →