Azy 12 мар 2012 в 15:28

Tinyicon — счетчик в favicon на js

1 мин

4.1K

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

+107

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

bumbay 12 мар 2012 в 16:02

Прекрасно. Некоторым сайтам рунета такого не хватает. Вы поняли о чем я.

-1

Azy 12 мар 2012 в 16:15

Можно юзерскрипт сделать :)

Skull 13 мар 2012 в 17:39

Одноклассники?

bumbay 13 мар 2012 в 17:51

noo

0n1y_0ne 12 мар 2012 в 16:10

Эх, не работает в IE8 и Safari, а в Chrome криво рендерит шрифты d.pr/6Ttr

coocheenin 12 мар 2012 в 16:16

Отличная идея! Наглядное пособие полезности (некоторых) возможностей HTML5.
Спасибо за публикацию.

Azy 12 мар 2012 в 16:19

Канвас вообще по-разному можно писать.
Я тут в качестве практики писал расширение для хрома которое заменяет все картинки на страницы на их чернобелую копию. Никакого серверсайда, чистый JS + canvas.

bolk 12 мар 2012 в 16:21

Или один фильтр в IE.

Azy 12 мар 2012 в 16:21

Либо так, да.

Serator 12 мар 2012 в 17:53

Firefox тоже с фильтрами работает — www.boogdesign.com/examples/svg/desaturate.html, только через svg, да и Chrome такое умеет…

Ryotsuke 12 мар 2012 в 16:47

Внезапно подумал, что это можно использовать для подсвечивания ссылок из разных доменов (localhost, test server, live) через userjs в Опере. А то просто вкладки покрасить нельзя.

Borodean 13 мар 2012 в 03:54

Сказано — дело начато: github.com/borodean/Mark-Hosts
Хотелось бы допилить до ума.

Ryotsuke 12 мар 2012 в 16:49

Opera 11.61
Иконка появляется на долю секунды и пропадает.

Azy 12 мар 2012 в 17:01

Напишите багрепорт на GitHub

Colobock 12 мар 2012 в 22:24

А у меня наоборот — в Opera 11.61 работает, а IE9 — только в режиме совместимости с текстом в заголовке окна вместо иконки.

k0ldbl00d 12 мар 2012 в 17:10

Подпрыгивал на стуле и апплодировал. Очень пригодится.

a1exDi 12 мар 2012 в 17:55

Очень удобно. Давно пользуюсь в Gmail аналогичной функцией

gdX 12 мар 2012 в 20:29

Дождался-таки счетчика в 100, интересно было посмотреть, как же поведет он себя дальше.
Оказалось, что никак. Просто сбросился на 1.

Azy 12 мар 2012 в 20:32

А внутрь заглянуть никак? :)

(function(){
	var count = 0;
	setInterval(function(){
	
		if (++count > 99) count = 0;
		Tinycon.setBubble(count);

	}, 1000);
})();

dotsquid 12 мар 2012 в 22:09

Было бы неплохо, если бы помимо цифр, можно было вывести хотя бы "+". Например, «99+», что значит, что кое-кто давненько не читал почту.

Azy 12 мар 2012 в 22:17

Tinycon.setBubble = function(num, colour){

	// validate
	if(isNaN(parseFloat(num)) || !isFinite(num)) return log('Bubble must be a number');
	drawFavicon(num, colour);
	return this;
};

Исправить это в 2 секунды.

dotsquid 12 мар 2012 в 22:20

Ну, никто и не спорит. Мой комментарий — это скорее фидбек автору, хоть он его отсюда и не получит, мдэ…

powder96 13 мар 2012 в 02:37

Готово!
github.com/tommoor/tinycon/issues/23

Осторожно: там мой хромой английский!

Mikke 12 мар 2012 в 23:22

Notification.js Google Chrome 6+, Firefox 2+, Opera, а IE отдыхает

Azy 13 мар 2012 в 00:05

Спасибо, вынесу в пост чуть позже — сейчас работы километр :(

CCgames 13 мар 2012 в 00:04

а утром просыпаешься и добиваешь голову фатали мыслью — "<ВЦ> куда я попал?!?!?!"

Sannis 13 мар 2012 в 01:31

У вас Хром под *нуксом? :) Имхо это просто от шрифта зависит.

Azy 13 мар 2012 в 01:31

Нет, w7

powder96 13 мар 2012 в 02:25

Уже давно завидовал gmail'y, у которого такая штука есть. Теперь наконец-то у меня такое будет. Автору спасибо!

aTei 13 мар 2012 в 03:02

Для обратной совместимости, стоит дать возможность владельцу сайта самому предварительно создать иконки. Имена иконок должны быть по соглашению, например: favicon1, favicon2… favicon99, faviconmax; и включается опцией iconsPrepared, например.

Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Показать лучшие за всё время

Tinyicon — счетчик в favicon на js

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

Публикации

Истории