BloggaRolla
Онлайн-генератор веб-цветов
Онлайн-подбор оптимальных веб-цветов для сайта
Онлайн-редактор HTML
Цветовой онлайн-калькулятор
Онлайн-калькулятор
Онлайн-рисовалка PencilMadness
  • Web
  • Images
  • News
  • Videos
  вторник, марта 27, 2012  

Боковой виджет социальных сервисов Simple Counters
Продолжая тему бокового расположения социальных кнопок, хотелось бы рассказать о замечательном плагине-информере Simple Counters.

Автор сего замечательного творения обитает здесь. Там же (пардон за абсурдный каламбур) вы можете найти последние обновления виджета Simple Counters и при желании скачать исходники.

Изначально плагин был создан для Wordpress, но, как все хорошее и вечное, в дальнейшем адаптирован и под платформу Blogger все тем же чутким автором, да останется его имя в веках.

Виджет представляет собой фиксированную боковую панель с кнопками двух ресурсов - FeedBurner и Twitter, благодаря которым посетитель сможет легко подписаться и быть в курсе всех новостей блога. Но главным замечательным свойством Simple Counters, пожалуй, является предоставление обновляемой статистики в режиме реального времени, отчего вы всегда будете знать точное количество подписчиков блога в указанных сервисах.
Однако здесь кроется и небольшой минус: при пересчете статистики на самом сервисе FeedBurner счетчик плагина в это время будет показывать "0 (ноль)" подписчиков фида.


Пример боковой панели Simple Counters.


Плагин в действии вы можете подсмотреть прямо на этом блоге справа либо разглядеть его визуальное воплощение на скриншотах ниже:

Виджет-информер социальных кнопок Simple Counters

Виджет-информер социальных кнопок Simple Counters

  воскресенье, марта 25, 2012  

Боковая панель социальных кнопок
Стандартный блок социальных кнопок для "расшаривания" материала блога уже давно и незыблемо является неотъемлемым его атрибутом. Обычно он располагается сразу после статьи и представляет собой подборку иконок соответствующих ресурсов.

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

Об ее установке в блог мы и поговорим далее.

  пятница, марта 23, 2012  

Плагин jQuery для красочных всплывающих подсказок у изображений
Сегодняшняя тема будет интересна, в первую очередь, тем пользователям, блоги которых содержат большое количество изображений, отчего показ симпатичных сопроводительных текстов к изображениям был бы весьма своевременным и оправдывающим.

За основу идеи взят плагин jQuery Drop caption, с помощью которого можно выводить содержимое title у изображений в виде красочной, плавно всплывающей под курсором, подсказки с неким поясняющим картинку текстом.

Данное "украшательство" состоит из двух скриптов: собственно, самого скрипта dropcaptions.js, который реализует вывод всплывающей подсказки у изображений, и скрипта easing.1.3.js, позволяющий настроить и осуществить эту подсказку красиво. При желании, можете перезалить их на собственные файловые хостинги.

Плагин jQuery для красочных всплывающих подсказок у изображений


Живое демо


  суббота, февраля 25, 2012  

Небольшое вращение списка меню с помощью CSS
С помощью вмешательства CSS можно выделить любой список ссылок или обычной текстовой информации в блоге.
Один из таких органичных и стильных способов оформления мы и рассмотрим далее. Сам способ легко применим и основан только на CSS.

Мы создадим небольшой список меню, при наведении на любой из пунктов которого будет происходить небольшое вращение выделенного пункта.
Благодаря этому, появляется возможность украсить эффектом трансформации любой аскетичный список ссылок.

Визуальное воплощение трансформации ссылок меню при наведении:


  среда, февраля 01, 2012  

Оригинальные счетчики RSS и Twitter с обновляемой статистикой
На сегодняшний день счетчики RSS (Фида) и Twitter являются важной частью блога и неотъемлемым элементом дизайна. Они предоставляют возможность немедленно подписаться на все обновления ресурса и следить за его новостными изменениями из большинства доступных сервисов. Ко всему они предоставляют наглядную статистику подписчиков блога.

Однако при всем разнообразии обычных счетчиков, предлагаемых непосредственно сервисами Twitter и FeedBurner, к которому у подавляющего большинства привязана RSS-лента ресурса, этот элемент дизайна у многих блогов довольно стандартен и однообразен. Посему озаботимся созданием собственных несложных счетчиков, в которых будут присутствовать показатели подписчиков и активные ссылки для подписки на указанные сервисы. Тем паче виджет довольно прост в создании, а хэнд мэйд нынче в моде.

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

Наш будущий виджет счетчиков может выглядеть так:

Оригинальные счетчики RSS и Twitter с обновляемой статистикой

Действующий пример возможно увидеть в правом верхнем углу тестового блога.