How to become an author
Search
Write a publication
Pull to refresh

Comments 49

Круто! С нетерпением жду момента, когда все эти плюшки можно будет спокойно применять не боясь за то, что это не заработает у пользователя в браузере Х или браузере Y.
Total votes 3: ↑2 and ↓1+1
применяй и не бойся
когда-нибудь пользователь обновиться
Total votes 15: ↑10 and ↓5+5
Я и применяю. Сайт один а пользователей много всем не угодишь и подстраиваться под всех не стоит.
Когда-нить и они обновятся. А те у кого браузер что-то не поддерживает, прочитают сообщение что их браузер устарел и совет обновиться. Не хотят обновляться — их проблемы.
This comment wasn’t rated yet0
Уже сейчас можно так разрабатывать веб и не только приложения для мобильны платформ современных смартфонов и планшетов.
Total votes 2: ↑2 and ↓0+2
Применять можно уже сейчас с определением возможностей браузеров через www.modernizr.com/. А для не поддерживающих делать упрощенную версию или анимацию посредством jquery.
Total votes 2: ↑1 and ↓10
Применять что-то или нет — это сугубо ваше решение и/или умение убеждать заказчика. Ждать же кого-то всегда можно до бесконечности.
This comment wasn’t rated yet0
Спасибо за статью. Весьма интересно и красиво!
Total votes 3: ↑3 and ↓0+3
Примеры действительно клёвые, жаль от некоторых вытекают глаза…
Total votes 30: ↑30 and ↓0+30
самый крутой 3, на фоне всех не выглядит свистоперделкой))
Total votes 5: ↑5 and ↓0+5
Неделя CSS3 на хабре.
Спасибо за стаью.
Total votes 4: ↑4 and ↓0+4
Ага, заметил) И поучаствовал маленько.
This comment wasn’t rated yet0
Все вокруг как-то «третьим» стало: USB3, SATA3, вот CSS3 бурно начал плодиться.

Правда, тут уже какой-то Bluetooth 4.0 начали пытаться продавать населению, но, думаю, с ним подождем )

А автору — спасибо огромное за статью, особенно за подробность ее!
Total votes 1: ↑1 and ↓0+1
Никогда не делайте на реальных сайтах 9-й вариант. Вас будут ненавидеть.
Total votes 5: ↑5 and ↓0+5
Если все начнут делать такие менюшки, то можно быстро сойти с ума.
Total votes 3: ↑3 and ↓0+3
ну я бы рассматривал эти примеры как наглядную демонстрацию возможностей CSS3, а не как готовый рецепт для использования на своём сайте.
Немного воображения и можно создать красивую менюшку на свой вкус. :)
Total votes 2: ↑2 and ↓0+2
Согласен.
Это лишь пример, который, я надеюсь, не будут копипастить на миллиард сайтов.
This comment wasn’t rated yet0
На счет наглядной демонстрации — на смешин маг была отличная статья, где анимировали прыгающий мяч.
This comment wasn’t rated yet0
Пожалуйста, обратите внимание, что эта анимация и переходы будут работать только в последних версиях действительно современных веб-браузеров, такие как Google Chrome, Apple Safari и Mozilla Firefox.

Внезапно заработало в Опере
Total votes 7: ↑4 and ↓3+1
Я понимаю, что это статья — перевод.
Я понимаю, что на западе про Оперу мало кто знает.
Но я все же это напишу тут, т.к. я люблю Оперу.
Total votes 10: ↑7 and ↓3+4
Лично у меня(12 опера) — сильно тормозит.
Total votes 1: ↑1 and ↓0+1
UFO just landed and posted this here
Вот почему многие листинг когда делают с лишним абзацем? Зачем он? Чем вот это:
.ca-menu li:hover .ca-icon{
   color: #555;
   font-size: 60px;
}


Хуже этого:
.ca-menu li:hover .ca-icon{

 color: #555;

 font-size: 60px;

}

