Возвращаем старый чат на Facebook
Одной из последних новинок на Facebook, стало изменение выпадающего чата. Теперь место просто чата, в правой части сайта, стала отображаться целая панелька, где отображается целый ряд разной информации. Многим, и мне в том числе, это изменение не понравилось. Поэтому, появилась вариант для возврата старого, привычного чата на свое место.
Сделать это можно с помощью специально user script’а – Facebook Sidebar Chat Reversion. Работает во всех последних версиях следующих браузеров – Firefox 5, Google Chrome 13 & Opera 11.5. Думаю у вас не возникнет особых проблем с установкой, если что, спрашивайте в комментариях.
Анимация кругов в стиле Google+ с помощью jQuery и CSS3
Ребята с сайта 9Lessons сделали скрипт, который копирует анимацию кругов, как на Google+. Реализовано все это с помощью jQuery и CSS3. На сайте так-же доступны примеры, которые наглядно демонстриуют работу скрипта.
Загрузчик файлов на jQuery и HTML5
Помните такие сервисы, как min.us или dropmocks. Им удалось выделиться из всех остальных файлохостингов, тем, что они начали предлогать загружать файлы, методом перетягивания (например, из папки) прямо на веб-страницу (drag & drop). Но в скором времени этим уже не удивишь, так как такой функционал теперь может встроить каждый желающий на свой сайт. Ребята с Igloo Lab сделали скрипт HTML5 Uploader, который доступен для скачивания любому. На оф. сайте приложения также есть демо, где можно увидеть работу скрипта.
Владельцам image-хостингов наверное стоит заняться апдейтом и прикрутить что-то подобное и к своему детищу, так как drag & drop, как мне кажется, пока еще привлекает пользователей =)
Добавляем голосовой поиск на сайт
Сразу стоит отметить что голосовой поиск работает только в последних версиях Google Chrome, поэтому этот пост наверное стоит записать в категорию «будущее здесь» =)
Попробовать голосовой поиск можно у меня в блоге, для этого достаточно нажать по иконке микрофона в поисковой строке, сверху.
Меня удивило насколько просто и легко встраивается этот функционал на сайт. Думал нужно будет загружать какие-либо js-библиотеки, css-файлы с картинками, нет, ничего. Как я понял для всего этого используется «x-webkit-speech» и и все необходимое уже встроено в браузере.
Поэтому нужно дописать всего пару параметров в строку поиска <input.. />
Перейдем к главному. Не важно каким движком Вы пользуетесь, главное чтобы была функция поиска =). Находим код поисковой формы, в моем шаблоне я вынес его в header.php и searchform.php, выглядит так:
<form method="get" id="searchform" action="http://artslab.info/">
<input type="text" value="Поиск на сайте" name="s" id="s" onblur="if (this.value == '')
{this.value = 'Поиск на сайте';}" onfocus="if (this.value == 'Поиск на сайте')
{this.value = '';}">
<input type="hidden" id="searchsubmit">
</form>
Чтобы добавить голосовой поиск, необходимо дописать в <input /> следующее:
x-webkit-speech="" speech="" onwebkitspeechchange="this.form.submit();"
В целом получается так:
<form method="get" id="searchform" action="http://artslab.info/">
<input type="text" value="Поиск на сайте" name="s" id="s" onblur="if (this.value == '')
{this.value = 'Поиск на сайте';}" onfocus="if (this.value == 'Поиск на сайте')
{this.value = '';}" x-webkit-speech="" speech="" onwebkitspeechchange="this.form.submit();">
<input type="hidden" id="searchsubmit">
</form>
Экспериментируем =)
PS: Интересно работает ли это на андроидфонах, у самого нет возможности проверить…
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.
