Всем привет. Предлагаю сегодня немного поговорить об скругленных уголках. Всем вам известно, что скругление уголков в боксах с помощью css делается через одно место. Меня убивает, что для этого нужно вырезать 8 картинок, делать 8 слоев… и все для чего? Всего лишь для скругления уголков!

Ну да ладно, не об этом речь, а речь о том, что даже когда дизайнеру захотелось зделать оооочень маленькое скругление (смотри картинку выше) в 1 пиксель, нам уже приходится использовать много вложенных <div>, а это печально…

Поэтому сегодня я хочу показать, как с помощью не большого финта ушами (к сожалению сейчас без таких финтов верстать все сложней и сложней) сократить количество вложенных <div> до двух, мало того, я покажу два таких финта :)

( Читать дальше )

Сегодня я хочу вам представить маленький обзор того, как популярные браузеры поддерживают css3 и html5...

( Читать дальше )

В последнее время все больше и больше разговоров возникает о IE6, точней о том, когда же здохнет попрощается с нами и весь мир начнет переходить на многообещающий css3.

( Читать дальше )

Всем привет. Сегодня утром в буржуйских интернетах нашел неплохую подборку спрайтов...

( Читать дальше )

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

( Читать дальше )

Всем привет. Вот я вроде бы как и созрел к созданию пошагового руководства по верстке с psd файла. В руководство будут входить:

сами статьи по каждому шагу.
примеры кода (html+css).
скринкасты по каждому шагу.

Но мне необходима ваша помощь, я выбрал 2 дизайна для руководства. Теперь нужно выбрать 1 из 2. Выношу на голосование эти 2 дизайна:

Дизайн №1


Дизайн №2


По какому из них делать руководство мне все равно. Выберу тот за который проголосует большинство. Я может быть потом немного нагружу дизайн разными элементами для наглядности.

Что такое rollover и как его сделать знает каждый верстальщик имеющий хоть небольшой опыт в верстке.

Создать rollover с помощью background не является проблемой,
но не всегда можно обойтись простой сменой фонового изображения, точней обойтись конечно можно, ну а если нужно изменить текст ссылки, а использовать картинку с текстом нельзя/не эффективно? К примеру текстовый rollover может быть очень полезным в cms, в которых текст ссылок прописан в одном файле, а выводится в нужном месте программно. Согласитесь, что в таком случае использовать картинки для rollover'a как минимум неудобно, особенно если сайт имеет несколько языков.

( Читать дальше )

Всем привет! Как вам такая всплывающая подсказка? Лично мне очень нравится. Сегодня я вам покажу как с помощью одного лишь css+html такое можно сделать.

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

( Читать дальше )

Когда вы верстаете какой либо макет необходимо всегда помнить, что любой элемент представляет собой прямоугольный бокс.

Далее я вам расскажу как высчитываются размеры боксов (контейнеров), которые не являются inline (строчными) элементами.

( Читать дальше )