Comments 97
Я один в демо вижу не то, что на скриншоте или хотя бы похожее?
+11
Боюсь, что не один. Это скриншот из 6го Хрома, и тут видны небольшие глюки на стыке половинок.
0
ff 4b6 — просто радио и чек буттны.
Chrome 7 dev — все как на скрине.
Chrome 7 dev — все как на скрине.
+5
А, черт, первый раз за другим компом, не отличил файрфокс от хрома, сорри
ps. В ФФ красииииво и прикольно :)
pps. Хром 4 (ну не мой комп, давно не обновлялся) — все прекрасно без глюков. Staaaable :)
ps. В ФФ красииииво и прикольно :)
pps. Хром 4 (ну не мой комп, давно не обновлялся) — все прекрасно без глюков. Staaaable :)
-5
«And only Safari will render it properly»
+1
глюкавость напрочь убивает впечатление…
+1
Что темно-то так. Зрение портить…
+1
люблю тёмные сайты, тёмную систему и т.п. — глаза не устают. если бы не куча вырвиглазных белых сайтов — было бы очень приятно серфить в инете
-3
Яркость покрутите, у вас она, скорее всего, перекручена.
0
Хм, вообще-то в Хроме эта штука тоже коряво выглядит)). Автор написал, что в Хроме нет перспективы у кнопок, что мы видим и на скриншоте.
+1
да половники нижних кнопок на пиксель вылазиют.
0
Как то не вяжутся слова «CSS3-гуру» и «работает только в Safari и Chrome». Я бы понял если бы не работал только в IE, а так, это просто демонстрация возможностей safari core. А где Firefox, где Оpera?
+27
firefox и opera еще не поддерживают эти css3 свойства
-2
Вообще-то, они прекрасно вяжутся. Человек разобрался в тонкостях CSS3 и делает из него крутые штуки. Что поделать, если из всех браузеров только Safari наиболее полно соответствует, судя по всему, тому, что он делает. В этом вина Сафари или early-adopter'ов?
Подтянутся другие браузеры, все будет точно так же выглядеть и в них.
Подтянутся другие браузеры, все будет точно так же выглядеть и в них.
0
Чему соответствует? Недаписанной спеке, которую меняют по три раза на день?
Я отвечу, наиболее полно соответсвует тем задумкам, которые реализовали в данном браузере. Вот чему он соответствует.
Я отвечу, наиболее полно соответсвует тем задумкам, которые реализовали в данном браузере. Вот чему он соответствует.
0
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/
0
Не стабилизировано там ничего. Пришли к какому-то более менее консенсусу, но до финала еще далеко. Пропущены мелочи, которые могут сыграть злую шутку. Например, в спеке по бэкграундам нет ни единого намека на то, как переопределить только второй элемент из списка.
0
www.css3.info/modules/ То, что PR и CR можно считать устоявшимися
Ну, а то, что w3c надо разгонят ссаными тряпками за их издевательство над здравым смыслом, — это давно понятно (например, за это).
Ну, а то, что w3c надо разгонят ссаными тряпками за их издевательство над здравым смыслом, — это давно понятно (например, за это).
+1
И поверх этого еще и www.w3.org/TR/css3-multicol/
Количество глюков, которые будут вылазить при накладывании одного на другое просто сложно сбее представить
Количество глюков, которые будут вылазить при накладывании одного на другое просто сложно сбее представить
+1
Их нужно закидать вопросами, которые приведут их в уныние и докажет абсурдность их мышления.
Я заметил еще одну проблему. Все они мыслят категориями реализаторов или дизайнеров. Никто почти не мыслит категориями кодеров. Был один прикольный вопрос про first-letter.
Если брать дизайнерский подход, то красным должна быть первая буква Т, потому как только это является буквой, а не символ неразрывного пробела. А с точки зрения программера —
Я заметил еще одну проблему. Все они мыслят категориями реализаторов или дизайнеров. Никто почти не мыслит категориями кодеров. Был один прикольный вопрос про first-letter.
#fl:first-letter {color:red}
<div id=«fl»>&nbst;<span>Text</span></div>
Если брать дизайнерский подход, то красным должна быть первая буква Т, потому как только это является буквой, а не символ неразрывного пробела. А с точки зрения программера —
+1
Помнится, ч наискосок прочитал пару обсуждений. Не всегда они ведутся на такие вопросы :)
0
должен быть красным со всех точек зрения.
Вот пример:
Логично, что красного фона тут должен быть пробел вначале, а никак не буква 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>
0
Угу. Если бы.
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 и ужасаемся
0
мудаки, что сказать, никогда не любил w3c
+1
что меня еще все время раздражало — так это то, что вся их разметка строится на «а-ля газета», где сайт разбит на колонки, как в газете. Но я не хочу делать сайт похожим на газету! А спецификация других вариантов не приемлит. Гриды-гриды, только гриды:
0
Это нормально, если это используется для подготовки макетов а-ля pdf. Но не для веба. Не забываем, CSS — универсальный язык, не только для веба может применяться и не только браузерами парситься и обрабатываться.
0
Интересно, что есть чувак, Андрей Федонюк, автор вот такой прикольной фигни, приглашенный эксперт w3c.
Он уже несколько лет в обсуждениях рассказывает и показывает на примерах, что 90% нововведений в CSS3 реализуются практически двумя-тремя свойствами типа %%units, flow и работы с изображениями.
Похрен. В CSS3 все равно тянут вскую богомерзкую хренотень типа css3-layout
Он уже несколько лет в обсуждениях рассказывает и показывает на примерах, что 90% нововведений в CSS3 реализуются практически двумя-тремя свойствами типа %%units, flow и работы с изображениями.
Похрен. В CSS3 все равно тянут вскую богомерзкую хренотень типа css3-layout
+2
А может, он просто демонстрирует глюк Сафари, раз в других всё иначе показывает? ;)
Ну а что, клёвый баг — тоже фича! :)
Ну а что, клёвый баг — тоже фича! :)
0
Написал же человек, работает нормально только в Сафари.
В Сафари все супер, поразительно!
В Сафари все супер, поразительно!
+4
Следует ли из этого что Сафари отличный браузер, а остальные так себе? Чувствую скоро сайты опять обзаведутся кнопками «Best Viewed in». По кругу ходим ходим.
+7
В догонку. Человеку далекому от такой подковки блох восхищаться тут совершенно нечем. Это самое забавное. Очень часто технари восхваляют не результат а средства которыми этот результат был достигнут.
Особенно это заметно по ITPro — работающий домен с десятком клиентов на win не стоит даже внимания. Потраченная прорва времени на аналогичный результат с помощью самбы — достоин уважения и пиару.
Особенно это заметно по ITPro — работающий домен с десятком клиентов на win не стоит даже внимания. Потраченная прорва времени на аналогичный результат с помощью самбы — достоин уважения и пиару.
+6
Просто Safari поддерживает часть CSS3, которую пока дае Chrome 7 dev не поддерживает.
Открыл в IE 9 beta, там вообще кошмарик )
Открыл в IE 9 beta, там вообще кошмарик )
0
Кстати, да, гонка за фичами при недописанной спеке может привести к эффекту, что разработчики будут все больше тянуть одеяло в разные стороны.
+3
В Safari всё отлично
-2
Хм… и вот тут Картмен должен сказать «Щикарно!», но нет… Зачем оно нужно, работающее только в Chrome/Safari, красиво, но бесполезно :(
0
в закладки, спасибо за ссылку!
0
Вспомнилась недавняя новость с OMG! Ubuntu!
0
Однозначно классный эффект. Жаль пока проблемы с совместимостью.
+2
Я с детства помню, что нажатие на «Stop» отщёлкивает любую нажатую кнопку — Play, Rec и т.д., но сам «Stop» нажатым не остаётся.
Или я пропустил какое-то изменение в интерфейсах кассетных магнитофонов? =)
Или я пропустил какое-то изменение в интерфейсах кассетных магнитофонов? =)
+12
В интерфейсах плееров :))
0
скоро сделают — загружаешь плейлист, он ввиде кассеты начинает играть,
неменого фишек:
play с piсth up'ом — зажимаем несильно кнопку FF ( при нажатой play),
play с piсth down'ом — зажимаем слабо на play (удерживая)
:) fun stuff
неменого фишек:
play с piсth up'ом — зажимаем несильно кнопку FF ( при нажатой play),
play с piсth down'ом — зажимаем слабо на play (удерживая)
:) fun stuff
0
А еще Rec нажимался вместе с Play
+1
покажите скрин из Сафари, плз, интересно)
+1
+7
Да, так намного лучше, спасибо
0
а почему иконка «play» в перспективу не ушла?
+1
В смысле? По-моему, ушла. Нижний край зауженый
0
Левая линия — вообще не исказилась, размеры верхней и нижней части — одинаковые:
habreffect.ru/files/523/2ac0b2841/play.png
habreffect.ru/files/523/2ac0b2841/play.png
+2
по-моему, она и сейчас ухоооодит))
0
Шли годы, развивались технологии…
А большинство браузеров так и не научились отображать font-weight по стандарту css 1
font-weight
А большинство браузеров так и не научились отображать font-weight по стандарту css 1
font-weight
+1
Ухты оно даже работает в родном браузере андроида, только вместо значков — цифры и буквы. Но загорается и переключается верно.
0
0
> работает только в Safari и Chrome (с небольшими дефектами)
Какими бы шикарными эти CSS3-эффекты не были… Заказчики убьют же.
Какими бы шикарными эти CSS3-эффекты не были… Заказчики убьют же.
0
Поглядел на 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
+1
> Bio: I was born in the Swiss Alps. Grew up with cows and goats.
так вот, откуда он :)
так вот, откуда он :)
+1
Наверное это действительно круто с точки зрения цсс, но отражения лампочек на панеле ниже (как это вообще?), заезд этого отражения поверх тени и отсутствие рефлекса на верхней части панели (хотя внизу они есть) — лажа. Как всегда, мелочи всё портят
+1
Прикольно, как эксперимент.
Не понятно зачем все эти атрибуты data-icon1, data-icon2, если можно было просто добавить необходимый класс и прописать символы в CSS для каждой кнопки.
Не понятно зачем все эти атрибуты data-icon1, data-icon2, если можно было просто добавить необходимый класс и прописать символы в CSS для каждой кнопки.
0
Кстати, всё построение этого интерфейса основано на особенности WebKit использовать
Возможно, это можно как-то обойти, накрыв стандартные элементы формы каким нибудь блоком…
none
в качестве значения для appearance
, чего нету в документе W3C: www.w3.org/TR/css3-ui/#appearanceВозможно, это можно как-то обойти, накрыв стандартные элементы формы каким нибудь блоком…
0
Это безусловно круто. Но если смотреть с точки зрения разработки (даже если бы все браузеры 100% поддерживали css3), все равно проще будет сделать это картинками и небольшим кусочком яваскрипта. Эффект будет совершенно тот же и стоимость разработки ниже.
+2
Sign up to leave a comment.
Шикарный эффект для checkbox и radio-button на CSS3