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

Comments 101

Ну, в Опере 10.10 только верхние ссылочки получились с разноцветным бг.
А за материал спасибо, полезно.
Total votes 6: ↑5 and ↓1+4
По идее верхние ссылки не каждому нужны будут. Получается блок с закруглёнными углами можно использовать. Ничего страшного, что круглые углы не увидят пользователи IE.
Total votes 1: ↑1 and ↓0+1
в принципе вы правы. На одном из проектов так и сделал. Вид от незакругленных уголков особо не портиться.

Осталось дождаться нормальной поддержки CSS3 хотя бы от Opera (вроде в пре-альфа релизах уже есть).
И в IE9 тоже поддержку CSS3 обещали.
Total votes 5: ↑3 and ↓2+1
Осталось дождаться нормальной поддержки CSS3 хотя бы от Opera
Му-ха-ха. Осталось дождаться, когда вы поймете, где css3, а где нечто другое.
Total votes 14: ↑6 and ↓8-2
Пояснение:
box-shadow и text-shadow — это css3, добавленное в Оперу недавно.
-webkit-box-shadow и -moz-text-shadow — это нечто другое, не css3, у этого не может быть «нормальной поддержки» в Опере.
Total votes 5: ↑4 and ↓1+3
на сколько мне известно приставки означают, что свойство не полностью отвечает стандартам. В данном случае, видимо потому что по правилам w3c стандарт официально принимается после, по моему, 2-х готовых реализаций, и ещё официально не принят. Так что Опера, действительно отстаёт… надеюсь скоро подтянется.
Total votes 1: ↑1 and ↓0+1
Приставки означают, что свойство действует только под указанным HTML движком. Так что понимать приставки -moz и -webkit должны, соответственно, только Mozilla-based и Webkit-based браузеры.
This comment wasn’t rated yet0
в 10.50 аналогично… увы
Total votes 3: ↑1 and ↓2-1
а если Опере дать border-radius вместо -moz-border-radius?
Total votes 4: ↑4 and ↓0+4
Именно так! В Opera 10.5 border-radius без префикса.
Total votes 4: ↑4 and ↓0+4
а как это может повлиять на положение ссылок в меню? Я об этом)

-moz-border-radius в опере работает
Total votes 1: ↑0 and ↓1-1
Уважаемый, -moz- в опере (покрайнемере у меня) не работает, однако прекрасно работает без него.

А по поводу положения ссылок — если вы о наклоне, то если добавить к CSS свойству префикс -o- все прекрасно работает, и могу заметить что отображается лучше чем в FF.
Total votes 2: ↑2 and ↓0+2
хм, в 10.50 у меня все заработало и с -moz-

ок, не знал
This comment wasn’t rated yet0
я чуть ниже выложил с CSS рабочий и скрин из оперы.
This comment wasn’t rated yet0
Увы автору, никак не Опере.
Total votes 2: ↑1 and ↓10
да, жаль Оперу вся эта радость обходит стороной :(
Total votes 4: ↑0 and ↓4-4
Прость CSS написан ТОЛЬКО под webkit и лису, про оперу автор попросту забыл.
Total votes 8: ↑7 and ↓1+6
Текст при повороте выглядит ужасно. Как пример, конечно, норм, но в реальной среде это использовать пока нельзя.
This comment wasn’t rated yet0
думаю в конце концов подкрутят реализацию, и будет круто. Сейчас многое зависит от шрифта. Некоторые лучше отображаются, некоторые хуже. В примере решил оставить стандартные.
Total votes 2: ↑1 and ↓10
Так он и будет выглядеть ужасно. Для нормального отображения шрифтов на мониторе используется хинтинг. Сомневаюсь, что кто-то будет разрабатывать хинтинг хотя бы для одного варианта написания под углом.
Total votes 1: ↑1 and ↓0+1
В Chrome показывается отлично. В Firefox, увы, весьма корявый.
This comment wasn’t rated yet0
Chrome/Ubuntu — тоже весьма криво отображается. А под виндовсом в хроме да, нормально.
Total votes 1: ↑1 and ↓0+1
Он у меня в FF ещё шевелится, когда его выделяешь мышкой :-)
This comment wasn’t rated yet0
Ага, и это не считая прыгающих полуповёрнутых букв и диких «лесенок»

