Javascript & Ajax \ jQuery

jquery галерея

От автора: Многие назовут эту статью «баяном», так как из интернета так и сыпятся различные плагины слайдеров и многие из них бесплатные. Но тут мы вспомним одно из приоритетных правил программиста: «Не стесняйся изобретать велосипед». Это лучший способ досконально разобраться в принципе работы приложения.
Я собственно сам решил разобраться в этой теме и начал писать слайдер с нуля, так и появился материал статьи, которую вы читаете.

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

Javascript & Ajax \ jQuery

jquery навигация

От автора: Сегодня мы создаем анимированную навигацию с помощью jQuery для веб-сайта в «акварельном» стиле, где ссылки будут «рисоваться» при проведении над ними мышью. «Акварельная» графика создавалась в Photoshop’е, а для анимации мы воспользуемся популярной базой jQuery JavaScript.


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

Javascript & Ajax \ jQuery

горизонтальное меню jquery

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

В этой статье я покажу, как создать простое горизонтальное выпадающее меню.


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

Javascript & Ajax \ jQuery

панель для сайта

От автора: я не пользуюсь и не собираюсь пользоваться продуктами фирмы apple, но не буду отрицать, что дизайнеры у них баклуши не бьют. Уникальная концепция дизайна и эффектов интерфейса операционной системы Mac OS ничуть не уступает, а во многом даже превосходит другие ОС. Одним из наиболее впечатляющих элементов, я, как и многие, считаю панель быстрого запуска. Правда, удовольствие от этой панели я получаю не в Mac OS, а с тем же успехом в Ubuntu.

И пришла мне идейка: «а не реализовать ли мне подобную панель для веб-интерфейса сайта»?

Сейчас реализуем!

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

Javascript & Ajax \ jQuery

лупа картинки

От автора: Сегодня мы рассмотрим jQuery плагин cloud-zoom (лупа для картинок). При помощи него на странице можно просматривать изображения в увеличенном виде.

Почему именно он?

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

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

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

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

Верстка \ HTML&CSS

всплывающие подсказки

От автора: Сегодня речь пойдет о таком немаловажном объекте страницы сайта как всплывающая подсказка (всплывающий блок) который мы напишем на HTML, CSS и jQuery. Вещь довольно-таки простая. Очень часто используется на сайтах. Поэтому я решил показать, каким образом она устроена и как работает.

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

Верстка \ HTML&CSS

методы jquery

От автора: Сегодня мы создадим jQuery скрипт предпросмотра новостей, позволяющий компактно показывать наши самые последние статьи или записи на сайте. Слайдер предпросмотра новостей на jQuery, будет демонстрировать определённый список статей слева и анонс данной статьи с более длинным описанием справа. Как только на новость слева щелкнут, сразу выскользнет анонс.

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

Javascript & Ajax \ jQuery

методы jquery

От автора:

Если и есть что-то плохое в jQuery, это то, что начальный уровень настолько низок, что поражает тех, кто совершенно не знаком с JavaScript. С одной стороны, это фантастика. Однако, с обратной стороны, следствием этого является поверхностные знания и, если честно, отвратительно плохой код (который я и сам писал!).

Но это нормально; ужасающе жалкий код, который заставил бы вздохнуть даже вашу бабушку – что-то вроде обряда посвящения. Главное – совершить восхождение на эту гору, и это как раз то, что мы сегодня обсудим в этом учебнике.

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

Javascript & Ajax \ jQuery

jquery меню

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

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

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

Итак, давайте начнем!

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