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

Comments 55

спасибо, исправил ). Больше не буду )
Total votes 6: ↑6 and ↓0+6
А где в примерах градиент?
Фон есть градиента нет.
Total votes 1: ↑0 and ↓1-1
А вы не могли бы сказать в каком браузере смотрите?
This comment wasn’t rated yet0
MAC safari и MAC Firefox в обоих случаях только фон в виде названия конторы.
Градиента там нет.
This comment wasn’t rated yet0
Ну название хотя бы цветное? =)
This comment wasn’t rated yet0
UFO just landed and posted this here
=)), у меня не было возможности проверить во всех браузерах лично ), поэтому воспользовался сервисом BrowserShots, на скрине в IE5 рабоатет )), но думаю это уже мало кого волнует ). Информация по вопросу еще есть тут
Total votes 3: ↑2 and ↓1+1
На самом деле я удивился когда в IE5 отрисовалось, только потом уже нашел подтвердающую информацию. Меня больше интересовал IE8, подключение для него было несколько иным.
Ну а работу в IE5 можно отнести к интересным фактам )
Total votes 4: ↑4 and ↓0+4
Вот заминусовали человека вусмерть, а ему может надо.
Может он из секретного НИИ Пространственного Единообразия Темпоральности. Выясняет, будет ли его экспериментальный вневременной сайт нормально отображаться на Trident III.
This comment wasn’t rated yet0
В своё время добивался похожего результата, делая бэкграундом стопроцентный по ширине и высоте флэш. А уже во флэшке делал граниент.
Можно даже плавную анимацию смены цветов градиента реализовать.
Навряд ли мой вариант быстрее SVG, однако работает :)
Total votes 2: ↑2 and ↓0+2
Ну я не утверждаю что вариант идеален, видите ли, при использовании флеша, браузер запросит новую версию плагина. SVG отображается «молча» ). Смену цветов градиента можно реализовать в SVG яваскриптом, с помощью VML думаю чтоже можно сделать этот эффект.
Total votes 1: ↑1 and ↓0+1
В IE6 по-умолчанию есть 6-й флэш, а его вполне достаточно. Так что запроса об обновление версии не будет. Другая проблема в том, что у кого-то флэш отключен.
Total votes 1: ↑1 and ↓0+1
А можете ссылку кинуть? Интересно увидеть такую реализацию
Total votes 1: ↑1 and ↓0+1
Вот, сделал на коленке :)
explosion.ru/tmp/bg/bg.html
Total votes 3: ↑3 and ↓0+3
Охохо, я пример этого искал очень долго, спасибо большое.
Многие писали что надо ставить wmode=transparent, чтобы флэш не перекрывал собой все, независимо от z-index. Видимо это не так :)
This comment wasn’t rated yet0
Всё так, в этом примере секрет в строке
so.addParam(«wmode»,«opaque»)
This comment wasn’t rated yet0
Хороший пример, спасибо, можно еще фон залить одним цветом из градиента.
Total votes 1: ↑1 and ↓0+1
Правда, если в вашем случае написать много строчек SAMPLE, то градиент не растянется ниже, думаю это стоит предусмотреть, но это не так критично если делать «на коленке» :)
Total votes 1: ↑1 and ↓0+1
Cделано за 2 минуты, для примера, говорю же =)

Тут сэмпл с плавной сменой градиента (очень ресурсоемкий)
explosion.ru/tmp/bg2/bg.html
This comment wasn’t rated yet0
Мне кажется на предмет ресурсоемкости нужно будет сравнить несколько примеров, как только получится обязательно проведу тесты, если вы не против возьму ваш пример для теста
This comment wasn’t rated yet0
newon> В IE6 по-умолчанию есть 6-й флэш, а его вполне достаточно.

В IE нет флэша по умолчанию. Ни в одной из версий.
Total votes 1: ↑1 and ↓0+1
В 6-м IE по-умолчанию 6-й флэш. :)
Total votes 2: ↑2 and ↓0+2
Настоятельно рекомендую поменять ссылку в вики на вот эту: ru.wikipedia.org/wiki/Градиент_(компьютерная_графика)

