Полезности для разработчиков №007
ПафНутиЙ 18.02.2014 полезности, pinterest, сетка Блог 5683 18 комментариев
Давно не делал подборок полезностей.
Исправляюсь:
Placeholdem - интересный плагин для анимации плейсхолдеров
ifvisible.js - крайне полезный плагин, может понадобиться для постановки на паузу каких нибудь анимаций, если пользователь покинул вкладку браузера, или просто совершать какие-нибудь действия если страница видима в данный момент. В общем применений много.
пуленепробиваемые кнопки и фоны для email-рассылок
google-style bootstrap - бутстрап в стиле гугл, по-моему самая достойная визуальная кастомизация бутстрапа.
instantclick - ускоряем загрузку следующей страницы за счёт разницы во времени при наведении на ссылку и клику по ней - надо будет обязательно заюзать - крутая вещь!
поиск плоских иконок - сайт, на котором можно найти нужную плоскую иконку на любой случай.
Цвета соцсетей в RGB и HEX
Динамические сетки как на pinterest
Все наверняка видели сайт Pinterest с красивым расположением элементов по сетке.
В сегодняшней подборке приведу несколько готовых решений.
Masonry приводить не вижу смысла т.к. любой пользователь, сталкивающийся с подобной сеткой - точно знает, что гуглить надо "сетка как masonry" :-)
Nested - интересный плагин, не очень много опций, но есть красивая анимация при добавлении/удалении элементов и ресайзе рабочей области. 1300+ звёздочек на гитхабе должны говорить о многом.
ShapeShift - достоинство плагина в том, что можно таскать элементы мышкой и есть возможность "из коробки" отображать текущую позицию элемента в сетке (не в вёрстке, а именно в сетке), что очень полезно, если нужно расставить элементы в нужном порядке. Так же имеет 1300+ звёздочек на гитхабе, но есть недостаток - тяжеловат, однако в одном из проектов именно он оказался тем - что нужно.
Grid-A-Licious - плагин похож на jqiery.nested, но с другими анимациями. Возможно и код другой, но внешне они очень похожи.
Gridster - этот плагин мне больше других нравится, т.к. помимо перетаскивания элементов их можно ещё и ресайзить, а управление размерами вынесено в data-* атрибуты, что позволяет очень эффективно ими управлять не ковыряя каждый раз js.
Wookmark - своего рада классика жанра, ничего конкретного сказать про него не могу. Есть много настроек, сильно распространён, давно разрабатывается, 1800+ звёздочек на гитхабе.
Salvatore - специфичный плагин, как то ковырял его и тогда мне он показался неудобным, возможно ситуация изменилась с тех пор.
Isotope - мощный плагин, но сколько не пытался - не смог найти применение его мощностям.
На последок - сервис подбора VPS по различным параметрам