skipidar 31 июл 2010 в 19:24

Как сделать динамичный, переливающийся фон

1 мин

11K

Веб-разработка *

+93

Комментарии 53

НЛО прилетело и опубликовало эту надпись здесь

skipidar 31 июл 2010 в 19:43

Да, вы правы — техника очень проста. Мне понравилась идея, которую я и хотел предложить Вашему вниманию.

jeje 31 июл 2010 в 19:45

Та вы шо, вы на свет что-то родите или так и будете с угла тапками кидаться?

vovich 31 июл 2010 в 20:06

Не нравится не читай Капитан очевидность. Последнее время стало модно Гавром кидать в людей.

InfernoZ 31 июл 2010 в 20:32

мир очевиден, просто есть верстальщики говнари

gymlyg 1 авг 2010 в 11:56

У людей разный уровень. А свободу мысли никто не отменял. Если есть чем поделится из опыта — велкам!

YaMars 1 авг 2010 в 14:51

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

shinyweb 31 июл 2010 в 19:52

Эта техника была объяснена еще в декабре прошлого года Крисом Коером, автором блога css-tricks.com в этом скринкасте

skipidar 31 июл 2010 в 19:57

Спасибо, подписался на RSS рассылку Криса

rvsob 31 июл 2010 в 20:01

tsya.ru/

rvsob 31 июл 2010 в 20:04

спешу поделится:

tsya.ru

rvsob 31 июл 2010 в 20:07

Простите. Хабр подглючивал. Вот и повторил комментарий.

SvnWeb 31 июл 2010 в 23:11

судьба ошибок не прощает!

skipidar 31 июл 2010 в 20:16

поправил, спасибо

alfedorov 31 июл 2010 в 20:18

как же вы заебали

Goodkat 31 июл 2010 в 21:29

и вы

drfaustxx 1 авг 2010 в 04:52

вы сами допустили ошибку в слове «поделиться» :-)

SmartBye 1 авг 2010 в 07:51

Это цитата.

Yolenzo 31 июл 2010 в 20:30

Идея для капчи =) Чтобы ввести код прокрутите фон до низу.

DmitriyPopov 31 июл 2010 в 20:36

Я вижу чем это поможет усложнить жизнь людям — но даже примерно не понимаю, чем она усложнит жизнь распознавателя…
поясните?

Yolenzo 31 июл 2010 в 20:45

Я алгоритма не знаю робота-распознавателя. Просто увидел эффект красивым для капчи (возможно и бесполезным), для получения кода активации, для какой-нибудь штуки-дрюки.

Fesor 1 авг 2010 в 08:30

Наверное потому и появляются такие вот странные и непонятные капчи…

recky 1 авг 2010 в 18:44

ну для тех, кто предоставляет бесплатные сервисы с искусственными ограничениями (типа файл-хостеров) это неплохой способ дополнительно помучить халявщиков.

Error_403_Forbidden 1 авг 2010 в 20:42

Чтобы предлагать новые идеи для капчи, надо знать, как работает распознаватель. А судя по тому, как часто и много появляется новых капче-идей, становится ясно, что авторы толком нихрена не разбираются в распознавании образов.
Скорее всего, это дизайнеры :) А капчу должен писать программист

spiritedflow 1 авг 2010 в 16:29

Это была идея для капчи-наоборот :) Можно поставить на специальный сайт для роботов, где людям не место.

stamir 1 авг 2010 в 03:19

«Прочтите лицензионное соглашение до конца, и введите увиденный код»

pvasili 31 июл 2010 в 20:48

Где то был пример покрасивее с аквалангистом и фонариком(который в глубине загорался)

LuciferOverLondon 31 июл 2010 в 21:12

На CSS Zen Garden вродь.

LuciferOverLondon 31 июл 2010 в 21:20

Только там, насколько помню, ещё и png-полупрозрачность была задействована.

n1tra 31 июл 2010 в 22:32

Очень интересно, не могли бы Вы скинуть ссылку?

pvasili 1 авг 2010 в 05:52

www.csszengarden.com/?cssfile=http://www.css-praxis.de/cssocean/zenocean.css — оригинал недоступен :(
Но описание техники осталось: www.askthecssguy.com/2006/11/props_to_the_css_zen_ocean_div.html
Может кто найдёт пример?

skipidar 1 авг 2010 в 11:47

Собрал пример с водолазом, жаль не нашел картинки с морем :(
Водолазу придется повисеть среди девственно белого пространства…

Автор дайвера кстати тоже использовал position:fixed который кое-как работает в IE только если добавить искусственный root контейнер — position:fixed относительно body очевидно не поддерживается IE до сих пор…

pvasili 1 авг 2010 в 15:46

Во — отлично с градиентным темным фоном(от светлого к темному) будет самое оно…
В оригинале был ещё подвал с бегающими крабиками. Не думал, что «рукопись сгорит», а то сохранил бы…

Source 12 авг 2010 в 18:32

Крабиков отыскать не получилось, зато море, а так же оригинальный вариант css нашлись на web.archive.org

Так что любуйтесь версией приближенной к оригиналу

pvasili 12 авг 2010 в 18:45

Во, псибо, мы прямо как археологи :)
Крабики в JS, вэбархив не засосал :( Жаль, не думал что «рукописи горят» в интернете.
Так бы обязательно сохранил в загашник.

dgudkov 31 июл 2010 в 22:06

А чем переливающийся фон поможет юзабилити сайта?

n1tra 31 июл 2010 в 22:30

а чем фон вообще помогает юзабилити сайта? :)

Ampleev 1 авг 2010 в 05:24

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

dgudkov 1 авг 2010 в 09:36

Вот и я об этом — особо ни чем. Поэтому гугл например этим не заморачивается. Так что это фича ради фичи. Нет улучшения юзабилити — нет увеличения денег.

Точно также когда-то увлекались мигающим текстом.

fomichev 1 авг 2010 в 12:06

>>Нет улучшения юзабилити — нет увеличения денег.

Это весьма, весьма сомнительное утверждение. Это все равно что «нет в ваших beatles скрипичной партии — нет музыки».

dgudkov 1 авг 2010 в 16:35

Вы как-то плавно удалились от вопроса влияния переливающегося фона на юзабилити. Ну да ладно, Бог с ним. Кому-то это нужно, а кому-то нет. Считаю вопрос закрытым без адекватного ответа.

amureki 1 авг 2010 в 17:51

Ох, ну зачем все мерить деньгами?
Мне понравилось это, я воспроизвел, доволен, красиво, сижу любуюсь. И плевать я хотел на то что это не влияет на юзабилити. Для этого есть другие вещи и способы.

Оставьте место для души…