Pages

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 можно соорудить красивенькую и простенькую админку для сайта на первое время. Далее несколько скриншотов.