Хабр Курсы для всех
РЕКЛАМА
Практикум, Хекслет, SkyPro, авторские курсы — собрали всех и попросили скидки. Осталось выбрать!
Хабр доступен 24/7 благодаря поддержке друзей
Комментарии 97
Я один в демо вижу не то, что на скриншоте или хотя бы похожее?
Боюсь, что не один. Это скриншот из 6го Хрома, и тут видны небольшие глюки на стыке половинок.
ff 4b6 — просто радио и чек буттны.
Chrome 7 dev — все как на скрине.
Chrome 7 dev — все как на скрине.
А, черт, первый раз за другим компом, не отличил файрфокс от хрома, сорри
ps. В ФФ красииииво и прикольно :)
pps. Хром 4 (ну не мой комп, давно не обновлялся) — все прекрасно без глюков. Staaaable :)
ps. В ФФ красииииво и прикольно :)
pps. Хром 4 (ну не мой комп, давно не обновлялся) — все прекрасно без глюков. Staaaable :)
«And only Safari will render it properly»
глюкавость напрочь убивает впечатление…
Что темно-то так. Зрение портить…
Хм, вообще-то в Хроме эта штука тоже коряво выглядит)). Автор написал, что в Хроме нет перспективы у кнопок, что мы видим и на скриншоте.
да половники нижних кнопок на пиксель вылазиют.
Как то не вяжутся слова «CSS3-гуру» и «работает только в Safari и Chrome». Я бы понял если бы не работал только в IE, а так, это просто демонстрация возможностей safari core. А где Firefox, где Оpera?
firefox и opera еще не поддерживают эти css3 свойства
Вообще-то, они прекрасно вяжутся. Человек разобрался в тонкостях CSS3 и делает из него крутые штуки. Что поделать, если из всех браузеров только Safari наиболее полно соответствует, судя по всему, тому, что он делает. В этом вина Сафари или early-adopter'ов?
Подтянутся другие браузеры, все будет точно так же выглядеть и в них.
Подтянутся другие браузеры, все будет точно так же выглядеть и в них.
Чему соответствует? Недаписанной спеке, которую меняют по три раза на день?
Я отвечу, наиболее полно соответсвует тем задумкам, которые реализовали в данном браузере. Вот чему он соответствует.
Я отвечу, наиболее полно соответсвует тем задумкам, которые реализовали в данном браузере. Вот чему он соответствует.
CSS3 не является одной монолитной спекой. И не вс етам переписывается, большие куски уже стабилизированы.
Если ФФ и прочие не реализуют каке-нить border-radius'ы или что-нить еще — это их личные проблемы.
И да, webkit рулит.
html5readiness.com/
www.normansblog.de/demos/browser-support-checklist-css3/
Если ФФ и прочие не реализуют каке-нить border-radius'ы или что-нить еще — это их личные проблемы.
И да, webkit рулит.
html5readiness.com/
www.normansblog.de/demos/browser-support-checklist-css3/
Не стабилизировано там ничего. Пришли к какому-то более менее консенсусу, но до финала еще далеко. Пропущены мелочи, которые могут сыграть злую шутку. Например, в спеке по бэкграундам нет ни единого намека на то, как переопределить только второй элемент из списка.
www.css3.info/modules/ То, что PR и CR можно считать устоявшимися
Ну, а то, что w3c надо разгонят ссаными тряпками за их издевательство над здравым смыслом, — это давно понятно (например, за это).
Ну, а то, что w3c надо разгонят ссаными тряпками за их издевательство над здравым смыслом, — это давно понятно (например, за это).
Основными разработчиками спецификаций являются работники Mozilla, Google, Apple, Microsoft, Opera.
Приведенному драфту триста лет уже. Я сам в шоке от этой части спеки. Для кого они ее придумали, не очень понятно… Туда же и вот это.
Суть одного и того же, только выпендриваются по-разному.
Приведенному драфту триста лет уже. Я сам в шоке от этой части спеки. Для кого они ее придумали, не очень понятно… Туда же и вот это.
Суть одного и того же, только выпендриваются по-разному.
И поверх этого еще и www.w3.org/TR/css3-multicol/
Количество глюков, которые будут вылазить при накладывании одного на другое просто сложно сбее представить
Количество глюков, которые будут вылазить при накладывании одного на другое просто сложно сбее представить
Их нужно закидать вопросами, которые приведут их в уныние и докажет абсурдность их мышления.
Я заметил еще одну проблему. Все они мыслят категориями реализаторов или дизайнеров. Никто почти не мыслит категориями кодеров. Был один прикольный вопрос про first-letter.
Если брать дизайнерский подход, то красным должна быть первая буква Т, потому как только это является буквой, а не символ неразрывного пробела. А с точки зрения программера —
Я заметил еще одну проблему. Все они мыслят категориями реализаторов или дизайнеров. Никто почти не мыслит категориями кодеров. Был один прикольный вопрос про first-letter.
#fl:first-letter {color:red}
<div id=«fl»>&nbst;<span>Text</span></div>
Если брать дизайнерский подход, то красным должна быть первая буква Т, потому как только это является буквой, а не символ неразрывного пробела. А с точки зрения программера —
Помнится, ч наискосок прочитал пару обсуждений. Не всегда они ведутся на такие вопросы :)
должен быть красным со всех точек зрения.
Вот пример:
Логично, что красного фона тут должен быть пробел вначале, а никак не буква T. Если хотим покрасить Т, есть следующий код:
Вот пример:
#fl:first-letter { background:red; }
<div id="fl"> <span>Text</span></div>
Логично, что красного фона тут должен быть пробел вначале, а никак не буква T. Если хотим покрасить Т, есть следующий код:
#fl span:first-letter { background:red; }
<div id="fl"> <span>Text</span></div>
Угу. Если бы.
www.w3.org/TR/css3-selectors/#first-letter Смотрим 7.2.1. Application in CSS и ужасаемся
www.w3.org/TR/css3-selectors/#first-letter Смотрим 7.2.1. Application in CSS и ужасаемся
мудаки, что сказать, никогда не любил w3c
что меня еще все время раздражало — так это то, что вся их разметка строится на «а-ля газета», где сайт разбит на колонки, как в газете. Но я не хочу делать сайт похожим на газету! А спецификация других вариантов не приемлит. Гриды-гриды, только гриды:
Конечно рулит. На бумажках. Лучше бы CSS2.1 до ума довели, а не кичились новинками.
Я уже приводил ссылку на баг, который у меня вызывает глубочайшее недоумение.
Я уже приводил ссылку на баг, который у меня вызывает глубочайшее недоумение.
Интересно, что есть чувак, Андрей Федонюк, автор вот такой прикольной фигни, приглашенный эксперт w3c.
Он уже несколько лет в обсуждениях рассказывает и показывает на примерах, что 90% нововведений в CSS3 реализуются практически двумя-тремя свойствами типа %%units, flow и работы с изображениями.
Похрен. В CSS3 все равно тянут вскую богомерзкую хренотень типа css3-layout
Он уже несколько лет в обсуждениях рассказывает и показывает на примерах, что 90% нововведений в CSS3 реализуются практически двумя-тремя свойствами типа %%units, flow и работы с изображениями.
Похрен. В CSS3 все равно тянут вскую богомерзкую хренотень типа css3-layout
А может, он просто демонстрирует глюк Сафари, раз в других всё иначе показывает? ;)
Ну а что, клёвый баг — тоже фича! :)
Ну а что, клёвый баг — тоже фича! :)
Написал же человек, работает нормально только в Сафари.
В Сафари все супер, поразительно!
В Сафари все супер, поразительно!
Следует ли из этого что Сафари отличный браузер, а остальные так себе? Чувствую скоро сайты опять обзаведутся кнопками «Best Viewed in». По кругу ходим ходим.
В догонку. Человеку далекому от такой подковки блох восхищаться тут совершенно нечем. Это самое забавное. Очень часто технари восхваляют не результат а средства которыми этот результат был достигнут.
Особенно это заметно по ITPro — работающий домен с десятком клиентов на win не стоит даже внимания. Потраченная прорва времени на аналогичный результат с помощью самбы — достоин уважения и пиару.
Особенно это заметно по ITPro — работающий домен с десятком клиентов на win не стоит даже внимания. Потраченная прорва времени на аналогичный результат с помощью самбы — достоин уважения и пиару.
Просто Safari поддерживает часть CSS3, которую пока дае Chrome 7 dev не поддерживает.
Открыл в IE 9 beta, там вообще кошмарик )
Открыл в IE 9 beta, там вообще кошмарик )
Кстати, да, гонка за фичами при недописанной спеке может привести к эффекту, что разработчики будут все больше тянуть одеяло в разные стороны.
В Safari всё отлично
Хм… и вот тут Картмен должен сказать «Щикарно!», но нет… Зачем оно нужно, работающее только в Chrome/Safari, красиво, но бесполезно :(
в закладки, спасибо за ссылку!
Однозначно классный эффект. Жаль пока проблемы с совместимостью.
Я с детства помню, что нажатие на «Stop» отщёлкивает любую нажатую кнопку — Play, Rec и т.д., но сам «Stop» нажатым не остаётся.
Или я пропустил какое-то изменение в интерфейсах кассетных магнитофонов? =)
Или я пропустил какое-то изменение в интерфейсах кассетных магнитофонов? =)
покажите скрин из Сафари, плз, интересно)
Да, так намного лучше, спасибо
а почему иконка «play» в перспективу не ушла?
В смысле? По-моему, ушла. Нижний край зауженый
Левая линия — вообще не исказилась, размеры верхней и нижней части — одинаковые:
habreffect.ru/files/523/2ac0b2841/play.png
habreffect.ru/files/523/2ac0b2841/play.png
по-моему, она и сейчас ухоооодит))
Шли годы, развивались технологии…
А большинство браузеров так и не научились отображать font-weight по стандарту css 1
font-weight
А большинство браузеров так и не научились отображать font-weight по стандарту css 1
font-weight
Ухты оно даже работает в родном браузере андроида, только вместо значков — цифры и буквы. Но загорается и переключается верно.
Сафари 4.05, Win:
(кое-какие элементы не поддерживаются, но работает)
(кое-какие элементы не поддерживаются, но работает)
> работает только в Safari и Chrome (с небольшими дефектами)
Какими бы шикарными эти CSS3-эффекты не были… Заказчики убьют же.
Какими бы шикарными эти CSS3-эффекты не были… Заказчики убьют же.
Поглядел на CSS код, а там есть такая строка :)
This font is NOT free. It is illegal to use this font without paying for a license.
lab.simurai.com/css/umbrui/pictos/pictos.css
This font is NOT free. It is illegal to use this font without paying for a license.
lab.simurai.com/css/umbrui/pictos/pictos.css
> Bio: I was born in the Swiss Alps. Grew up with cows and goats.
так вот, откуда он :)
так вот, откуда он :)
Наверное это действительно круто с точки зрения цсс, но отражения лампочек на панеле ниже (как это вообще?), заезд этого отражения поверх тени и отсутствие рефлекса на верхней части панели (хотя внизу они есть) — лажа. Как всегда, мелочи всё портят
Прикольно, как эксперимент.
Не понятно зачем все эти атрибуты data-icon1, data-icon2, если можно было просто добавить необходимый класс и прописать символы в CSS для каждой кнопки.
Не понятно зачем все эти атрибуты data-icon1, data-icon2, если можно было просто добавить необходимый класс и прописать символы в CSS для каждой кнопки.
Кстати, всё построение этого интерфейса основано на особенности WebKit использовать
Возможно, это можно как-то обойти, накрыв стандартные элементы формы каким нибудь блоком…
none в качестве значения для appearance, чего нету в документе W3C: www.w3.org/TR/css3-ui/#appearanceВозможно, это можно как-то обойти, накрыв стандартные элементы формы каким нибудь блоком…
Это безусловно круто. Но если смотреть с точки зрения разработки (даже если бы все браузеры 100% поддерживали css3), все равно проще будет сделать это картинками и небольшим кусочком яваскрипта. Эффект будет совершенно тот же и стоимость разработки ниже.
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Шикарный эффект для checkbox и radio-button на CSS3