rumkin17 дек 2008 в 01:00

Favicon и заголовок окна

2 мин

7.7K

Типографика *

+96

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

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

rumkin 17 дек 2008 в 01:31

Я не ставил перед собой цель открыть Америку, всё-таки, правила не за один день появляются, я их собрал вместе для наглядности… В любом случае пожалуйста :)

maxic 17 дек 2008 в 10:29

Очень грамотные замечания, если бы к ним еще прислушивались

sashakissel 17 дек 2008 в 01:41

Рюмкин, вы, в который раз, пишете отличную статью! Спасибо :-)

Впервые заметил грамотное использование фавиконки… Во «Вконтакте».

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

gopal 17 дек 2008 в 02:24

Отличные статьи!

almalexa 17 дек 2008 в 02:37

Вспомнил игру по обороне фавикона…

tgm 17 дек 2008 в 08:20

А ссылочу можно?

almalexa 17 дек 2008 в 10:50

Пожалуйста
habrahabr.ru/blogs/games/29316/

unst 17 дек 2008 в 03:51

Отличная статья.

Если в заголовоке отражается иерархия, то порядок должен быть от меньшего к большему, например:
«Favicon — Типографика — Хабрахабр»

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

zerkms 17 дек 2008 в 04:01

вероятно потому, что проводил аналогию с фс :-)

Osaka 17 дек 2008 в 04:07

Вообще, это скорее это вопрос юзабилити, нежели типографики.
Но, если в табе написано «Favicon...», его действительно проще асоциировать с данной статьёй, чем если куча табов представляется как «Хабрахабр...». Пока основное преимущетсво вижу в этом, если абстрагироваться от споров о правильности с точки зрения неких правил.

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

zencd 17 дек 2008 в 05:48

Легко же вы меняете убеждения…

zencd 17 дек 2008 в 05:54

Хотя «к сведению» это ещё не смена…
Наверное, это было что-то моё :-))

Вообще, «icon — site — page» выглядит логичнее: site логично группируется с icon. Но найти нужное окно в таскбаре/таббаре проще если делать наоборот: иконка скажет о ресурсе, начало названия статьи — об открытой статье. Иначе была бы куча таких табов:

Хабрах… | Хабрах… | Хабрах… | Хабрах….

McSimych 17 дек 2008 в 04:45

…чтобы пользователь знал «в каком ухе у него жужжит»!

Золотые слова!

xamelion 17 дек 2008 в 04:46

Очень хороший фавикон у нешионал географик. Это анимированный gif и он очень хорошо смотрится. Смотрел в огнелисе

zencd 17 дек 2008 в 05:56

Очень отвратительный фавикон у cult-cinema.ru — эта бесконечная, неостанавливаемая никакими средствами в файрфоксе анимация, дико надоедает.

ganzer 17 дек 2008 в 05:06

Сайт начинается с иконки.

kulikoff 17 дек 2008 в 06:33

С фавиконки тогда уж :)

zencd 17 дек 2008 в 05:58

/* Следует отметить, что Firefox, Safari и Opera (в IE не проверял) поразному понимают и интерпретируют слеш идущий перед адресом иконки */

Не останавливайтесь, продолжайте!

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

gigigi 17 дек 2008 в 08:12

и я не понял. у картинок, ссылок, скриптов, css значит одинаково понимают, а у фавиконки по разному? :)

rumkin 17 дек 2008 в 11:28

У меня на моём компьютере каждый браузер по-разному отнёсся к ссылке на favicon с идущим впереди слешем: FF и Safari не показали ничего, а Opera вместо /favicon/favicon.ico обратилась к favicon.ico. Когда убрал слеш всё нормально заработало.

Timon 17 дек 2008 в 06:20

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

dinis 17 дек 2008 в 06:41

Добавлю еще с точки зрения веб-сервера — все браузеры опрашивают наличие favicon, причем отдельным запросом. Поэтому если у сайта она есть, и браузер ее закешировал, лишнего запроса к веб-серверу не будет, а еррор-логи сервера не будут замусорены отсутствием фавиконки :).

devenge 17 дек 2008 в 06:57

Картинок не видно. Только у меня одного?

Killy 17 дек 2008 в 08:24

Send Referrer Information ):

alexxxst 17 дек 2008 в 10:55