(слева ФФ3.6, справа — Опера10.50, применены трансформ-ротейт и текст-шедоу. Фон — картинка)
This comment wasn’t rated yet0
нужно бы сами свойства из css3 дописать, а не только браузерные еквиваленты:
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
Total votes 6: ↑6 and ↓0+6
а border-radius сейчас вообще хоть кто-то воспринимает? Или на будущее?
Total votes 2: ↑0 and ↓2-2
слышал что в последней бете оперы не нужны приставки
Total votes 3: ↑3 and ↓0+3
Для 2D трансформаций нужен префикс -o-. А так да, не нужен.
Total votes 1: ↑1 and ↓0+1
При чем тут будущее. У вас статья называется как? Вот border-radius — это и есть css3.
Total votes 3: ↑3 and ↓0+3
последние сборки chromium понимают border-radius
This comment wasn’t rated yet0
UFO just landed and posted this here
забавно. заюзаю у себя.
p.s.
да я знаю, что только избранные увидят эту красоту… простых смертных буду редиректить на скриншот того, что они могли увидеть :)
This comment wasn’t rated yet0
grab.by/1S6v — прикрутил к своему движку. Бабл использую как всю страницу, в лентачках будет инфа в стиле под кем залогинен и так далее :)
This comment wasn’t rated yet0
Нижняя полоса не круто смотрится, так как полоса сгиба выглядит слишком толсто, по сравнению с тонкой полосой.
Нужно переделать.)
Total votes 1: ↑1 and ↓0+1
угу, я ее верх загну еще.
This comment wasn’t rated yet0
там ничего интересного, просто паддинги. Я решил в пост вынести только элементы с новыми CSS свойствами
This comment wasn’t rated yet0
А нельзя triangle-* заменить на псевдлэлементы :before и :after?
Total votes 3: ↑3 and ↓0+3
Поставил — проверил. Действительно… Надо бы баг репорт сделать что-ли
This comment wasn’t rated yet0
Уверен, это и без багрепорта исправят, версия-то совсем сырая. :-)

Хотя можно и отписаться разработчикам конечно.
This comment wasn’t rated yet0
Автор, убейся. Это не CSS3, тебя обманули. Это вендорные расширения CSS. заточенные под 2 конкретных браузера.
Total votes 20: ↑10 and ↓100
Ну, зачем авторов сразу так? Человек старался, а придраться ко всему можно.
На хабре итак много злости, чем-то фильм «Эксперимент» напоминает…
Total votes 3: ↑3 and ↓0+3
Автор написал статью, не потрудившись разобраться в вопросе. Статья на хабре — это не запись в личный бложик. Уже давно известно, что статья на хабре — истина в последней инстанции для новичков. Моя задача — отреагировать так, чтобы автор понял что он накосячил и исправил статью.
Total votes 5: ↑3 and ↓2+1
Готов подписаться под каждым словом в комменте выше.

Но не в первом комменте «Автор, убейся». CSS3 еще в разработке, так что если говорить серьезно, то его еще не существует как стандарта.
Total votes 2: ↑1 and ↓10
Ладно, резко получилось, не могу не согласиться.
Total votes 2: ↑1 and ↓10
Ну ведь когда нибудь это может стать стандартом без всяких там -moz-, -webkit-
Total votes 3: ↑3 and ↓0+3
Браво! CSS3 — это и есть «без всяких там -moz-, -webkit-», чего у автора не наблюдается.
Total votes 5: ↑3 and ↓2+1
Ок, в примере появилось, а в статье, которая называется «… средствами CSS3», будет что-либо про CSS3?
Total votes 2: ↑1 and ↓10
Вы не все добавили, я вам готовый CSS опубликовал даже! У вас изменение наклона текста так и не сделано для оперы!
Total votes 2: ↑2 and ↓0+2
UFO just landed and posted this here
Там же написано, откуда взята статья. Это скорее хороший перевод некорректного оригинала.
This comment wasn’t rated yet0
Нет, ну правда, поменяй заголовок :-)
Total votes 1: ↑1 and ↓0+1
автор, читайте книги, а потом когда уверены — пишите статьи.
Total votes 6: ↑2 and ↓4-2
Вы начитаны? Напишите лучше.
Total votes 3: ↑1 and ↓2-1
За материал спасибо. IE блин как всегда!
Total votes 1: ↑0 and ↓1-1
Новые «печеньки» которые CSS3 нам дает конечно классные и удобные.
Но сам файл стилей становится довольно таки громоздким.
Если так и дальше пойдет, то что ж будет в css4. Хотя думаю пока появится 4 версия, сам css эволюционирует во что-то более удобное и менее емкое.
This comment wasn’t rated yet0
Почему громоздким? На мой взгляд реализация намного компактнее нежели реализовывать по средствам традиционных методов.
This comment wasn’t rated yet0
>компактнее нежели реализовывать по средствам традиционных
А вы приплюсуйте традиционный метод, необходимый для кроссброузерности и посчитайте во сколько этот «нетрадиционный» вывих обойдется.
This comment wasn’t rated yet0
а зачем тогда реализовывать на CSS3? Либо то либо то, если уж придеться мучаться)
This comment wasn’t rated yet0
>а зачем тогда реализовывать на CSS3?
Вот и я думаю, зачем реализовывать?
= = = = = = = = = = = = = =
Папа папа посмотри я чет непойму пластилин это или не пластилин??!!! Папа посмотрел, панюхал, надкусил. — да ну сынок эт гавно какоето! — да вот и я пап думаю откуда у меня в жопе пластилин!
= = = = = = = = = = = = ==
Total votes 2: ↑0 and ↓2-2
Ну так от вас же никто этого не требует, статья несет собой лишь показательный характер.

