Это не canvas, не svg, не flash и вообще не векторная графика.
Нету здесь и ни единого рисунка. А что тут есть?
Есть CSS3 border-radius и transform:rotate()
Кроссбраузерно (не забудьте посмотреть в IE)!
Смотрим и Обсуждение на хабре

***
Всем фанатам Доктора Хауса рекомендую сайт doktorhausmd.ru там можно скачать музыку из сериала, серии и посмотреть фото например Хью Лори с женой

Смотрите также

• И еще разок про закругленные углы и CSS3
• Еще немного о CSS3
• Все про css-3
• CSS3-хаки,трюки и техники

Всплывающие формы можно использовать например для аутентификации, отправления сообщения с сайта или восстановления пароля. Подобно выдвижному drop-down меню формы так же «выползают» при наведении мышкой на его элемент. Используется CSS3 и jQuery
Описание и пример там же ссылка на скачивание и скриншоты

***
Пошьем промо- и рекламные сумки для акций, мероприятий и выставок

Смотрите также

• Формы обратной связи
• Простой способ использования Ajax в формах
• Прикольное apple-style меню на jQuery
• Правильные Radio-Buttons
• Показываем пароль в формах

Хороший способ выполнить табы (вкладки) без использования javascript. Применяется только переходы по якорным ссылкам.
Смотрим

***
Ищите адрес налоговой инспекции Мытищи? Вся информация уже собрана здесь
Тому кто не понял вообще что это такое и вообще о чем этот блог тому наверняка помогут Netpeak. Чуваки расскажут и покажут как зарабатывать на контекстной рекламе и вообще есть на что посмотреть-почитать

Смотрите также

• Табы они же вкладки
• Выдвжная панель

Джон Леннон! Из букв! – Послышались крики из зала. Но если бы это было просто изображение Джона Леннона из букв этого бы не было в этом блоге, потому что это анимированная приколюха от уже известного нам по Гомеру Симпсону выполненному полностью из CSS+HTML, Roman Cortes Вообщем переходим на пост Романа Кортеса кликаем по песне «Yesterday» и получаем данный портрет. Использовано CSS и JS.
Песню «Yesterday» написал кстати МакКартни:) А вообще в последнее время мне все больше нравится shakira

Смотрите также

• Текст – в изображение
• Изменение цвета фона выделенного текста
• Игры и jQuery
• Гомер на CSS
• Верчу как хочу. Часть 2

Это меню очень похоже на навигацию девайсов от Apple. При наведении на раздел меню соответствующие значки плавно выезжают сверху. Создавая при этом эффект «перемешивания карт»
Демо и Статья на блоге автора

Смотрите также

• Перекрывающиеся кнопки
• Меню с неограниченным количеством подменю
• Крутящееся раздвигающееся меню
• Выдвижные формы в меню
• Выдвижное меню

Статья о том как Internet Explorer научить закруглять углы и разрешать тени элементам. Вообщем всем рекомендую прочесть, даже если вы забили на IE. Так же неплохая статья про градиенты CSS3.
А на десерт решение проблемы с border-radius у Safari

Смотрите также

• Скругление углов без изображений и не только
• И еще разок про закругленные углы и CSS3
• Еще раз про скругленные углы

Пора наконец вернуться к CSS. Сегодня мы улучшим текст растянутый по всей строке. Обычно между словами, особенно предлогами, остаются очень большие пробелы. Этого можно избежать уменьшив расстояние между словами:

p {
text-align: justify;
word-spacing: -0.3ex;
}

и текст станет красивее.
Подсмотрено здесь. Обязательно читаем комменты и узнаем как в тексте делать переносы.

Смотрите также

• Типографика в веб-дизайне
• Текстовый редактор для вашего сайта
• Текст под произвольным углом
• Текст – в изображение
• Подключаем нестандартные шрифты

css3 – это ахуенно!
Исчерпывающая статья про закругленные углы в css3, border-radius и все такое

Читаем

Смотрите также

• Скругление углов без изображений и не только
• Сиськи на CSS3
• Как научить IE border-radius и box-shadow
• Еще раз про скругленные углы
• Еще немного о CSS3

[dd]Текст под углом при помощи CSS[/dd]
[kk]текст под углом css[/kk]
Оказывается тест можно размещать не только горизонтально «вверх головой»
Кроссбраузерность:

• Internet Explorer 6, 7, 8

• Mozilla Firefox 2, 3

• Opera 9

• Safari 3, Google Chrome (webkit)

Ограничения:
Возможно сделать текст только в одну строку, и в блоке с жестко заданными размерами в пикселях.

Источник
Пример

Смотрите также

• Типографика в веб-дизайне
• Текстовый редактор для вашего сайта
• Текст – в изображение
• Правильный justify
• Подключаем нестандартные шрифты

Все хотят переменных в css. Действительно ведь как было бы хорошо. Но кто мешает нам использовать php?

Подключение:

Сам файл style.php:
// Отдаём верный content-type
header("Content-type: text/css");

