Хабрахабр / Комментарии к посту «CSS3: Во веки веков!» в блоге «Каскадные Таблицы Стилей»

11.10.2009 11:19:27 ingeniarius

ingeniarius — Sun, 11 Oct 2009 11:19:27 GMT

Автор субъективен очень, мол закругления нафиг а вот градиент это мега палезно (особенно видно на примерах как это круто :)

11.10.2009 11:16:49 ingeniarius

ingeniarius — Sun, 11 Oct 2009 11:16:49 GMT

Меня удивило, с какого перепугу такое ограничение на 4 фоновых изображения?
Ведь странно сделать поддержку нескольких фонов и ограничиться цифрой 4.
Автор видимо решил для себя сделать такое ограничение, ведь спецификация не накладывает таковых, что очень радует — поддержка нескольких фонов это здорово, это удобно и практично.

09.10.2009 06:54:32 vadimbelyaev

vadimbelyaev — Fri, 09 Oct 2009 06:54:32 GMT

Мне вот интересно, для чего в CSS возможность прописывать градиенты, если это можно сделать с помощью SVG?

08.10.2009 20:46:41 remal

remal — Thu, 08 Oct 2009 20:46:41 GMT

А IE?..

08.10.2009 19:40:16 Imenem

Imenem — Thu, 08 Oct 2009 19:40:16 GMT

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

08.10.2009 19:17:35 kostitsyn

kostitsyn — Thu, 08 Oct 2009 19:17:35 GMT

ну, гики — общеинтернетноизвестный термин

08.10.2009 15:30:51 svt

svt — Thu, 08 Oct 2009 15:30:51 GMT

вот это меня и напрягает, например может кто слушает подкасты Росновского, он недавно ездил в Оперу, встречался с одним из основателей ксс3, тот говорил что всё идёт к большей лёгкости, что всякие скругления углов и прочее сделают код более простым и лёгким, не нужно использовать картинки, а до сих пор даже опера не понимает эти радиусы, а кто понимает, каждому своё прописывать, ужас помойму. Так ещё под каждую версию браузера писать.

08.10.2009 15:22:06 KeJSaR

KeJSaR — Thu, 08 Oct 2009 15:22:06 GMT

Ага! Как Вам, к примеру, такой ужас:

body {

background-image: url('bg-image-1.jpg');

background-size: 100% 100%;

-moz-background-size: 100% 100%;            /* Gecko 1.9.2 (Firefox 3.6) */

-o-background-size: 100% 100%;              /* Opera 9.5 */

-webkit-background-size: 100% 100%;         /* Safari 3.0 */

-khtml-background-size: 100% 100%;          /* Konqueror 3.5.4 */

-moz-border-image: url('bg-image-1.jpg') 0; /* Gecko 1.9.1 (Firefox 3.5) */

08.10.2009 15:09:14 KeJSaR

KeJSaR — Thu, 08 Oct 2009 15:09:14 GMT

Можно. Но нет еще окончательного решения. Тут очень много заморочек с разными браузерами, вот один из вариантов:

Это код последнего абзаца, его можно видеть на картинке ниже:

p {

background-color: transparent;

background-image: -moz-linear-gradient(top left, bottom left, from(rgba(255,255,255,0.9)), to(rgba(255,255,255,0)));

background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.9)), to(rgba(255,255,255,0)));

08.10.2009 14:42:26 UdarEC

UdarEC — Thu, 08 Oct 2009 14:42:26 GMT

AdBlock Plus вам в помощь)

08.10.2009 14:26:17 deniamnet

deniamnet — Thu, 08 Oct 2009 14:26:17 GMT

от рекламы уже и так тошнит, не хватало еще ее на бэкграунд вешать… лично я не хочу, чтобы под текстом, который я читаю, маячила какая-нибудь поипень
в чем профит-то?

08.10.2009 13:19:29 svt

svt — Thu, 08 Oct 2009 13:19:29 GMT

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

-webkit, -moz, -o, смысл в этом? эх.

^{когда же всё придёт к одному стандарту, походу никогда.}

08.10.2009 10:02:06 KeJSaR

KeJSaR — Thu, 08 Oct 2009 10:02:06 GMT

Вы правы. Наверняка найдется достаточно много сайтов, где можно будет применить данное свойство. Мне показался тоже этот абзац каким-то мутным. Я даже хотел его сократить, но поколебавшись, таки оставил ради максимальной точности и полноты перевода статьи.

08.10.2009 09:59:28 KeJSaR

KeJSaR — Thu, 08 Oct 2009 09:59:28 GMT

Верно, верно! Но, Хабр читают не только хабралюди, он доступен свободно всему Инету, мало ли кто на статью забредет :-) Поэтому в просветительских целях и добавил ссылочку.

08.10.2009 09:57:27 KeJSaR

