Архив Январь 2011

ZEN – аудиоплеер на HTML5 и CSS3

ZEN – аудиоплеер, построенный с помощью HTML5 и стилизованный (+анимированный) с помощью CSS3, использующий jPlayer.

У плеера очень простой интерфейс, состоящий из одной кнопки и кругового индикатора проигранного времени.

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

, , ,

Добавить комментарий

Microformat Shiv – парсер микрофроматов на JavaScript

Microformat Shiv – кроссбарузерная JavaScript-библиотека, которая умеет парсить микрофроматы.

В библиотеке есть поддержка разных форматов, включая hCard, hCalendar, hResume, geo, tag и других.

Использование очень простое: Вы можете подключать только те файлы, которые нужны для парсинга.

В комплекте так же есть конвертеры, например конвертер hCalendar JSON в строку iCal.

, , ,

Добавить комментарий

Кроссбраузерный бескартиночный индикатор загрузки

NETEYE Activity Indicator – это jQuery-плагин для создание настраиваемых индикаторов загрузки.

Плагины не нужны изображения для построения индикатора, потому что он рисует индикатор с помощью SVG или VML (в зависимости от браузера)

Для индикатора можно назначить любой цвет заливки, добавить поддержку прозрачности (например, для теней).

Плагин имеет кучу настроек, например: количество сегментов, размер, скорость анимации и др.

, , , ,

Добавить комментарий

Reveal – модальные окна на jQuery без проблем

На свет появился еще один плагин для создания модальных окон на jQuery под названием Reveal. Чем крут Reveal? Он очень прост в установке, весит всего 1,75KB, и он кроссбраузерный.

Чтобы настроить открытие модальных окон на Reveal нужно сделать три вещи: Подключить нужные файлы, сделать разметку модала и добавить атрибут кнопке.

, , , ,

Добавить комментарий

Все Google API в одном месте

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

Если Вы часто используете эти ресурсы и хотите быстро получать к ним доступ, то специально для вас Google сделал страницу Google APIs & Developer Products.

На странице перечислены все инструменты для разработки от Google с логотипами и подсветкой по категориям.

Обязательно в закладки для всех веб-разработчиков.

, ,

Добавить комментарий

Springloops 2.0 – абсолютно новый интерфейс с поддержкой тикетов и Git

Springloops – хорошо известный менеджер исходников для веб-разработчиков. И он только что обновился до второй версии.

Для удобства использования был полностью переработан интерфейс пользователя, добавлена система тикетов. И теперь у Вас будет поддержка Git. Что самое хорошее – на время бета-тестирования подписка на сервис бесплатна!


, ,

Добавить комментарий

Шапргалка по иконкам jQuery UI

Как часто Вы возвращаетесь на сайт jQuery UI, заходите на themeroller, прокручиваете страницу вниз, подводите мышку к иконке, которая нужна и смотрите на подсказку, в которой написано название иконки? Шпаргалка по иконкам jQuery UI подскажет названия всех иконок jQuery UI.

, , ,

Добавить комментарий

Yepnope.js – загрузка javascript по требованию

Yepnope – маленькая оболочка для супер-быстрого скрипт-лоадера LABjs, которая позволяет загружать только те скрипты, которые нужны пользователю.

С помощью функции wait! скрипт может ожидать окончания загрузки одного скрипта перед тем, как загрузить следующий.

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

, ,

Добавить комментарий

jQuery Frontier Calendar – полностью настраиваемый календарь на jQuery

jQuery Frontier Calendar – плагин месячного календаря, который внешне смахивает на Google Calendar и iCal. Все элементы пользовательского интерфейса можно перерисовать и настроить под себя. Вы можете использовать хуки API, чтобы управлять календарем так, как нужно.

Если в один запланировано слишком много мероприятий, появляется ссылка More, по которой можно посмотреть мероприятия в модальном окне, которые не попали на основной экран. Внешний вид модального окна можно изменить через CSS.

, , , , , , ,

Добавить комментарий

Streeme – персональный музыкальный сервер на HTML5

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

Клиент написан на HTML5, что позволяет ему работать почти во всех современных браузерах, включая мобильные устройства.

Серверная часть написана на PHP, использует MySQL для хранения данных и FFMPEG-библиотеку для декодирования медиафайлов.

Streeme может добавить музыку из любой папки на устройстве, или использовать iTunes XML-файл. После добавления в медиатеку Вы можете найти музыку по жанру, названию альбома, исполнителю и т.д.

С помощью одного клика можно прослушать любую песню (присутствует функция shuffle).

, , , , , , ,

Добавить комментарий

Follow

Get every new post delivered to your Inbox.