p {
color: ;
font-size: ;
}

В итоге:
p {
color: #00f;
font-size: 20px;
}

Если у вас есть высокий сайдбар слева, и справа его обтекает контент и в контенте попадается элемент со свойством clear:left, то этот элемент окажется ниже сайдбара, что не очень нужно, особенно если сайдбар очень высокий.

Исправляем

Мы уже как-то сталквались с подобной фишкой, но в данном случае эффект выполнен без изображений

Смотрим
Постовой:
Блог для веб-программистов

Смотрите также

• Текст – в изображение
• Быстрая подзагрузка картинок
• Pikachoose: jQuery-галерея
• jQuery Наложение

Многим известно, что Opera и IE ставят буллеты (маркеры) выше чем нужно. Никита Селецкий напоминает нам о background  и дает пример.

Читаем

Смотрите также

• Типографика в веб-дизайне
• Текстовый редактор для вашего сайта
• Текст под произвольным углом
• Текст – в изображение
• Правильный justify

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

Смотрите также

• Скругление углов без изображений и не только
• Как научить IE border-radius и box-shadow
• И еще разок про закругленные углы и CSS3

На этот раз они будут в виде кнопок. Выполнено с textarea на подобии inline-block

Смотрим и изучаем исходный код

Смотрите также

• Прикольные якорные ссылки
• Оформляем внешние ссылки
• Обводка вокруг ссылки
• Кнопочки
• Доска почета

Как завещал великий и ужасный, внешние ссылки должны отличаться от обычных, как бы предупреждать, что эта ссылка ведет на отдельный ресурс. Как это сделать? Можно красиво оформить ссылочку при помощи CSS

Читаем

Смотрите также

• Продолжаем оформлять ссылки
• Прикольные якорные ссылки
• Обводка вокруг ссылки
• Доска почета
• Анимированный hover

Ооочень часто бывает, что после текста в этой же строке необходимо вставить изображение или форму. Ставим ее, а оно (она) давай плясать, то выше то ниже. Опытные верстальщики знают что тут нужно работать с vertical-align. Использование CSS для вертикального выравнивания с примерами и в картинках.

Учимся

Смотрите также

• Решение распостроненных проблем в CSS
• Почему не следует использовать @import
• Полезные CSS хаки
• Обновлен CSS-Framework 0.3
• Обводка вокруг ссылки

Фиксированные, резиновые и эластичные. Примеры, плюсы и минусы каждого из них, краткое описание и некоторые советы по использованию

Изучаем

Смотрите также

• Решение распостроненных проблем в CSS
• Почему не следует использовать @import
• Полезные CSS хаки
• Обновлен CSS-Framework 0.3
• Обводка вокруг ссылки

Бывает, что изображение должно появиться мгновенно, например индикатор загрузки. Но из-за медленного соединении. То есть изображение должно попасть в кэш браузера пользователя при начальной загрузке страницы.

На самом деле все просто:

CSS правило, которое скрывает блок с классом hide:

Смотрите также

• Текст – в изображение
• Градиентный заголовок без использования изображения
• Pikachoose: jQuery-галерея
• jQuery Наложение

Читаем об этом у rotorweb.ru

Это свойство, оно позволяет отображать определенную часть блока

Краткое описание

Оформляем поле select правильно. (Код в примере)

о CSS 3, а именно: о псевдо-классе :not() рассказыват девушка Ольга

Смотрите также

• Сиськи на CSS3
• И еще разок про закругленные углы и CSS3
• Все про css-3
• CSS3-хаки,трюки и техники

Подборка статей по созданию инетересных кнопок

Смотрим

Смотрите также

• Продолжаем оформлять ссылки

Вставляем изображение и «самоубирающийся» текст по умолчанию при помощи CSS, да еще и кроссбраузерно.

Да, да я сам ахуел

Лично меня обводка вокруг ссылки в момент кликанья ужасно раздражает. А вас?

Если да, то убираем эту фигню следующим способом

Смотрите также

• Решение распостроненных проблем в CSS
• Продолжаем оформлять ссылки
• Прикольные якорные ссылки
• Почему не следует использовать @import
• Полезные CSS хаки

В продолжение темы визуализации данных – создание диаграмм без JS и изображений

вот

Google Charts API – отдыхает! Перевод статьи Wilson Miner от design for masters. В общем про всякие диаграммы и статусбары на CSS.

Вспоминаем

Хорошая подборка по скруглению углов у блоков без использования изображений. Обязательно читать комменты!
Читаем
Кстати на этом блоге заведен специальный тэг по которому можно найти все статьи про закругление углов CSS

Смотрите также

• Как научить IE border-radius и box-shadow
• И еще разок про закругленные углы и CSS3
• Еще раз про скругленные углы

Есть проблемы при верстке с IE?
здесь возможно есть решение

Смотрите также

• Решение распостроненных проблем в CSS
• Почему не следует использовать @import
• Обновлен CSS-Framework 0.3
• Обводка вокруг ссылки
• Изменение цвета фона выделенного текста