Javascript & Ajax \ Javascript

sticky notes

От автора: Локальная память HTML5 – это как cookies на стероидах; ее невероятно легко использовать, и в то же время она очень мощная. В этом учебнике я покажу вам, как создать функциональные «sticky notes» («клейкие заметки»), которые позволят пользователям делать постоянно отображаемые записи во время просмотра вашего сайта.

Продолжить чтение

Javascript & Ajax \ Javascript

jQuery ротатор

Довелось мне повозиться с сайтом бутика «Кабуки». На главной странице используется интересная вещь, а главное для бутика, как мне кажется, совсем удачное решение – ротатор изображений. Вот только беда в том, что выглядит и работает все хорошо, как ни странно, только в IE. Поковырявшись в дебрях кода, решил написать свой ротатор картинок. В «демо» можно увидеть результат того, что получилось. А просмотрев видео, можно научиться делать самому ротатор картинок.

Продолжить чтение

Javascript & Ajax \ Javascript

форма регистрации

От автора: Одна из трудностей, оставшихся сегодня в веб-дизайне, это отображение всей избыточной информации на каждой странице. Например, формы регистрации. Что, если бы был способ сделать контент легкодоступным на каждой странице, но оставлять его скрытым до того, как он понадобится? Что ж, вы можете сделать такую верхнюю панель, которая при клике выдвигается и показывает свое содержимое. Но нам нужно сделать это еще и красиво, так что воспользуемся анимацией.

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

Продолжить чтение

Javascript & Ajax \ Javascript

jQuery

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

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

Javascript & Ajax \ Javascript

jQuery

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

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

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

Javascript & Ajax \ Javascript

jQuery

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

Продолжить чтение

Javascript & Ajax \ Javascript

jQuery

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

Продолжить чтение

Javascript & Ajax \ Javascript

javascript

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

Продолжить чтение

Javascript & Ajax \ Javascript

форма

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

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

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

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

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

Продолжить чтение