Как стать автором
Обновить

CSS3 кроссбраузерный генератор правил

Время на прочтение1 мин
Количество просмотров854
Пол Айриш и Джонатан Нил создали забавный, кроссбраузерный генератор правил.

image


CSS3, Please! позволяет поиграться с рядом правил прямо в браузере:
  • border-radius
  • box shadow
  • gradients
  • rgba support in backgrounds
  • transforms
  • font-face
С этим инструментом можно сгенерировать правило максимально универсальное, не упустив поддержку 5 распространенных браузеров: FF, Chrome, Safary, Opera, IE

Например для использования собственного шрифта удобно использовать такую конструкцию:
@font-face {
font-family: 'WebFont';
src: url('myfont.eot'); /* IE6+ */
src: local('☺'),
url('myfont.woff') format('woff'), /* FF3.6 */
url('myfont.ttf') format('truetype'); /* Saf3+,Chrome,Opera10+ */
}


Пол Айриш в блоге упоминает схожие проекты других разработчиков, призывая принять участие в дискуссии — так же рекомендую к ознакомлению:
John Allsopp,
Chris Coyier,
Stoyan Stefanov,
Damian Galarza,
Ryan Seddon,
border-radius.com

Источники:
Ajaxian — CSS3 Please! Instant results… Thank You
Introducing… CSS3Please.com
Теги:
Хабы:
+24
Комментарии6

Публикации