Архив рубрики «jQuery»

20 Полезных методов jQuery.

20.04.2010

jquery методы

От Автора: Итак, вы уже немножко порезвились с jQuery, начинаете приобретать мастерство, и вам это действительно нравится! Вы готовы поднять свои знания jQuery до второго уровня? Сегодня я покажу двадцать функций и свойств, которых вы, вероятно, до этого не видели!

1. after() / before()

Иногда вам нужно вставить что-нибудь в DOM, но у вас нет хороших зацепок, при помощи которых можно это сделать; append() или prepend() не позволяют идти напрямик, а вы не хотите добавлять лишний элемент или id. Две эти функции могли бы стать тем, что нужно. Они позволяют вам вставлять элементы в DOM прямо перед, или после выбранного элемента таким образом, что новый элемент помещается на тот же уровень.

(далее…)

Как построить навигационное меню в стиле Lava Lamp.

25.03.2010

jQuery

От Автора: Пару недель назад я создал скринкаст, в котором демонстрировал, как построить трехуровневое навигационное меню. В ответном е-мейле один из наших читателей попросил написать учебник о том, как построить меню в стиле Lava Lamp. К счастью, это довольно простая задача, особенно когда используешь библиотеку JavaScript. Сегодня мы построим одно такое «с нуля».

Перед тем, как мы приступим к практическим шагам, я Вам рекомендую просмотреть демо-результат работы.
(далее…)

Как создать простой слайдер типа iTunes.

23.03.2010

jQuery

От Автора: Когда в особой цене пространство, использование слайдеров – оптимальный способ передачи информации. Сегодня мы посмотрим, как создать простой слайдер, аналогичный использующемуся в iTunes store.

Разработчики часто стремятся к функциональности, обеспечиваемой слайдерами, для того, чтобы вместить максимум информации в предусмотренное пространство. И создание такого слайдера не так трудно, как вы могли подумать. Немного спланировав и поэкспериментировав, вы сможете довольно быстро создать себе аналогичный.

Перед тем, как мы приступим к практическим шагам, я Вам рекомендую просмотреть демо-результат работы.
(далее…)

Пуленепробиваемый обозреватель.

15.02.2010

jQuery

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

Перед тем, как мы приступим к практическим шагам, я Вам рекомендую просмотреть демо-результат работы.

Также скачайте исходники себе на компьютер!

jQuery
(далее…)

Анимация с jQuery: 7-шаговая программа.

15.02.2010

jQuery

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

Перед тем, как мы приступим к практическим шагам, я Вам рекомендую просмотреть демо-результат работы.

Также скачайте исходники себе на компьютер!

Предисловие автора

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

Заинтересованы? Давайте начнем прямо сейчас! Пожалуйста, заметьте, все адресовано исключительно новичкам, поэтому я буду заострять внимание на некоторых моментах. Шагайте вместе со мной. Если вам интересно, посмотрите в первой части демо-ролика простой эффект, который мы сегодня построим.

(далее…)

Создайте легкую анимированную навигацию при помощи CSS и jQuery.

23.01.2010

css меню

Анимация и визуальная обратная связь – прекрасные способы помочь пользователю в навигации и взаимодействии с веб-сайтом. Наряду с тем, что традиционно Adobe Flash был «безусловным переходом» для всей анимации, в наши дни при использовании волшебных возможностей javascript можно вообще обойтись без Flash’а. Сегодня мы создадим действительно классное анимированное навигационное меню, используя только CSS и jQuery.

Перед тем, как мы приступим к практическим шагам, я Вам рекомендую просмотреть демо-результат работы.

Также скачайте исходники себе на компьютер!

(далее…)

Как динамически загружать и анимировать загрузку содержимого с помощью jQuery.

16.01.2010

jQuery

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

Перед тем, как мы приступим к практическим шагам, я Вам рекомендую просмотреть демо-результат работы.

Также скачайте исходники себе на компьютер!

(далее…)

Как создать навигацию c нажатием клавиш, используя jQuery.

21.12.2009

jQuery

«Ключом к созданию успешного веб-сайта является та легкость, с которой пользователи находят то, что искали. Так что стоит потратить некоторое время и труд на создание и полезных, и визуально привлекательных навигационных систем. Последнее время я стал экспериментировать с путями навигации по веб-сайту. В этом учебнике я покажу вам, как дать возможность пользователю передвигаться по вашему сайту с помощью клавиатуры.»

Перед тем, как мы приступим к практическим шагам, я Вам рекомендую просмотреть демо-результат нашей работы.
(далее…)

Создаем простое, умное выпадающее меню с помощью библиотек Prototype и Scriptaculous.

09.12.2009

javascript

«Мы все когда-нибудь видели меню в виде аккордеона, эффектно смотрящееся на сайтах Web 2.0, однако, множество скриптов-«аккордеонов» тяжелы, малополезны для библиотек, на которых основаны, и не обеспечивают подбора высоты.»

Перед тем, как мы приступим к практическим шагам, я Вам рекомендую скачать исходный код, чтоб он у Вас был под рукой.

Также результат того, что мы будем делать, Вы можете посмотреть здесь.

(далее…)

Как сделать форму с подсказкой.

06.11.2009

форма

Всем доброго времени суток.

С вами Андрей Бернацкий.

Обратился ко мне знакомый с вопросом следующего содержания: Как сделать такие поля формы как на твоем с Виктором сайте (что бы в поле была подсказка, что нужно вводить, а по клику на форму она исчезала)?

Дел конечно сейчас много, но хорошим людям, почему б не помочь. Заодно решил написать о том как это реализуется на практике кратенькую статейку. Думаю, вам будет интересно.

И так, начинаем.

(далее…)