Пришло ли время для CSS3 и HTML5?

Question

[j1nn]

Уже давно облизываюсь на фичи CSS3 и HTML5, но на практике выходит их использовать только для очень специфических нужд (вроде обертки ютьюбовского плейера, с костылем для ИЕ).

Знаю, что для HTML5 есть JS, который приведет в порядок страницы в ИЕ, и для CSS3 наверняка есть подобное — но каждый раз прихожу к выводу, что игра не стоит свеч. Имеет ли смысл, скажем, ради скругленных углов вешать столько всего — если можно добавить эти углы в спрайт, который и так есть? Конечно, код будет грязнее, но заказчика и конечного пользователя код не волнует.

Может быть, я что-то упускаю? Или таки еще рано использовать все это счастье для обычных сайтов?

Answer 1

[Mikhail Osher]

Помню видел комментарий: «Пользователи IE должны страдать».

Answer 2

[Сергей Протько]

Именно семантику HTML5 можно и даже нужно использовать, так как это никак не влияет на кроссбраузерность, и в будущем поможет поисковикам. Вам от этого не убудет, а разметка будет выглядеть более логично.

Что косается CSS3, Вообще-то есть такая штука как graceful degradation. Тобиш по существу отсутствие закругленных уголков никак не должно помешать вам пользоваться функционалом. Так же и с градиентами и прочими плюшками. К слову плюшки аля градиентов в IE все же поддерживаются, но эти костыли стоит выносить в отдельные файлы и подключать через conditional comments.

Большую часть плюшек CCS3 вы можете спокойно использовать, и посмотреть в каким браузерах что поддерживается вы тоже можете.

Для селекторов третьего уровня есть замечательная библиотека ie9.js которая позволяет не заморачиваться со старыми версиями IE в плане некоторого функционала.

Сложнее всего с HTML5 API, в котором было введено много вкусностей. Взять тот же XHR2 или File API. Но скажем валидация форм — тут есть фэлбэки, просто подключаете и не паритесь. для элементов video/audio так же существуют фэлбэки с использованием flash.

Словом… время HTML5/CSS3 наступило уже довольно давно.

Comments

[Alexander]

Я пытался экспериментировать на своем проекте — сгенерировал на одном сервисе структуру html5-документа, так вот IE8 у меня воспринимал так, будто этого тега там вообще нет, а нормально. ЧЯДНТ?

[Alexander]

речь о теге<header> — парсер коментов сожрал (

[Vitaliy Petrychuk]

Ну IE8 точно не слышал о таких тегах :)
Лечится так: www.nickyeoman.com/blog/html/118-html5-tags-in-ie8

[j1nn]

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

HTML5 API — это как раз то, что я назвала специфическими нуждами… а вот простую верстку не слишком ли затратно «добивать» через JS?

за линк спасибо.

[Сергей Протько]

Проблемы разметки запросто решаются при помощи библиотеки html5shiv. Реалии же таковы, что JS отключен у незначительного процента людей. Врят-ли в какой-то фирме групповыми настройками запрещен вызов яваскрипта. Проблемы с разметкой и IE (7-ой версии если быть точнее) у меня были когда верстка генерилась средствами JS и тут уже пришлось дублировать теги посредствам дива с классом этого тега.

Answer 3

[Vitaliy Petrychuk]

Можно делать фолбеки для старых браузеров, а для современных использовать HTML5/CSS3.
Посмотрите в сторону Modernizr

Comments

[j1nn]

спасибо, посмотрю, не встечалась…
мне просто зачастую кажется, что использовать JS для того, чтобы браузер мог прочесть верстку — это оверкилл. вы так не считаете?

[Vitaliy Petrychuk]

Увы, но есть моменты когда в верстке без JS не обойтись. В останых случаях его лучше не использовать.
Modernizr же позволяет определить фичи, поддерживаемые браузером (не только определение CSS свойств, еще HTML5 API и т.п.). Но вижу по комментам что вы поддерживаете клиентов без js — в этом случае Modernizr вам не поможет никак.
И вообще без JS вы никак не сможете «портировать» HTML5/CSS3 фичи в старые браузеры.
Так что или включенный JS или только кроссбраузерные фичи :)

[j1nn]

именно это меня каждый раз и останавливает. я могу, конечно, показывать пользователям без джс сообщение о том, что его надо бы включить, да и обычно те, кто джс отключает, на ИЕ не сидят:) но чем такие сложности, не проще ли использовать привычные костыли (вроде картинок для уголков)?
… а потом в процессе возникают всякие добавки на джс, и опять задумываешься, а может, таки стоило с самого начала на HTML5 писать…

Answer 4

[Mirza]

все зависит от вашей целевой аудитории

Comments

[j1nn]

с точки зрения технологии, аудитория четко не определена. то есть я не могу сказать, что у меня не будет посетителей с ИЕ.

Answer 5

[ftp13]

Не знаю как вам, а мне оно больше понравился… Имхо, за css3 будующие

Comments

[j1nn]

я тоже думаю, что за этим будущее (по крайней мере, хочу в это верить), но вопрос, стоит ли этим будущем уже пользоваться.

[ftp13]

А если им не не пользоваться, то точно уже будущего и не будет. Разве не так?

[j1nn]

имхо, будущее настанет все равно. пока его тянут специализированные сайты, а со временем все основные браузеру начнут понимать достаточно, чтобы не использовать костыли.

Answer 6

[ainu]

Мы в компании решили дождаться падения IE7 до 1% и ниже по статистике liveinternet (по России).
После этого тут же прыгаем на multiplebackgrounds, box-sizing и другие вкусные фичи. Это что касается CSS3.
HTML5 стандарт де-фактов уже давно.

Comments

[j1nn]

и вы используете JS, чтобы ИЕ понимал таги HTML5? вам это не кажется оверкиллом?

[ainu]

Нет, с IE8 всё нативно, как правило.

Answer 7

[Dmitry Kalinin]

Сейчас социальные сети «силой» переводят людей на нормальные браузеры, то думаю начинать разработку уже пора начинать.

Answer 8

[MicRaiS]

Сейчас время html5. Да, много хорошего создано на флеше, но как говорил Стив Джобс золотая пора флеша уже пройшла. На флеше легко разрабатовать, но если вы смотрите в будующие то лутче html5.