Если вы разрабатываете сайтов или веб-приложение, вам будут необходимы различные кнопки. Теперь, с помощью CSS3 можно создать красивые графические кнопки без применения изображений, всего в несколько шагов. Используются HTML символы, градиенты, тени и другие особенности CSS3.

Каждый разработчик сайтов должен понимать что такое кроссбраузерность и уметь делать сайты что бы отображались во всех браузерах одинаково. Лично я не все знаю о кроссбраузерности :) Но, то что знаю, то и напишу. Самый проблемный браузер - Internet Explorer. (When did you die?). Сейчас будем решать некоторые проблемы.

Шестая версия ИЕ вообще мало какие html-теги понимает... Седьмую и восьмую версию чему то научили уже. Но, все равно этот браузер от нормальных браузеров отстает на 4-5 лет.

Привет)
Была такая заметка, что с помощью гугла можно нарисовать сердце. Вот есть еще один вариант, где можно уже на CSS сделать тоже сердечко. Только уже покрасивее) Можно менять цвет, тень, градиент и т.д, а это значит, что у я буду использовать векторный символ ASCII :) Такой вариант пойдет на всех браузерах :) Это самый большой плюс.

Вот небольшое решение прозрачности элемента на CSS. Работает во всех браузерах, даже в осла (IE).

Многие задают вопросы как сделать рукописный шрифт на сайте. Некоторые что бы не париться просто пишут на А4, сканируют, и вставляют картинку на сайт. А если надо чуток поменять текст? ...опять берем А4, рисуем, сканер... Это утомительно.

Я предлагаю просто залить файл с красивым рукописным шрифтом на сайт и подключать его в виде DIV-а Все просто и легко.
Начинаем...

Как сделать градиент не используя картинки? Очень просто! Градиент на CSS - это просто :) Правда не валидно, но.. можно обойтись без картинок и фотошопа :)
Работает во всех браузерах. В ИЕ тоже.

Иногда в дизайн сайта не вписывается полоса прокрутки (скроллер). Сейчас я покажу как изменить вид скролла.

Закругленность блоков очень привлекает пользователей. У меня в блоге используются картинки для округленности. Этот способ не будет работать, если в браузере выключена поддержка картинок. Блоки будут прямоугольными.
Так же можно использовать CSS теги...

Вот многие хотят себе на сайт некий "скрипт", который показывает загрузку страницы.
Да, его можно сделать на jQuery + CSS. Кода не много и не грузит сайт. Главное: надо что бы на сайте было подключено jQuery (можно через гугл, офф. сайт jQuery или подгружать библиотеку с вашего сайта). Вариантов подключения много.