А то люди попадают в описание математического градиента, а это немного другое)
Total votes 1: ↑1 and ↓0+1
Изменил, спасибо
This comment wasn’t rated yet0
С моими бюджетными ЖК мониторами на работе, даже одноцветная заливка кажется градиентной :)
Total votes 15: ↑15 and ↓0+15
Метод позволит вам подобрать градиент, что фон наконец-то будет казаться одноцветным.
Total votes 6: ↑6 and ↓0+6
не хватает картинок прямо в посте.
И подсветите синтаксис — читабельность сразу будет на уровне
This comment wasn’t rated yet0
Во втором примере в ИЕ8 текст не выделяется мышью, только по Ctrl + A
This comment wasn’t rated yet0
Да, действительно. Спасибо, только что исправил
This comment wasn’t rated yet0
UFO just landed and posted this here
Незнаю, незнаю… Ваш пример мне понравился, своей легкостью, но в вашем примере градиент тянется на 600рх, к тому же не подстраивается под размер страницы. Далее незнаю как у других, а у меня мограет ваше изображение, об этом я выше писал в варианте про картинки. А так, вы абсолютно правы
Total votes 1: ↑1 and ↓0+1
VML разработан фирмой Microsoft
Откуда вообще взялась эта легенда? В разработке VML принимали участие несколько фирм: Microsoft, Macromedia, Autodesk, Hewlett-Packard, Visio Corporation.

При этом VML открытый стандарт (опубликован на сайте W3C), а SVG является наследником VML и PGML.
Total votes 4: ↑4 and ↓0+4
UFO just landed and posted this here
Даже незнаю откуда эта легенда взялась, но на мой взгляд важнее все таки применение языка. Спасибо что указали на неточность.
This comment wasn’t rated yet0
Спасибо! Для себя вынес много полезного
Total votes 2: ↑2 and ↓0+2
Круто, спасибо! Я конечно не смогу это применить, но идея очень понравилась.
Total votes 2: ↑2 and ↓0+2
Спасибо, постараюсь в скором времени опубликовать еще пару идей
Total votes 1: ↑1 and ↓0+1
Добро пожаловать на хабр. Еще в песочнице хотел заинвайтить за эту статью, да нечем :(
Total votes 2: ↑2 and ↓0+2
Спасибо, думал этот процесс затянется =), но оказалось хабр очень гостеприимный )
Total votes 2: ↑2 and ↓0+2
>В этом примере я подготовил файл png8 размером 1х100 пикселей с нужным градиентом

This comment wasn’t rated yet0
>В этом примере я подготовил файл png8 размером 1х100 пикселей с нужным градиентом

Это не лучший вариант, использование такого файла будет кушать много процессорного времени, что будет заметно как притормаживание на слабых машинах. Используйте ширину бОльшую (думаю лучше кратную восьми) — заливка таким спрайтом потребует меньше машинных ресурсов. На размер файла это радикально не повлияет.
Total votes 1: ↑1 and ↓0+1
Согласен. Я пробовал разные варианты размеров, был вариант 100х100, и разница в производительности не особо но ощущалась. Можно конечно сказать что это не так критично, но если рассматиривать вариант страницы с большим кол-вом объектов на странице, тем более анимированных, эта разница будет более заметна, поэтому спасибо что уточнили это.
Total votes 2: ↑2 and ↓0+2
> Например, при использовании VML, Internet Explorer блокирует страницу, кого-то это смущает.

Так и не получилось эмулировать ситуацию с ie (проверено в ie6, ie7, ie8). Настройки безопасности стандартные.

P.S. Спасибо, не так уж и много статей показывают возможности использования векторной графики.

Total votes 2: ↑2 and ↓0+2
Спасибо вам, на счет блокировки могу сказать что для обработки vml, ie подключает ActiveX билиотеку vgx.dll, при отключеной опции в параметрах безопасности «Запуск элементов ActiveX и модулей подключения» страница блокируется. Либо данная опция отключается при высоком уровне безопасности.
Total votes 2: ↑2 and ↓0+2
Спасибо вам, на счет блокировки могу сказать что для обработки vml, ie подключает ActiveX билиотеку vgx.dll, при отключеной опции в параметрах безопасности «Запуск элементов ActiveX и модулей подключения» страница блокируется. Либо данная опция отключается при высоком уровне безопасности.
Total votes 2: ↑2 and ↓0+2
Ну тогда это не критично, среднестатистический пользователь ничего менять не станет.
Total votes 1: ↑1 and ↓0+1
В некоторых из современных браузеров появилась возможность делать градиенты через CSS. Было бы интересно почитать ещё и об этом способе, как самом «родном» для браузеров)
Total votes 2: ↑2 and ↓0+2
Спасибо, отличная статья-обзор SVG/VML на конкретном примере :)
Total votes 3: ↑3 and ↓0+3
Sign up to leave a comment.

Articles

Show the best of all time

Your account

Sections

Information

Services

Support
© 2006–2024, Habr