Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru Блог Полезности для разработчиков №007

Полезности для разработчиков №007


 ПафНутиЙ    18.02.2014    Блог    3393    18

Полезности для разработчиков №007


Давно не делал подборок полезностей. 
Исправляюсь:
Placeholdem - интересный плагин для анимации плейсхолдеров

ifvisible.js - крайне полезный плагин, может понадобиться для постановки на паузу каких нибудь анимаций, если пользователь покинул вкладку браузера, или просто совершать какие-нибудь действия если страница видима в данный момент. В общем применений много.

пуленепробиваемые кнопки и фоны для email-рассылок

google-style bootstrap - бутстрап в стиле гугл, по-моему самая достойная визуальная кастомизация бутстрапа.

instantclick - ускоряем загрузку следующей страницы за счёт разницы во времени при наведении на ссылку и клику по ней - надо будет обязательно заюзать - крутая вещь!

поиск плоских иконок - сайт, на котором можно найти нужную плоскую иконку на любой случай.

Цвета соцсетей в RGB и HEX

Динамические сетки как на pinterest



Все наверняка видели сайт Pinterest с красивым расположением элементов по сетке.
В сегодняшней подборке приведу несколько готовых решений.
Masonry приводить не вижу смысла т.к. любой пользователь, сталкивающийся с подобной сеткой - точно знает, что гуглить надо "сетка как masonry" :-)

Полезности для разработчиков №007

Nested - интересный плагин, не очень много опций, но есть красивая анимация при добавлении/удалении элементов и ресайзе рабочей области. 1300+ звёздочек на гитхабе должны говорить о многом.

Полезности для разработчиков №007

ShapeShift - достоинство плагина в том, что можно таскать элементы мышкой и есть возможность "из коробки" отображать текущую позицию элемента в сетке (не в вёрстке, а именно в сетке), что очень полезно, если нужно расставить элементы в нужном порядке. Так же имеет 1300+ звёздочек на гитхабе, но есть недостаток - тяжеловат, однако в одном из проектов именно он оказался тем - что нужно.

Полезности для разработчиков №007

Grid-A-Licious - плагин похож на jqiery.nested, но с другими анимациями. Возможно и код другой, но внешне они очень похожи.

Полезности для разработчиков №007

Gridster - этот плагин мне больше других нравится, т.к. помимо перетаскивания элементов их можно ещё и ресайзить, а управление размерами вынесено в data-* атрибуты, что позволяет очень эффективно ими управлять не ковыряя каждый раз js.

Полезности для разработчиков №007

Wookmark - своего рада классика жанра, ничего конкретного сказать про него не могу. Есть много настроек, сильно распространён, давно разрабатывается, 1800+ звёздочек на гитхабе.

Полезности для разработчиков №007

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

Полезности для разработчиков №007

Isotope - мощный плагин, но сколько не пытался - не смог найти применение его мощностям.


На последок - сервис подбора VPS по различным параметрам

Комментарии пользователей (18)

Lynat1k
1

373 | 93

Lynat1k - 19 февраля 2014 02:41 - Юзер

Isotope - понравился плагин им по идее можно классную сортировку материало делать на сайте

vlad23
113 | 20

vlad23 - 19 февраля 2014 02:43 - Юзер

instantclick но тут есть минус, нагрузка на сервер возрастет

ПафНутиЙ
1065

3396 | 2434

ПафНутиЙ - 19 февраля 2014 13:23 - Админ

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

Каков вопрос - таков и ответ. Просто помните об этом.

vlad23
113 | 20

vlad23 - 19 февраля 2014 14:22 - Юзер

Да наверно вы правы, но у меня все же не получилось корректно подключить, не знаю в чем проблема. переходит на вторую страницу мгновенно, но вот кроме счетчика на ней больше нечего не остаётся )) может не в то место html подключил скрипт. Или возможно дело в том что ссылки у меня спрятаны в див классе , сегодня еще раз попробую, отпишусь в чем была ошибка. Но все же мне кажется если на странице около 80 картинок, каждая из которых это ссылка на полную новость, то при прокрутки скрола вниз, будет много запросов .. ну хз даже

vlad23
113 | 20

vlad23 - 19 февраля 2014 14:24 - Юзер

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

ПафНутиЙ
1065

3396 | 2434

ПафНутиЙ - 19 февраля 2014 15:17 - Админ

нужно тестить. Будет время - попробую обязательно этот скрипт в деле.

Каков вопрос - таков и ответ. Просто помните об этом.

samo733792
30 | 3

samo733792 - 20 февраля 2014 14:34 - Юзер

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

Lynat1k
1

373 | 93

Lynat1k - 20 февраля 2014 17:15 - Юзер

что то я не пойму в чем смысл скрипта instantclick как он быстрее грузит инфу?

samo733792
30 | 3

samo733792 - 20 февраля 2014 18:42 - Юзер

Не знаю как именно он это делает, но вы только на минутку поставьте его и все увидите.

Lynat1k
1

373 | 93

Lynat1k - 20 февраля 2014 20:22 - Юзер

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

Nick
6

95 | 70

Nick - 20 февраля 2014 20:02 - Юзер


Поставил instantclick. Посмотрел.

Опера и огнелис начали творить чудеса с кодировкой (см. в прикрепленной картинке). Даже бывало, что опера вообще с ошибкой вылетала =\.
На сайте используется windows-1251.

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

samo733792
30 | 3

samo733792 - 20 февраля 2014 23:41 - Юзер

Задается мне что тут без Пафнутого не обойтись.

ПафНутиЙ
1065

3396 | 2434

ПафНутиЙ - 21 февраля 2014 00:34 - Админ

без кого?

Каков вопрос - таков и ответ. Просто помните об этом.

samo733792
30 | 3

samo733792 - 21 февраля 2014 00:39 - Юзер

Так и не смог научится Русской грамматике.
Извиняюсь.

ПафНутиЙ
1065

3396 | 2434

ПафНутиЙ - 21 февраля 2014 00:42 - Админ

достаточно уловить простую суть, что Имя (или никнейм) как правило отвечают на вопрос "кто", а не "какой", другими словами Сергей, а не серый (в значении серый цвет) smile.

Каков вопрос - таков и ответ. Просто помните об этом.

samo733792
30 | 3

samo733792 - 21 февраля 2014 00:41 - Юзер

Мы общались в Twitter-е, не помните)))

Так должно быть так?
Задается мне что тут без Пафнутий не обойтись.

vlad23
113 | 20

vlad23 - 22 февраля 2014 15:54 - Юзер

Ну что получилось?

stopani
2

114 | 21

stopani - 2 марта 2014 21:06 - Юзер

Ещё парочка полезных сайтов!
devdocs - Документация для Веб-Разработчиков
layoutit - Конструктор шаблонов на Bootstrap

Чтобы комментировать - войдите или зарегистрируйтесь на сайте