Pages

Egg.js

30 мая 2015 г.


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


iconate.js


iconate.js – библиотечка для простой анимации иконок. Может вам пригодиться если вы тоже хотите оживить иконки. Библиотека поддерживает все трендовые анимации и популярные браузеры.


ReadRemaining.js

14 мая 2015 г.


ReadRemaining.js  JavaScript-библиотека, позволяющая добавить к вашему сайту модный нынче счетчик/индикатор оставшегося времени чтения статьи. Сложно сказать насколько велика польза от такой фичи, но главное же что бы было модно, так ведь? Так что если заходите сделать на своем сайте подобную свистелку – можете посмотреть на ReadRemaining.js.

Mega Dropdown



Mega Dropdown – замечательнный пример/урок по созданию многоуровневого выпадающего меню от CodyHouse. Меню не только многоуровневое, но и поддерживает разные шаблоны (варианты отображения) вложенных уровней. Подобное меню используется, например, на Amazon. Выглядит очень эффектно. Огромный плюс – меню адаптировано под мобильные устройства. Пожалуй наличие такого меню, например, на сайте интернет-магазина автоматически добавляет ему +1 к солидности. Пробуйте.

Elevator.js

11 мая 2015 г.


Elevator.js – кнопка "вверх" для сайта. Да не простая. Очень нескучная кнопка "вверх", 100% отвечающая за свое название. Если у вас на сайте есть нескучные обои – вы просто обязаны поставить нескучную кнопку "вверх". Позвольте своим посетителям насладиться поездкой на Elevator'е!

Space.js

20 апреля 2015 г.


Space.js – Space.js создает эффект 3D скроллинга для вашей страницы. Скрипт поддерживает более 10 видов различных анимаций и максимально прост в использовании. Для корректной работы требуется разделить всю верстку на блоки с классом .space-frame и в определенных дата-атрибутах указать параметры анимации. 

Beep.js


Beep.js – очень неординарная библиотека для написания синтезаторов на основе HTML5 Audio API. А самое главное, то что для написания своей первой мелодии, не требуется детального понимания работы синтезаторов. Достаточно знать, что synth = new Beep.Instrument() создает коллекцию триггеров, каждый из который имеет звуки и ноты. А дальше дело практики и экспериментов. В общем это занятная штука для вашего JavaScript досуга. 

Dragula


Dragula – вероятно самый удобный скрипт для реализация Drag&Drop функционала. Dragula максимально проста в использовании, поддерживает трогательные устройства, не зависит от сторонних библиотек и работает во всех современных браузерах включая IE7+. 

WebTorrent


WebTorrent – полноценный торрент клиент для NodeJS и браузеров. 

Стримминг будет работать прямо в браузере благодаря WebRTC (data chanels) для P2P транспортировки. А самое главное «It's Just JavaScript™», то есть не нужны никакие дополнительные плагины или расширения. Проект собрал более 3000 звезд на GitHub и на данный момент предоставляет следующие возможности: непосредственно саму потоковую передача данных, загрузка нескольких торрентов одновременно, поддержку magnet uri, peer discovery и protocol extension api, возможность подключения WebTorrent клиентов на разных доменах, стримминг видео в <video> тег в формате (webm (vp8, vp9) или mp4 (h.264)), а также в AirPlay, Chromecast, VLC player и прочие устройства.

howler.js

16 апреля 2015 г.


howler.js – аудио-библиотека для веба.

hower.js позволяет добавить музыку и звуки к веб-страницам. Поддерживает популярные форматы mp3, wav, ogg. Обладает достаточно удобным API. 

Официальный фичелист:
  • Defaults to Web Audio API
  • Falls back to HTML5 Audio
  • Supports multiple file formats to support all browsers
  • Automatic caching for Web Audio API
  • Implements cache pool for HTML5 Audio
  • Per-sound and global mute/unmute and volume control
  • Playback of multiple sounds at the same time
  • Easy sound sprite definition and playback
  • Fade in/out sounds
  • Supports Web Audio 3D sound positioning
  • Methods can be chained
  • Uses no outside libraries, just pure Javascript
  • Lightweight, 9kb filesize (3kb gzipped)

Поддрежка браузеров: Google Chrome 4.0+, Internet Explorer 9.0+, Firefox 3.5+, Safari 4.0+, Mobile Safari 6.0+ (after user input), Opera 10.5+

SweetAlert



SweetAlert – красивая замена JavaScript'овского alert'а.

Если вы привыкли или любите (да, бывает и так) использовать alert(), но вам всегда хотелось чего-то большего – разрешите представить библиотеку SweetAlert. С ней ваши alert'ы станут sweet.

Пользоваться библиотекой элементарно, а результат ее работы заставит ваши руки автоматически писать sweetAlert() вместо alert(). А если вам действительно хочется большего – то перед вами открываются недурные возможности по кастомизации этих самых alert'ов.

Ну и как водится, лучше один раз увидеть:

fullPage.js


fullPage.js – jQuery-плагин, который призван помочь нам строить модные нынче веб-сайты, на которых нужно много скроллить. 

Плагин достаточно прост в использовании и в то же время гибко настраивается. 

Поддерживаются все популярные браузеры.

jquery.adaptive-backgrounds.js



jquery.adaptive-backgrounds.js – плагин для библиотеки jQuery, который умеет извлекать доминирующий цвет из изображения и применять его к родительскому (по отношению к изображению) DOM-элементу.

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

Spacegray



Spacegray – гипер-минимальная (как утверждают авторы) тема для Sublime Text.


По поводу гипер-минмимальности ничего сказать не можем, но если в целом – тема выглядит весьма не дурно.
Под катом еще пара скриншотов.

i18nGeoNamesDB


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

Содержит
  • 234 страны
  • 3 721 регион
  • 2 246 813 населенных пункта
Названия переведены на:

Русский, Украiнский, Белорусский, Английский, Испанский, Португальский, Немецкий, Французский, Итальянский, Польский, Японский, Литовский, Латышский, Чешский.

Кодировка - utf8

База доступна в форматах PostgreSql, MySql, CSV.


Hover.css

Hover.css – коллекция CSS-анимаций для "события" :hover. Эти анимации можно применять к ссылкам, кнопкам, изображениям, SVG-элементам... Код доступен в CSS, Sass и LESS.

Коллекция включает такие наборы анимаций:
  • 2D Transitions
  • Background Transitions
  • Icons
  • Border Transitions
  • Shadow and Glow Transitions
  • Speech Bubbles
  • Curls


Ladda


Ladda – это такие кнопочки с preload-индикатором (колесиком) внутри. Ничего общего с автомобилями.

Выгдялит достаточно эффектно.

hint.css



hint.css  css-библиотека(?), которая позволяет сделать одну простую вещь – всплывающую подсказку, tooltip или hint.

Работает hits.css, как и подобает хорошим css-библиотекам(?), из одного css-файла. Доступна через bower, npm и даже CDN.

Всплывающая подсказка может "приклеиться" к одной из четырех сторон объекта. Также нам доступны 4 типа tooltip'ов, отличающихся цветом: info, warning, error и success.

Потыкать и узнать подробнее:

Directus

15 апреля 2015 г.

"Админка" на Backbone.js и PHP.


Авторы заявляют этот продукт как client-friendly database GUI. И действительно, Directus красиво рисует CRUD-интерфейсы к таблицам из БД. Среди прочего, поддерживает WYSIWYG и загрузку файлов. Так что с помощью Directus можно соорудить красивенькую и простенькую админку для сайта на первое время. Далее несколько скриншотов.