Главная
Новости
Статьи
Скрипты
Плагины
Сервисы

Главная

СкриптыBascket.js — простой загрузчик скриптов

Тесты Google и Bing доказали большую эффективность при использовании HTML5 localStorage. Basket.js, от известнейшего разработчика Эдди Османи (Addy Osmani) – это простой загрузчик скриптов, который кэширует их в локальное хранилище.

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

Сайт разработчика
Репозиторий с кодом

 

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...

СкриптыАнимированный скролл — скрипт Smooth Scroll, Gumshoe.

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

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

Git репозиторий (gumshoe)
Демо (gumshoe)
Скачать (gumshoe)

Git репозиторий (smooth scroll)
Демо (smooth scroll)
Скачать (smooth scroll)

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...

ПлагиныSharrre — набор социальных кнопок на веб-страницу

В век новых технологий, огромную популярность набрали социальные сети.
Чтобы идти в ногу со временем,веб-разработчикам  приходится связывать свои сайты со страницами Facebook, Twitter, Google+ и т.п.

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

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

Сайт проекта(документация)
Скачать

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...

СкриптыCasperjs — инструмент для написания сценариев навигации по сайту

Casperjs представляет из себя библиотеку для тестирования и написания сценариев навигации по сайту.
Работа инструмента осуществляется при помощи PlatformJS, либо SlimerJS.

Возможности:

  • заполнение формы и  её отправка
  • создание логики событий
  • подключение библиотек и загрузка ресурсов
  • автоматичиские клики и переход по ссылкам
  • определение и порядок итераций браузера
  • написание тестов

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

Сайт проекта(документация)
Скачать

 

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...

ПлагиныАсинхронная загрузка файлов на вашем сайте — jQuery HeadJS

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

HeadJs — это плагин, который позволяет сделать асинхронной загрузку всех JavaScript и CSS файлов на вашем сайте. Также HeadJS позволяет загружать скрипты выборочно, в зависимости от устройства, с которого зашел пользователь.

Документация
Git репозиторий
Скачать на офф. сайте

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...

СкриптыAutosize — простой cкрипт для регулировки высоты текстового поля

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

Демо и документация
Скачать

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...

ПлагиныjQuery плагин анимации набора текста — Typed.js

 

Typed.js — это jQuery плагин, который отображает анимацию набора текста на вашем сайте. Укажите нужный текст, скорость ввода, паузы и т.п., и наслаждайтесь интересной анимацией. Всё это делается с помощью простого интерфейса. После всех настроек просто скопируйте сгенерированный код на вашу веб страницу.

 

Демо
Документация
Скачать

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...

СкриптыPaper.js — одна из лучших библиотек для рисования на веб страницах

Paper.js основана на языке JavaScript и позволяет его средствами создать на веб странице рисунки и анимации. Стоит заметить, что библиотека не использует чиcтый javascript, а свой собственный PaperScript(расширение, позволяет писать скрипты, которые не конфликтуют с именами переменных и функций других библиотек js). Также библиотека поддерживает Android и интерактивность(через касания, клики и притягивания).  Paper.js будет для вас простой в использовании, если вы когда либо имели дело с JavaScript.

Сайт разработчиков (и демо)
Документация
Скачать

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...

Плагины,СкриптыFancyBox — jQuery lightbox скрипт для отображения медиафайлов

Fancybox — это скрипт, который используется для отображения медиафайлов, таких как картинок,Html документов, Ajax запросов и swf — роликов. Полностью настраиваемый при помощи пользовательских параметров и CSS. Так же скрипт предоставляет возможность группировать несколько элементов и добавлять им навигацию.

Fancybox позволяет организовать на вашем сайте красивую галерею слайдов с навигацией. У вас стоит задача сделать открытие большого изображения при нажатие на маленькую превьюшку —  с этим скриптом вы справитесь с этим без труда.

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

Документация
Сайт(и демо)
Скачать

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...

СкриптыScript-server. WebUI для удалённого запуска ваших скриптов

Script server является веб-сервером для предоставления пользователям доступа к вашим скриптам через web-интерфейс. Сервер и скрипты запускаются локально, а параметризуются и показываются удалённо.

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

Пользователь заполняет параметры и запускает скрипт на сервере, где его выполнение передаётся специальному обработчику. Обработчик в асинхронном режиме принимает input и предоставляет output, а также следит за процессом выполнения скрипта.

Веб сервер служит прослойкой между этим обработчиком и страницей, и через веб-сокеты осуществляет обмен данными.

Автор : @bugy

Скачать(документация и демо)

 

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...








Авторам:

Популярные статьи:

Web-просмотрщик картинок. Lightbox2 (14)
AJAX скрипт для определения Google Pagerank (13)
Карта кликов вашего сайта. ClickHeat (13)
Анимация загрузки: AjaxLoad (13)
Чекбокс с прозрачностью (10)