KeJSaR — Thu, 08 Oct 2009 09:57:27 GMT

Спасибо! Все верно. Уже изменил!

08.10.2009 09:49:49 Scofield

Scofield — Thu, 08 Oct 2009 09:49:49 GMT

Коллега, позвольте не согласится.
Из ходя из кода CSS — можно заблокировать объект, но временно. Если пойдёт тенденция создания интернет заставки как рекламы то блокируя определённый объект можно добиться совершенно нежелательного эффекта как неправильное отображение страницы.

Пока мы тут обсуждаем как в будущем будем бороться с рекламной заставкой — кто то уже строит финансовые планы на новый вид рекламы.

08.10.2009 09:41:27 remal

remal — Thu, 08 Oct 2009 09:41:27 GMT

Заблокировать загрузку картинки с рекламой. Делов-то…

08.10.2009 09:40:24 remal

remal — Thu, 08 Oct 2009 09:40:24 GMT

А градиенты можно делать полупрозрачными, указывая цвет через argb например?

08.10.2009 09:28:57 Scofield

Scofield — Thu, 08 Oct 2009 09:28:57 GMT

И ещё функцию передвижения — типо «move». :)

08.10.2009 09:25:23 rumkin

rumkin — Thu, 08 Oct 2009 09:25:23 GMT

Ага ещё поддержку кистей и stamp tool :)

08.10.2009 09:12:02 rayevg

rayevg — Thu, 08 Oct 2009 09:12:02 GMT

А прям сегодня должна появиться Beta 1 build 1, Firefox.

08.10.2009 09:09:57 Chizh

Chizh — Thu, 08 Oct 2009 09:09:57 GMT

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

08.10.2009 09:06:42 lohmatyi

lohmatyi — Thu, 08 Oct 2009 09:06:42 GMT

color-start и color-stop

08.10.2009 09:06:24 lohmatyi

lohmatyi — Thu, 08 Oct 2009 09:06:24 GMT

есть еще похоже ошибка в строке про градиент:

08.10.2009 09:04:51 dab512

dab512 — Thu, 08 Oct 2009 09:04:51 GMT

я уже мечтаю о масках прозрачности на бэкграунд и о различных режимах наложения(overlay, multiply, darken)

08.10.2009 09:03:35 ADeptice

ADeptice — Thu, 08 Oct 2009 09:03:35 GMT

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

Допустим, в блоке с текстурной+градиентной заливкой фона (к примеру эффект равномерно освещенного холста).

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

08.10.2009 09:01:59 epic45

epic45 — Thu, 08 Oct 2009 09:01:59 GMT

На Хабре можно и не обьяснять кто такие гики :)

08.10.2009 08:47:34 Theo_from_Sed

Theo_from_Sed — Thu, 08 Oct 2009 08:47:34 GMT

Да, поиграться можно будет, но когда «устаканят» стандарт. А то сейчас поиграешься — завтра переучиваться…

08.10.2009 08:46:36 artyfarty

artyfarty — Thu, 08 Oct 2009 08:46:36 GMT

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

08.10.2009 08:37:49 KeJSaR

KeJSaR — Thu, 08 Oct 2009 08:37:49 GMT

Спасибо!!! Вы очень верно заметили, меня тоже это смущало. Сейчас исправлю.

08.10.2009 08:37:29 Kakysha

Kakysha — Thu, 08 Oct 2009 08:37:29 GMT

Ну к 4 версии будет полная поддержка css3, как мне кажется.
Только раньше мы видели кучу статей на тему хаков «закругленных углов» для ие, теперь будет куча статей на тему хаков «градиента» в ие :(

08.10.2009 08:34:08 SelenIT

SelenIT — Thu, 08 Oct 2009 08:34:08 GMT

Присоединяюсь к благодарности за перевод.

Из замеченных недочетов — глаз споткнулся на фразе «фильтрующее свойство», по-моему, привычнее было бы оставить название без перевода — «свойство filter». Но в целом, на мой взгляд, вполне адекватно!

08.10.2009 08:33:32 Scofield

Scofield — Thu, 08 Oct 2009 08:33:32 GMT

Буден эффектно когда на background будет плавать реклама.

Например синее море по которому плывёт корабль с текстом «Путёвки во все страны мира за пол цены».

А главное это одно время такую рекламу будет тяжело блокировать из за последующей не корректности отображения фона.

08.10.2009 08:26:00 lohmatyi

lohmatyi — Thu, 08 Oct 2009 08:26:00 GMT

Огромное спасибо!
Как раз сегодня понадобилось добавить градиент в одном месте :)

08.10.2009 08:13:39 WilliamKidd

WilliamKidd — Thu, 08 Oct 2009 08:13:39 GMT

Спасибо за перевод!
Всё прогрессивное человечество с особым нетерпением ожидает прихода множественного бэкграунда! Светлое будущее уже рядом)