Кнопки «лайков» социальных сетей с использованием jQuery

jQuery
Очень часто возникает задача на сайт добавить кнопочки социальных сейте(кнопки лайков).

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

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

Умные люди, делают это один раз, сохраняют в отдельный файл, а потом используют, а вот я лентяй и не делаю этого, и как полагается, потом страдаю...

Можно долго об этом говорить... Но давайте по теме, вот нашел неплохую наработку от  Артём Сапегин, он собрал эти кнопочки в своем сервисе, и Вам нужно только только поставить галочку на нужном чекбоксе соц. сети и все.

Все кнопоки социальных сетей оформляются в едином стиле.

В общем, мне очень понравилось =)

Вот сам сервис - Social Likes

Поиск текста на странице при помощи Jquery

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

Demo урока Скачать урок
(далее…)

Уравнивание высоты блока с помощью JavaScript

Вот вчера сидя на работе, верстал дизайн одной велокомпании, и столкнулся с проблемой, проблема уравнивания блока. Если не понятно, то сейчас все поясню.

У меня есть изображение, которое должно заливать центральный блок контейнера (<div id="container">) по оси -y- (background: repeat-y;). У этого блока есть минимальная высота, она равна двум высотам изображениям 326px (высота изображения = 163px) . Вот это изображение

container-bg

И есть второй блок подвал (<div id="footer">), в котором находится я бы сказал ключевое изображение дизайна. Вот это изображение. Я думаю тут должно быть все понятно, эти изображения должны совпасть. совпадают они только тогда, блок кратен 163px.

(далее…)

Создаем раздвижную панель с помощью CSS и jQuery

panel

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

Отмечу сразу что такие панели не очень хорошо влияют на юзабилити, но для красоты и подчеркивания индивидуальности вашего блога (сайта) они сделают свое дело.

План действий:

нам будут нужны такие файлы

ну еще я дум нам понадобятся умелые руки 😉

(далее…)