Персональный блог Игоря Антонова aka "spider_net"

Social Likes. Кнопки социальных сетей для сайта


Рубрика: html/css -> Интересности -> JavaScript -> Программирование
Метки: | | |
Просмотров: 3085
Social Likes. Кнопки социальных сетей для сайта

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

Вот в таких случаях хочется чего-то простого и “in-house”. Пусть все необходимое располагается на своем сервере и браузер пользователя лишний раз не обращается к сторонним ресурсам для подгрузки недостающих компонент. Одним из таких решений является проект «Social-likes».

Social likes позволяет добавить в проект кнопки для социальных сетей (отечественные соц. сети присутствуют) максимально просто и быстро. Для удобства конфигурирования, автор проекта предусмотрел специальный конструктор. Определяем с его помощью желаемые параметры и получаем на выходе код разметки вроде этого:

<link rel="stylesheet" href="social-likes_classic.css">
...
<script src="jquery.min.js"></script>
<script src="social-likes.min.js"></script>
...
<div class="social-likes" data-counters="no">
	<div class="facebook" title="Share link on Facebook">Facebook</div>
	<div class="twitter" title="Share link on Twitter">Twitter</div>
	<div class="plusone" title="Share link on Google+">Google+</div>
	<div class="pinterest" title="Share image on Pinterest" data-media="">Pinterest</div>
</div>

Проект “Social-likes” мне понравился и обязательно воспользуюсь им в своем следующем проекте. Кстати, он будет посвящен Angular.JS.

Оставьте комментарий!
comments powered by HyperComments