Категория «HTML/CSS верстка»:

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

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

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

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

Спорное оформление вкладок и кнопок

Иллюстрация к статье «Спорное оформление вкладок и кнопок»

Есть один вопрос, поиском ответа на который я занимаюсь уже некоторое время: «Стоит ли подчеркивать ссылки, когда они стилизованы под меню-закладки или кнопки?» То есть, тот самый текст, который пишется на элементах управления.

Не нашёл ответов на этот вопрос в книгах и трудах от гуру юзабилити, там больше о реализации и состояниях этих самых кнопок и табов. Поэтому пришлось побродить по сети, посмотреть наглядные примеры и сделать собственные выводы. Дальше →

Как вставить угловой flash-баннер на сайт 2 (кроссбраузерное решение)

Как вставить угловой flash-баннер на сайт 2 (кроссбраузерное решение)»

Можно считать этот пост продолжением предыдущего, так, как мне в почту прилетел с десяток писем от читателей, с просьбой найти способ показывать угловой flash-баннер в Internet Explorer. Поэтому пришлось слегка подкорректировать исходник. Дальше →

Как вставить угловой flash-баннер на сайт

Иллюстрация к статье «Как вставить угловой flash-баннер на сайт»

Этим постом начну серию статей-ответов на вопросы новичков, которые периодически сыплются мне в почту. Сразу оговорюсь, что описывать все, тем более самые скучные (читай простые) решения в блоге не буду, но по почте, рано или поздно, отвечаю всем.

Итак, есть задача: вставить на сайт flash-уголок (рабочий пример). Дальше →

Забытые возможности :first-letter

Иллюстрация к статье «Забытые возможности :first-letter»

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

Вроде бы все возможности для представления есть (контроль над шрифтом, размером, цветом, фоном), но ограничиваются лишь основами из учебников по CSS Дальше →