Service Unavailable

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

Richard_Ferlow 17 дек 2008 в 07:08

В ИЕ6ть отображение favicon еще бы хоть каким-то способом можно было привести к логичному порядку — было бы замечательно.

LevaniD 17 дек 2008 в 07:22

спасибо, замечательная статья

Loengreen 17 дек 2008 в 07:43

Хорошая статья. Но причем тут типографика?
Типогра́фика — графическое оформление печатного текста посредством набора и вёрстки с использованием норм и правил, специфических для данного языка.

Вы же говорите о необходимости favicon (о том что она должна уникально идентифицировать сайт) и обсуждаете логическое оформление заголовка окна.

Halt 17 дек 2008 в 10:11

Ну, частично типографика была все же затронута =) Когда автор писал о заголовке :)

rumkin 17 дек 2008 в 11:17

Я объяснил в предисловии к статье почему отнёс её именно в типографику. Для меня типографика — печатное юзабилити.

Loengreen 17 дек 2008 в 19:29

Я за вас рад. Вот только если вы хотите что бы вас понимали не жонглируйте словами как вам вздумается. У них (слов) есть общепринятые определения. Это сделано не просто так, а что бы люди быстрее друг друга понимали.

Еще раз повторюсь. Статья неплохая, но к типографике никакого отношения не имеет.

maxk 17 дек 2008 в 07:51

Хорошо, что кто-то собрал все правила в одном месте. Спасибо.

kortunov 17 дек 2008 в 08:48

Категорически не согласен с использованием Favicon как индикатора каких-то событий или статусов. Иконка должна быть на сайте только одна. На то она и Favicon — Favorites Icons (икона для закладок). Ни входящую почту, ни тип контента иконка отражать не должна, это все делается другими способами.

rumkin 17 дек 2008 в 11:21

Долго думал указывать этот пункт или нет… Мне всё-таки кажется, что на сайтах для «быстрого» обмена информацией такое использование допустимо, например «в контакте» или на ютубе…

kortunov 17 дек 2008 в 11:30

А ты уверен, что оно будет работать как надо? Чесно сказать, я не видел такой подход «в деле». Но у меня есть подозрение, что браузер не так часто запрашивает favicon и активно использует кешированную картинку.

rumkin 17 дек 2008 в 11:43

При добавлении в избранное сохранится та иконка которая отображалась в момент добавления. А посмотреть в действии можно в том же контакте.

rumkin 17 дек 2008 в 13:29

Подправил статью для ясности!

zencd 17 дек 2008 в 18:02

Если иметь два файла /favicon.ico и /favicon-mod.ico то пусть хоть закешируется — нам-то какая разница? Нам главное указать нужный вариант в HTML или JavaScript, а браузер её покажет, никуда не денется.

Естественно, при апдейте какой-либо из иконок, браузер может продолжать работать со старой версией, но это отдельная тема, которая к «нескольким фавиконкам» прямо не относится.

kortunov 17 дек 2008 в 18:12

Хмммм… Нынче я — лошара в CSS и HTML. Но я думал, что никак нельзя повлиять на favicon из веб-странички. Завтра проконсультруюсь с нашим веб-технологом, возможно я безнадежно отстал.

rumkin 17 дек 2008 в 18:21

повлиять можно прописав в <link rel="shortcut icon" … /> нужный адрес, можно и через JS влиять.

zencd 17 дек 2008 в 17:56

Вы хоть обоснуйте… То что цель достигается «другими способами» ещё не значит что этот подход нельзя использовать.

А иконка и так по сути одна — имелись ввиду вариации основной иконки с добавлением незначительных элементов. Узнавание остаётся (если об этом позаботиться).

kortunov 17 дек 2008 в 18:15

Так вроде-бы обосновал. Что favicon даже не по названию не для этих дел. Можно же на самой страничке как-то намекать о том, что будет происходить. Плюс, если уж делать все по-взрослому и аппелировать к user experience, то едва ли кто-то будет наблюдать за иконкой рядом с адресом сайта — это брендинг, но не статус.

zencd 17 дек 2008 в 18:28

Ну придумывали его не для этого, наверное :-)
Конечно — это в первую очередь брендинг и можно другими средствами.

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

Вообщем не просто так появился этот мигающий фавикон вконтакте…