Верстка \ HTML&CSS

css jquery

От автора: Одной из грандиозных проблем веб-дизайнеров является отыскание возможности поместить большое количество информации на странице, не потеряв при этом в юзабилити. Разбиение содержимого на закладки – отличный способ управиться с этим вопросом и последнее время очень широко используется в блогах. Сегодня мы намереваемся построить обычный небольшой информационный блок в HTML, в виде меню с закладками, затем введем его в действие, используя немного простого Javascript’а, и, наконец, сделаем то же самое при помощи библиотеки jQuery.

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

Javascript & Ajax \ Javascript

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

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

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

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

Javascript & Ajax \ jQuery

jquery методы

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

1. after() / before()

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

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

Javascript & Ajax \ Javascript

jQuery

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

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

Javascript & Ajax \ Javascript

jQuery

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

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

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

Javascript & Ajax \ Javascript

jQuery

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

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

Javascript & Ajax \ jQuery

css меню

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

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

Javascript & Ajax \ Javascript

jQuery

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

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

Javascript & Ajax \ jQuery

jQuery

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

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