Анимация кругов в стиле Google+ с помощью jQuery и CSS3
Ребята с сайта 9Lessons сделали скрипт, который копирует анимацию кругов, как на Google+. Реализовано все это с помощью jQuery и CSS3. На сайте так-же доступны примеры, которые наглядно демонстриуют работу скрипта.
Загрузчик файлов на jQuery и HTML5
Помните такие сервисы, как min.us или dropmocks. Им удалось выделиться из всех остальных файлохостингов, тем, что они начали предлогать загружать файлы, методом перетягивания (например, из папки) прямо на веб-страницу (drag & drop). Но в скором времени этим уже не удивишь, так как такой функционал теперь может встроить каждый желающий на свой сайт. Ребята с Igloo Lab сделали скрипт HTML5 Uploader, который доступен для скачивания любому. На оф. сайте приложения также есть демо, где можно увидеть работу скрипта.
Владельцам image-хостингов наверное стоит заняться апдейтом и прикрутить что-то подобное и к своему детищу, так как drag & drop, как мне кажется, пока еще привлекает пользователей =)
9 скриптов mp3-плееров для вставки музыки на сайт
Два скрипта для проигрывания музыки на сайте, я уже публиковал ранее(DewPlayer и mp3 Flash Player) и как оказалось, они пригодились многим. С тех пор прошло немало времени, появились новые разработки, поэтому решил сразу сделать небольшую подборку скриптов mp3-проигрывателей, который можно вставить на Ваш сайт.
1. niftyPlayer
Главное преимущество скрипта, это его легкость – всего 4 кб.
2. Flash Mp3 Player
Более крупный вариант плеера – из преимуществ стоит отметить наличие плейлиста и настройки цвета внешнего вида.
3. jPlayer
Доступен в разных вариант, как с плейлистом, так и без.
4. Audio.js
Главный плюс это легкость интеграция плеера на страницу. В Header страницы прикрепляется js, а сам плеер вставляется с помощью кода, такого вида:
<audio src="/mp3/juicy.mp3" preload="auto" />
5. Yahoo mp3 Player
Симпатичный плеер от Yahoo
6. Epplayer
Плеер с плейлистом и поддержкой разных скинов.
7. Simple Flash Mp3 Player
Легкий и минимально оформленный скрипт Mp3-проигрывателя.
8. Flash Mp3 Player
Навороченный скрипт от Flabell. Тут и плеилист и выбор артиста, описание альбома и другие фишки.
9. WordPress Audio Player
Доступен в виде самостоятельного плеера, а так же в виде плагина для WordPress.
Скрипт для создания снимка с веб-камеры и его загрузки
Ох уж эти скрипты, в последнее время столько всего «вкусного» выходит, что за всем и не уследишь. Всякие слайдеры на jQuery, галерей, модные формуляры, кнопочки на CSS3 и прочие прелести, которые вскружат голову любому вебмастеру =)
Скрипт называется – jQuery & CSS3 Photobooth,он позволяет сделать фото с подключенной к компьютеру вебкамеры и сразу загрузить его на сервер. Что-то похожее наверное уже видели вконтакте или на фейсбуке при загрузке профильного фото. Там тоже есть возможность, напрямую с веб-камеры, сделать фотоснимок и загрузить его.
Работает скрипт на PHP, jQuery и CSS3. Присутствует так же встроенная галерея где отображаются недавно сделанные кадры. Все это конечно можно настроить так как Вам нужно.
Демо | Скачать
Youtube-видео в виде фона на сайте – jQuery Tubular
Наткнулся на интересный jQuery скрипт, который позволяет вставить видео в виде фона для сайта. Впечатляет, не правда ли? Как по мне, то сама идея немного необыкновенна, но вот другой вопрос, найдет ли этот скрипт реальное применение…
Рабочий пример можно посмотреть на сайте разработчика, а скачать jQuery Tubular можно со страницы проекта на Google Code.
Использование скрипта:
1. Перед тегом , добавить:
<script type="text/javascript" charset="utf-8" src="http://code.jquery.com/jquery-1.4.3.min.js"></script> <script type="text/javascript" charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js"></script> <script type="text/javascript" charset="utf-8" src="js/jquery.tubular.js"></script> <script type="text/javascript" charset="utf-8" src="js/mission-control.js"></script>
2. В файле mission-control.js, во второй строке, прописываем id видеоролика с youtube:
$('body').tubular('_VKW_M_uVjw','wrapper');
PS: В архиве со скриптом, есть готовый пример.