?
Total votes 4: ↑4 and ↓0+4
согласен полностью, просто я не нашел способа как лучше вставить css-код, поэтому использовал теги blockquote и code

вы что использовали для вставки этих кусков кода? я поправлю статью
This comment wasn’t rated yet0
При создании/редактировании топика справа есть подсказка с ссылой «Можно использовать html-теги». Там есть подсказки, например, тег source с атрибудтом lang=«css»
Total votes 2: ↑2 and ↓0+2
спасибо, так действительно значительно лучше. что то я совсем от жизни отстал, раньше вроде этого тега не было :)
This comment wasn’t rated yet0
анимация ради анимации не очень хорошая идея
Total votes 1: ↑1 and ↓0+1
На айпадах и других устройствах без мыши эта красота не видна, пока явно не ткнешь нужную ссылку. Поэтому пользоваться нужно осторожно. Часть пользователей и с современными браузерами на планшетниках и смартфонах не оценят ваш труд.
Total votes 2: ↑2 and ↓0+2
iMac, FF, почти вся анимация жутко лагает и тормозит.
This comment wasn’t rated yet0
Примеры отличные, но практика показывает, что пользователь сейчас любит простоту.
Подобное меню подошло бы для бренда, чтобы удивить пользователя, но ни как для ежедневного использования.
This comment wasn’t rated yet0
Неплохо в качестве технологической демки. Но сами эффекты серьезно пугают!
This comment wasn’t rated yet0
Отлично! Просто то, что нужно, и без всякого flash или js.
Total votes 1: ↑1 and ↓0+1
Такими темпами скоро появится профессия CSS-программист.
Total votes 3: ↑2 and ↓1+1
Не поверите — сейчас на такой должности и работаю.
Total votes 4: ↑4 and ↓0+4
Если честно, вы меня сильно удивили.
Total votes 2: ↑2 and ↓0+2
Из всех примеров 9-ый и 10-ый варинты самые не_глаза_режущие, а остальные напомнили как на заре применяли разные BLINK и QUEUE =))
Total votes 2: ↑1 and ↓10
Странный момент на долю секунды при смене пункта меню
весь экран становится черным, это не приятно уж точно.
В хроме последнем.
Total votes 2: ↑1 and ↓10
UFO just landed and posted this here
Верно, окно только, просто открыто было на весь экран, но суть дела не меняет.
Total votes 1: ↑0 and ↓1-1
странно, что то я ничего такого не наблюдаю, Chrome 15.0.874.106 m
This comment wasn’t rated yet0
Скоро попимо блокировки плагинов и скриптов, для того, чтобы можно было читать статьи, как спокойные статьи, надо будет блокировать и CSS. А то всё бегает и прыгает. =7
This comment wasn’t rated yet0
День Lea Verou на Хабрахабре. Я сегодня же упомянул её работу «-prefix-free».
This comment wasn’t rated yet0
Я один минут 5 пытался сбить все кнопочки на сайте студии Just Be Nice? :)
Total votes 1: ↑1 and ↓0+1
UFO just landed and posted this here
офигенная штука!
flash отступает все дальше.
Total votes 2: ↑1 and ↓10
Вирви глаз, однако… Нельзя делать такие вещи, надо ж о людях думать немного, хоть это и пример всего лишь. Думаю, область применения плюшек CSS3 должна быть несколько иная, более полезная и интересная для глаз, нежели такие вот вирвиглазные менюшки.
Total votes 2: ↑1 and ↓10
Остается только завидовать так-как в России только наверное в 2*30 году, ie перестанут использовать фирмы у которых стоит windpws-xp и менять его они не собираются(

p.s
Объединяемся в команду против ie Firefox нас поддерживает gigaom2.files.wordpress.com/2011/01/firefox-ie.png )
This comment wasn’t rated yet0
Sign up to leave a comment.

Articles

Show the best of all time
Change theme settings

Your account

Sections

Information

Services

Support
© 2006–2024, Habr