Главная » Записи с тегом "jquery"

Анимация кругов в стиле Google+ с помощью jQuery и CSS3

Ребята с сайта 9Lessons сделали скрипт, который копирует анимацию кругов, как на Google+. Реализовано все это с помощью jQuery и CSS3. На сайте так-же доступны примеры, которые наглядно демонстриуют работу скрипта.

создаем круги в стиле google+ jquery, css3

Подсказки в поисковой строке сайта

подсказки в поисковой строке

В очередной раз, я решил усовершенствовать внутренний поиск по сайту. Кроме голосового поиска, мне захотелось добавить всплывающие подсказки в поисковое поле. Думал придется вручную искать код и редактировать тему, но нашел более простой вариант, для особо ленивых =) Оказывается всё уже давно придумали и реализовали в виде плагина – Autocompleter (работает на jQuery Autocomplete Plugin). Плагин можно протестировать в моей поисковой форме, в шапке сайта. Стоит отметить, что в подсказках, сразу же отображается количество совпадений. Кроме этого можно указать, откуда должны браться эти самые подсказки: из категорий, тегов или заголовков постов/страниц.

Вообще разбаловал нас Wodpress, теперь чтобы добавить какое-либо дополнение, не нужно редактировать код и ковыряться в файлах шаблона. Все легко, просто и понятно =)

Загрузчик файлов на jQuery и HTML5

Скрипт загрузчика файлов

Помните такие сервисы, как min.us или dropmocks. Им удалось выделиться из всех остальных файлохостингов, тем, что они начали предлогать загружать файлы, методом перетягивания (например, из папки) прямо на веб-страницу (drag & drop). Но в скором времени этим уже не удивишь, так как такой функционал теперь может встроить каждый желающий на свой сайт. Ребята с Igloo Lab сделали скрипт HTML5 Uploader, который доступен для скачивания любому. На оф. сайте приложения также есть демо, где можно увидеть работу скрипта.

Скрипт upload'а файлов

Владельцам image-хостингов наверное стоит заняться апдейтом и прикрутить что-то подобное и к своему детищу, так как drag & drop, как мне кажется, пока еще привлекает пользователей =)

9 скриптов mp3-плееров для вставки музыки на сайт

Два скрипта для проигрывания музыки на сайте, я уже публиковал ранее(DewPlayer и mp3 Flash Player) и как оказалось, они пригодились многим. С тех пор прошло немало времени, появились новые разработки, поэтому решил сразу сделать небольшую подборку скриптов mp3-проигрывателей, который можно вставить на Ваш сайт.

1. niftyPlayer

Главное преимущество скрипта, это его легкость – всего 4 кб.

легкий скрипт mp3 плеера

2. Flash Mp3 Player

Более крупный вариант плеера – из преимуществ стоит отметить наличие плейлиста и настройки цвета внешнего вида.

бесплатный flash mp3 плеер для вставки на сайт

3. jPlayer

Доступен в разных вариант, как с плейлистом, так и без.

jquery скрипт Mp3 плеераjquery mp3 player для вставки музыки на сайт

4. Audio.js

Главный плюс это легкость интеграция плеера на страницу. В Header страницы прикрепляется js, а сам плеер вставляется с помощью кода, такого вида:

<audio src="/mp3/juicy.mp3" preload="auto" />

jquery html5 mp3 player

5. Yahoo mp3 Player

Симпатичный плеер от Yahoo

скрипт Mp3 плеера от yahoo

6. Epplayer

Плеер с плейлистом и поддержкой разных скинов.

mp3 player script

7. Simple Flash Mp3 Player

Легкий и минимально оформленный скрипт Mp3-проигрывателя.

простой Mp3 плеер для сайта

8. Flash Mp3 Player

Навороченный скрипт от Flabell. Тут и плеилист и выбор артиста, описание альбома и другие фишки.

многофункциональный скрипт Mp3-плеера для вставки на сайт

9. WordPress Audio Player

Доступен в виде самостоятельного плеера, а так же в виде плагина для WordPress.

плагин mp3-плеера для wordpress

Скрипт для создания снимка с веб-камеры и его загрузки

Ох уж эти скрипты, в последнее время столько всего «вкусного» выходит, что за всем и не уследишь. Всякие слайдеры на jQuery, галерей, модные формуляры, кнопочки на CSS3 и прочие прелести, которые вскружат голову любому вебмастеру =)

скрипт jquery photo web app

Скрипт называется – jQuery & CSS3 Photobooth,он позволяет сделать фото с подключенной к компьютеру вебкамеры и сразу загрузить его на сервер. Что-то похожее наверное уже видели вконтакте или на фейсбуке при загрузке профильного фото. Там тоже есть возможность, напрямую с веб-камеры, сделать фотоснимок и загрузить его.
Работает скрипт на PHP, jQuery и CSS3. Присутствует так же встроенная галерея где отображаются недавно сделанные кадры. Все это конечно можно настроить так как Вам нужно.

jquery css3 php создание снимка с веб-камеры скрипт для создания фото с веб камеры и загрузки в сеть

Демо | Скачать


Лучшие шаблоны для Google Chrome
Блог о Google+
услуги в области веб-дизайна
редактор фотографий онлайн
покупка рекламы на artslab.info