Китичек (от анг. kitty check) - это приятный виджет для вашего сайта, позволяющий пользователям умиляться каждый раз, когда они к вам заходят. Кроме того, по счастливой случайности, нажимая на китечку, можно погладить его, т.е. отметить, что ты был на сайте (зачекиниться) и оставить комментарий, предварительно авторизовавшись через твиттер. Посмотрите направо. Погладьте кота, нажав и подержав над ним указатель мыши. Вернитесь обратно, давайте продолжим.
Мы постарались сделать китечку максимально легкой в использовании, чтобы он прижился на любом сайте. Он не только легко встраивается и легко настраивается, но так же не требует особого ухода. Только ласка и внимание - вот и всё что нужно настоящему коту.
Нет ничего проще. Откройте любой HTML редактор, найдите в тексте вашей странички текст </head>. Нашли? Теперь вставьте перед этим текстом вот такую строчку:
<script src="http://kittycheck.com/js/inject.js"></script>Сохраните файл. Всё, теперь китечек живет на вашем сайте.
Обратите внимание: китичек не может жить на странице с вашего компьютера, он работает только на сайтах, которые доступны через интернет.
Эта часть описания поможет только тем, кто силен и смел, понимает как работает html и css, владеет текстовым редактором и вообще мимими.
Настройка китичека производится с помощью параметров, указываемых в теге <meta> - этот тег находится внутри <head>.
Китичек может быть расположен в любой части вашей страницы. Для точного позиционирования используются следующие параметры:
<meta name="kittycheck_parent" content="header" />
<meta name="kittycheck_position" content="top=30,right=30" />По умолчанию китичек вставляется внутрь тега <body>, но это подходит не всем. Например, если вы хотите закрепить китечку внутри тега <header>, внесите название этого тега в параметр kittycheck_parent.
Для наложения CSS, отличного от умолчания, впишите его в kittycheck_position. Только обратите внимание на то, как пишутся стили. В формате name=value и через запятую.
Если вам не нравится цвет, которым выделяется колечко чекина, его так же можно поменять, для этого воспользуйтесь вот такой конструкцией:
<meta name="kittycheck_checkin_color" content="#BADA55" />Думаю, вы и сами разберетесь, где здесь цвет.
Если вы хотите, чтобы китичек мурлыкал в процессе поглаживания, воспользуйтесь опцией
<meta name="kittycheck_rumble" content="true" />К сожалению, большая часть современных браузеров будут проигрывать звук только при наличии Adobe Flash. Имеется поддержка HTML5 audio, но в экспериментальном состоянии.
Ну, и последнее. По умолчанию китичек определяет уникальность страницы по URL. Т.е. на страницах /index.html и /about.html живут разные китечки с раздельными чекинами и комментариями. Бывает, что на вашем сайте одинаковые страницы с разными URL. Или, по какой-либо другой причине, вам нужно контролировать поведение китечки, посадив его сразу на несколько страниц. В таком случае, укажите уникальный идентификатор страницы вот так:
<meta name="kittycheck_site_uniq_id" content="kekeke-123123123-foobar-yes" />Исходный текст проекта "Китичек" расположен на GitHub: github/bobuk/kittycheck, свободно присылайте свои патчи, мы их расмотрим. Так же в репозитории есть и TODO проекта.
Дизайн, верстка HTML, подготовка CSS и бОльшая часть всего фронтенда:
Еще дизайн, масса доделок во фронтенде, и особенно - мурчание китечки:
Бэкенд, тексты, тестирование, администрирование:
Всё началось с того, что одним пятничным вечером мне мучительно захотелось создать что-то прекрасное. Быстро пересчитав идеи в голове и найдя одну, вроде бы неплохую, я кинул клич:
Примерно через час на канале #bobukweekend было человек 15, из которых пятеро сразу сказали, что готовы что-нибудь делать. Потом оказалось, что трое из них ничего делать не будут, но это было уже не важно.
Я взял на себя бэкенд - 200 строчек на питоне. А самую главную работу сделали Aleksandr Gornostal и syndicut, именно их фронтенд сейчас всех так радует.
Собственно, сам проект "китечек" был готов ровно за 24 часа. Дальше началась полировка, которая заняла еще 24 часа с перерывами на кино, вино и домино. Так что не пытайтесь относиться к проекту серьезно, это просто развлечение, не более.