40 веб сайтов с необычным дизайном

By masster

Inspired Magazine провел огромную работу (на нее ушло более месяца), чтобы отобрать веб сайты с необычным стилевым оформлением.  Многих дизайнеарм эта подборка может оказаться полезной.

Модальные окна - встречайте: jQuery Impromptu

By masster

Совсем недавно прошло обновление одной из самых мощных систем управления всплывающими окнами (или как их иногда называют, модальными окнами) Impromptu, реализованной с помощью фреймворка jQuery. Модальные окна используются в тех случаях, когда надо сообщить что-то пользователю и получить от него согласие на продолжение действия или отказ. Сам плагин имеет множество настроек. Например, можно переместить фокус по умолчанию с одной кнопки на другую, добавлять любое количество кнопок, предавать управление функциям обратного вызова (callback function), задавать степень затемнения фона, задавать вид анимации появления модального окна.

Фотогалереи в виде 3d карусели на jQuery

By masster

cFlow

Веб разработчик Adnan Osmani предложил  интересное решение на jQuery для просмотра обложек альбомов в виде 3d карусели. К сожалению ссылка на исходник не работает, но в принципе идея скрипта вполне понятна из исходника страницы. Если этот скрипт довести до ума, то получится неплохая галерея.

Демо

xFlow

Это более эффектная 3d карусель, стоит 10 британских фунтов, реагирует на колесико мыши, на клавиши влево-вправо, имеется возможность просмотра миниатюр изображений под каруселью.

20 примеров использования jQuery

By masster

Этот набор демо, в которых в полной мере раскрываются некоторые (не все!) возможности jQuery.

1. Полностью интерактивный плеер, управляемый движением мыши и с клавиатуры
2. Визуализация графики авторов постов и комментаторов с использованием Processing.js - великолепный пример использования на практике обработки изображений с помощью HTML 5
3. Действительно хороший пример каптчи с  использованием Ajax и компонента draggable jQuery
   
4. Вертикально скользящее портфолио  -оличный пример применения jQuery для эффективной анимации
5. jQuery и GoogleMaps - как использовать Zoom
   
6. Панель управления как на маке
   
7. Онлайновая версия тетрис с помощью jQuery
   
8. Навигация по дереву файловых каталогов
   
9. Dynamic editable charts using jQuery - learn how to create pie charts on the fly!
10. Create an Amazon.com style Book Sliding widget
11. The jQuery text-resizer - resize text in a given form field using a slider component
12. The Picture cycle plugin - create amazing animated image effects using minimal code
13. Create a beautiful filterable portfolio of websites or other content using jQuery (recommended)
14. Scrollable - a nice scroller for making any div content scroll smoothly within a carousel
15. A jQuery animated Robot cartoon powered completely by JavaScript and CSS
    
16. A slick sliding login panel
17. Create a smooth tabbled menu like the type found in many Web 2.0 wordpress templates
18. The m.b ideas jQuery menu using Ajax for content retrieval
19. The BBC Radio 1 Zoom tabs - used to zoom out images using your mouse
20. A jQuery version of the Tumblr OpenSocial sharing widget

Источник:blarnee.com

jQuery - тушим свет при просмотре видео

By masster

Фантастично красивая идея - при просмотре видеосюжета (например, с YouTube), пользователь может щелкнуть по “выключателю” и затемнить фон страницы (как в LightBox)

Демо
Здесь можно найти подробное описание, как это реализовать на вашем сайте.

Карусель на JQuery для закладок

By masster

Недавно наткнулся на интересный тюториал (автор Raymond Selda) в котором рассказывается как сделать карусель, в которой смена контента происходит автоматически или при клике на закладку.

Демо
Скрипт использует фрэймворк jQuery и библиотеку jQuery UI. Этот эффект можно использовать в интернет магазине для демонтсрации товара покупателям.