p.s. Вариант этого анегдота с Василий иванычем и Петькой меня улыбал больше)
Total votes 1: ↑1 and ↓0+1
>показательный характер.
Ну да, ну да. Зачем было надкусывать.
This comment wasn’t rated yet0
в целом, реализация действительно стала компактней, если учитывать что раньше приходилось переносить часть реализации в html & js.
а вот сам css при этом стал ведь больше за счет того что в него перенесли эти «печеньки»
This comment wasn’t rated yet0
Зачем надо было говорить про оперу, если вы не использовали CSS3 аттрибутов? Их то она прекрасно поддерживает, без -moz-.
Total votes 1: ↑1 and ↓0+1
версия 10.10 которая на официальном сайте представлена как последняя, и через меню в браузере так же это подтверждает даже с применением border-radius закругленные уголки так и не показала.
Total votes 1: ↑1 and ↓0+1
Закругленные уголки появились в версии 10,5 которая является пока тестовой, так что не сильное преступление. Да и статья которую вы взяли за основы написала была немного раньше чем вышла 10,5 версия.
Просто можно было бы и скорректировать, учитывая что в опере оно отображается сейчас не хуже чем в хроме.
This comment wasn’t rated yet0
Позволю себе уточнить, версия Оперы 10.50.
This comment wasn’t rated yet0
10.50 = 10.5
в школе должны были проходить.
Total votes 2: ↑1 and ↓10
UFO just landed and posted this here
Всетаки версии оперы означают десятые и 10.01 ≠ 10.10, а вот 9.50 чаще называют 9.5.
Total votes 1: ↑0 and ↓1-1
UFO just landed and posted this here
10.5 — это Mac OS X Leopard, а Opera — 10.50.
Почему Опера пишет справа ноль — их спросите.
This comment wasn’t rated yet0
Официальный номер версии всё-таки 10.50. Имеем же мы право шутить? Всё началось с 10.10 (1010 = 10, вроде)
This comment wasn’t rated yet0
А почему в словах «реально» и «круто» буквы неровно стоят
можно как нибудь исправить?
Total votes 1: ↑0 and ↓1-1
так походу только в лисе… ну и в хроме под линуксом…
This comment wasn’t rated yet0
UFO just landed and posted this here
2\5 пафоса и деферамб кемерону, 2\5 кадров из фильма, и только 1\5 интересного материала.
Ну вообщем как всегда, когда рассказывают о кино.
Total votes 1: ↑1 and ↓0+1
Дак вот о чем пост :)
Total votes 1: ↑1 and ↓0+1
Ага) Спасибо за понимание)
Total votes 1: ↑1 and ↓0+1
Если вы использовали для написания топика западную статью, то не забывайте — там у ребят другая специфика. А у нас большое распространение имеет Opera, которую тоже не мешало бы учесть в примерах. Ну и совместимость с браузерами, которые просто отбросят префиксы в будущем — тоже дело важное, поэтому:

-webkit-box-shadow
-moz-box-shadow
box-shadow

-webkit-border-radius
-moz-border-radius
border-radius

-webkit-transform
-moz-transform
-o-transform
transform

-webkit-transition
-moz-transition
-o-transition
transition
Total votes 3: ↑3 and ↓0+3
Да даже не в Опере дело, просто написать статью о CSS3 и не написать ни одного CSS3 свойства, это же умудрится надо.
Total votes 3: ↑2 and ↓1+1
Ну, даа… Но вопрос скользкий. Вендорные расширения — это те же CSS 3 свойства, но только с оговоркой «если мы их перестанем поддерживать — никаких претензий, ребята». Так что я бы не стал так категорично.

И да — хабр уже не торт! </irony>
Total votes 3: ↑3 and ↓0+3
Посмотри на себя, вебмастер! Одним неловким движением ты закрыл всю иронию в комментах дальше!
Total votes 3: ↑2 and ↓1+1
Во-первых, это была провокация ;)
Во вторых, я наоборот закрыл все открытые до меня айрони…
Total votes 2: ↑2 and ↓0+2
Ой и правда, вот что бывает когда клонит в сон в пять часов вечера :/
Total votes 1: ↑1 and ↓0+1
Просто на момент написания той статьи опера еще не поддерживала эти свойства.
Total votes 2: ↑1 and ↓10
Глупости.

Первый публичный релиз Opera 10.50 вышел в конце декабря 2009 года,
а статья уже 2010 года. А перевод (адаптация) статьи совсем свежий, так что автора это не оправдывает. Голову из песка стоит вынимать ;)
Total votes 2: ↑2 and ↓0+2
действительно, прошу меня извенить за неточность.
Total votes 2: ↑2 and ↓0+2
Делал когда-то похожие блоки, ещё и цвета надо было легко менять, всех подробностей не вспоню постомотреть мой вариант можно тут
This comment wasn’t rated yet0
Автор, добавьте в css примера ещё -khtml- свойства, если не трудно
Total votes 1: ↑1 and ↓0+1
рабочий пример не юзает нативные свйоства ксс трансформа. Следствие: не работает в опере 10.60
This comment wasn’t rated yet0
Sign up to leave a comment.

Articles

Your account

Sections

Information

Services

Support
© 2006–2024, Habr