Июнь 20th, 2012 
Archi Если вы также как и я следите за разработкой Internet Explorer 9, то становится заметным, что IE догоняет остальные браузеры.
Перестанет ли IE быть постоянно отстающим браузером? Или Microsoft сделает все, чтобы догнать остальных производителей? Это мы увидим в ближайшем будущем.
Ниже представлены таблицы поддержки IE9 свойств и возможностей CSS3. Большей частью информация взята с .
Опубликовано в рубрике Разное 
Метки: CSS3, Internet Explorer 9 beta, Поддержка, свойства, Селекторы 
Комментариев нет » Июнь 20th, 2012 Archi При указании свойств CSS3 современная мудрость гласит: «ставь реальное свойство CSS3 после всех браузерозависимых свойств»:
1 |
.not-a-square { |
2 |
-webkit-border-radius: 10px; |
3 |
moz-border-radius: 10px; |
4 |
border-radius: 10px; |
5 |
} |
Существует также другой «неправильный способ»: Читать далее »
Июнь 19th, 2012 Archi на чистом CSS сделал . Уникальность этого слайдера в том, что, во-первых, такие вещи, ранее делались только на JavaScript, а во-вторых, для чистого CSS, он чрезмерно функционален. В частности он может менять свои размеры, при разных разрешений экрана, ну и конечно же соответствет настоящему слайдеру, плавно меняя свои кадры, при нажатии на кнопочки или нажатию на специальные стрелочки по бокам самого слайдера.
В общем что говорить, это нужно увидеть! Читать далее »
Опубликовано в рубрике HTML-верстка Метки: CSS3, JS-слайдеры, разрешение, слайдер, Совместимость, функциональность Комментариев нет » Июнь 19th, 2012 Archi Я думаю, что вы уже видели, анимированные меню с эффектом LavaLamp (на основе плагина JQuery). Сегодня я хотел бы вам рассказать, как только на чистом CSS3 (без JavaScript). В нашем меню я буду использовать CSS3 transitions (для анимации элементов). Итак, если вы готовы, давайте начинать.
Читать далее »
Опубликовано в рубрике HTML-верстка Метки: CSS3, JavaScript, LavaLamp, Меню с эффектом, плагина JQuery Комментариев нет » Июнь 19th, 2012 Archi Стандартный код , учитывая основные браузеры, выглядит следующим образом:
.example {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
Опубликовано в рубрике HTML-верстка Метки: CSS3, Альтернативные единицы измерения, Градианы, Радианы, трансформация вращения Комментариев нет » Июнь 19th, 2012 Archi Существует множество способов показа информации о продукте. Например, при наведении на изображение продукта, информация о нём появляется выше или даже всплывает новое окно. В этом уроке я покажу как отобразить информацию о продукте используя кубический стиль 3D преобразования CSS3.
Опубликовано в рубрике HTML-верстка Метки: 3D преобразования, CSS3, Изображение, разметка, стили, элемент Комментариев нет » Июнь 19th, 2012 Archi 
Однажды я размышлял о том, что мне нравятся те маленькие ленточки, которые люди добавляют к своим изображениям. Поэтому я создал этот урок, чтобы показать, как сделать такую собственную. У меня появилось несколько идей, но, честно говоря, без использования картинок они смотрелись не очень хорошо. Эта CSS-ленточка подходит для большинства изображений и может легко быть интегрирована в существующий код.
Опубликовано в рубрике HTML-верстка Метки: 2D-повороты, CSS-эффект, CSS3, inline-block, ленточки Комментариев нет » Июнь 19th, 2012 Archi Две простые серые кнопочки созданы при помощи свойств CSS3: linear-gradient и border-radius. Градиенты использованы в качестве background для кнопок, а слегка затемнённые края придают им простой и красивый вид.
При наведении или нажатии фон градиента создаёт эффект «нажатия», а затемнение краёв увеличивается. Этот эффект не будет использоваться в IE8 и ниже, так как эти браузеры не поддерживают градиенты.
Опубликовано в рубрике HTML-верстка Метки: border-radius, CSS3, HTML, linear-gradient, серые кнопки Комментариев нет » Июнь 18th, 2012 Archi Opera 12 Wahoo с улучшенным движком Presto добавила несколько новых фич, так же теперь доступны 64-битные билды для Windows и Mac OS. Это стало возможным благодаря, в частности, плагинам, которые теперь работают с отдельными процессами.
Опубликовано в рубрике HTML-верстка Метки: CSS3, HTML5, Opera 12 Wahoo, баги, билды, плагин Комментариев нет » Июнь 18th, 2012 Archi Буквально на днях две спецификации CSS3 – и — получили статус кандидата в рекомендации. Теперь браузерам ничто не мешает убрать так надоевшие префиксы для градиентов и других полюбившихся нам свойств. Счастье верстальщиков становится всё ближе!
Источник: css-live.ru
Опубликовано в рубрике HTML-верстка Метки: CSS3, браузер, верстальщик, градиент, префиксы, спецификации Комментариев нет »