Pull to refresh

Comments 54

на букве «e» вы немного схалтурили =)
Согласен, да и «w» далеко от идеала.
по поводу использования «некритичных прелестей CSS3» — думаю вполне можно. Пусть и 10-ая опера не поддерживает, но все равно это вопрос времени. Трешка все равно придет. Здесь нет неразберихи как в будущем языке разметки для веба: HTML 5 или XHTML 2 (или я что-то пропустил?).
Я боюсь, что полноценно использовать CSS3 мы сможем нескоро, IE только-только, с выходом IE8, начал поддерживать CSS2.
Дим, с оперой все проще. По версии которую я слышал (кстати на хабре) внутренние билды с бордер радиусом есть, он работает. Выпускать на свет их не хотят из-за некоторых разногласий в поведении вебкита и геко по этому вопросу. Грубо говоря Опера не готова принять ни чью сторону пока не выйдет четкая спецификация. Что за разногласия в поведении, не спрашивай, я не вдавался в подробности :) Для меня важнее что на свойство не забито, оно есть и в нужный момент его просто включат :)
Я согласен с тобой, потом его бы включили по спецификации, а сейчас и с -o- было бы здорово.
Это все-таки увеличивает количество реализаций ^^ и оттягивает момент принятия окончательного решения из-за этого (как будет в случае с тегом видео, для которого не прописан кодек, и разные браузеры используют разные — а значит, будет война форматов).

Конкретно про разногласия о рендере тоже сказать ничего не могу, но наглядно видна разница в том, как они скругляют (впрочем, это даже хорошо, в некотором смысле) :)

Также есть мизерная проблема в именовании www.css3.info/preview/rounded-border/ и проблема с разной размерностью в скруглении одного уголка (надо использовать border-top-left-radius: 5px 20px; вместо того чтобы прописать border-radius с 8 значениями)
Вот приблизительная разница в рендеренге (кликабельно)
free image host
Да, в фаерфоксе выглядит волшебно :)
UFO just landed and posted this here
Ну развиваться он может и не будет, но версия XHTML5 — эквивалентная HTML5 плюс соответствующая XML естественно будет.
UFO just landed and posted this here
ага… я тоже когда-то такими демонстрациями занимался — даже написал прогу преобразующую bmp в
Демонстрация извращения :)
За Оперу действительно обидно, такой прогресивный браузер, Асид тест на 100% проходит, а бордер-радиус так и не научилась использовать. Если бы и опера умела так делать, на ие можно было бы спокойно положить, а так приходится извращаться.
честно говоря, вместо «ложить на IE» — я был бы более рад если бы мелкомягкие это научились это делать в IE — вот это было бы действительно круто.

А за оперой не постоит, они и так семимильными шагами развиваются, что не неделя — новая функциональность.
Сейчас буду жаловаться: %)

А еще Опера до сих пор считает проценты integer'ами. Это дико бесит, невозможно быстро создать три равные колонки из дивов, задав им 33.3%, дробные части отбрасываются (даже не округляются).

Еще иногда сильно необходимо задать разные overflow для высоты и ширины, это она тоже не умеет. В то время как это есть у всех, включая шестого осла (overflow:[x] [y],overflow-x,overflow-y).

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

PS: Опероводы, — у вас замечательный браузер ;) Это так, крик души, приходится много сталкиваться со сложной версткой и манипулированием кучей элементов через JS.
> Еще иногда сильно необходимо задать разные overflow для высоты и ширины
С 9.5 можно.

По скорости анимации, да, иногда медленее чем остальные, а иногда фаерфокс медленнее, и почти всегда ИЕ сильно медленнее. Но в целом не хуже остальных.
>> Еще иногда сильно необходимо задать разные overflow для высоты и ширины
>С 9.5 можно.

это как? Они подперли что то свое? Даже 10 бета до сих пор не понимает классический синтаксис.
UFO just landed and posted this here
за старание — 5, за верстку — 5+, за букву «е» заберу "+" от «5+», которую дал за верстку :)
молодец!
за комент тоже +5) круто!
давно использую прелести ксс3, где это возможно (бордер-радиус, техт-шадов и так по мелочи) и поддерживается. самое, наверное, более нужное свойство ксс3 это сабж, весьма жалко что опера (об ие и не мечтаем) его не держит :(
Для оперы можно применять SVG, в котором закругленны уголки.
Ага, а для ie VML! Только смысл стрмится к нулю.
Не так. Для IE — VML, для остальных — SVG. Тогда всё упростится.
UFO just landed and posted this here
а скрытый счётчик LI для проверки хабраэффекта? :)
Конечно — интересно же, сколько раз просмотрят демку. Ну а скрытый, хоть и нарушает правила, но что бы глаза не мозолила хабралюдям, решил убрать.
не о технологии вообще, а о примере в частности
страница весит 11,4 Кб
принтскрин надписи в gif — 6,7 Кб и, о чудо!, он одинаково выглядит во всех браузерах
;)
ради справедливости «взвесил» только стили: 8,8 Кб
Если стили оптимизировать то получим 7069 байт
Более того, их можно оптимизировать не только убиранием табов да переносом строк, но и группировкой стилей.
вообще-то смысл моего комента был не в оптимизации, а простоте и надежности использования картинки в подобном случае :)
В любом случае, у меня даже мысли не стояло заменить картинки подобным извратом видом скальной живописи.
Ради справедливости, кстати, нужно сохранять принтскрин в png ибо пример можно перенести на любой фон.
Gif, между прочим, тоже прозрачность поддерживает.
Но не альфа прозрачность :) А для хороших плавных уголков нужна альфа.
Ради справедливости же стоит отметить что любой уважающий себя сервер сжимает передаваемый контент Gzip-ом.
Степень сжатия картинки и текста отличается примерно на порядок
Классно стили у дивов назыаются
а почему некоторые буквы разной высоты? должны же быть одинаковой ;)
По хорошему да, надо привести всё к одной высоте и по ширине кое-что поправить. Спасибо, что заметили.
молодец
хорошая работа, хороший опыт!
думаю, многим будет полезна эта статья, только жаль, что не все браузеры это поддерживают… а можно было бы так классно оформлять блоки всякие
UFO just landed and posted this here
Именно выровнять? Хм — около пяти-семи минут.

Вот так — floomby.ru/content/mxeCvw1keU/ — эта задача становится и вовсе простой (красные линии — это дивы с красным фоном, на необходимых высотах).
UFO just landed and posted this here
Ну вот тут точно не скажу, так как я прерывался — положим около четырёх часов, это от «нарисовать на бумажке», но скриншота сверху.
UFO just landed and posted this here
Конечно рано — так, поиграться — не более.
Sign up to leave a comment.

Articles