logotype jQuery jQuery

30 слайдеров контента на jQuery

Подборка слайдеров контента, от простых реализаций до самых мощных, например таких которые используются на сайтах apple.com или flickr.com.

Галерея на jQuery

Подборка js-решений для реализации галерей на сайте.

Тач слайдеры на jQuery (скролеры контента)

Эпл с помощью своих устройств айфона и айпада, довольно успешно подкинул в веб идею, о том что контент можно не только скролить колесиком мышки, но и хватать его курсором и толкать куда захочется, при этом все это еще и было с приятной анимацией. И вот теперь ребята стали писать плагины на jQuery чтобы реализовать это в браузерах.

Слайдер контента SlideJS на jQuery

Мощный слайдер контента на jQuery с большим количеством разнообразхных настроек.

Атрибуты html5 data-*

20 подсказок и гайдеров на jQuery

Пользователи ещё давным давно привыкли видеть подсказки на странице, допустим подчеркнутый текст скорее всего означает ссылку, текст подчеркнутый пунктиром означает псевдо-ссылку, по нажатию на которую что-то произойдет без перегрузки. Это удобно и приятно. «Javascript now works.» — отличная фраза, чтобы описать сегодняшний веб, объединившись с html5 javascript умеет творить чудеса, и подчеркиванием текста уже не обойтись. Кто-то может нудеть, что хороший интерфейс в подсказках не нуждается, но подсказки были всегда. И сейчас их используют многие, например — самая посещаемая в мире почта Гугла. Там вечно используются подсказки в виде всплывающих окошек с описанием новых фич почты.

Переключение текста

Выпадающий блок (Overlay with jQuery)

Реализуем просто оверлэй с помощью jQuery.

Как добавить ID выбранному элементу с помощью jQuery

Чекбоксы в айфоновском стиле

Реализуем чекбоксы в айфоновском стиле с помощью jQuery.

Табы на jQuery

Делаем табы с помощью jQuery и двух независимых списков.

Стилизация элементов формы

Для начала небольшая легенда: когда-то, ещё очень, по меркам интернета, давно, в начале эры, того, что сейчас гордо называют Web2.0 жил один дизайнер. Как и все дизайнеры он хотел изменить мир, и вот пришел тот день, когда ему потребовалось нарисовать форму. И дизайнер нарисовал форму, но ему не понравились стандартные элементы форм, которые вместо него рисовал браузер. У дизайнера было мало опыта и он решил нарисовать свои чекбоксы или свои поля ввода, вместо того, чтобы просто хорошо сверстать эту форму. И на все общую беду попался этому дизайнеру добросовествный технолог, который много учился и много работал, чтобы сделать форму, именно такой какой нарисовал её дизайнер. А потом пришли клиенты, которым тоже понравилась нарисованная форма, и с тех пор технологи всего мира тратят кучу времени на никому на самом деле ненужную стилизацию этих форм.

Быстрые подсказки на jQuery

Ещё один способ подсказывать юзерам прежде, чем они на что-либо нажмут.

 

 

Полосатая таблица или псевдокласс :nth-child()

Играемся с :nth-child()

 

Замена несуществующей картинки

Иногда бывает поставишь какую-нибудь картинку с другого сайта у себя, ну например аватар какой-нибудь или с Яндекс-фоток ссылку на изображение, а она потом изменится и на сайте пустого тег img каждый браузер отображает по-разному.

 

jQuery шпаргалки

:hover в ie6

Используются технологии uCoz