Новые уроки
Получай новые уроки по RSS

Подписка на рассылку


Голосование
Чего выкладывать больше?
Программ
Уроков
Скриптов
Шаблонов
Макетов
CMS
Видеоуроков
Облако тегов

JqueryВыежающая панель с статьями

Выежающая панель с статьямиВ этом уроке мы будем создавать панель, что выдвигается в заданное положение прокрутки. Например мы прокрутили нашу страницу до футера и нам выезжает панель, которую потом можно расширить на весь экран. Пользовательские слайдер позволит нам пролистать много элементов (например статей) в панели.
В зависимости от того, сколько элементов умещается на экран пользователя, мы будем адаптировать контейнер элементов.
Поскольку мы хотим использовать немного слайдер для прокрутки, мы будем работать с JQuery библиотекой пользовательского интерфейса.
Опубликовал dimas_ua, 5-03-2011, 00:00 Комментариев: 0

JqueryВыезжающее сообщения с JQuery и CSS3

Выезжающее сообщения с JQuery и CSS3На днях мы задавались вопросом, как мы можем показать нашим посетителям больше наших работ. Это нормально, что в блоге старые сообщения забываются и даже если что-то может быть очень интересным и актуальным, это потеряется под кучу новых вещей. Поэтому мы решили создать что-то вроде небольшого виджета, который может быть использован, чтобы показать соответствующие должности в любой странице. Основная идея состоит в шоу фиксированного списка в правой части экрана и некоторых миниатюр торчащих. Когда пользователь наводит курсор на пункты, они скользят, открывая название и две ссылки, по одному на статью себе и один для демо. Кроме того, у нас будет Shuffle кнопку под списком. При нажатии на эту кнопку список случайным образом обновляет сообщения.
Опубликовал dimas_ua, 4-03-2011, 00:00 Комментариев: 0

JqueryГалерея на всю страницу с JQuery

Галерея на всю страницу с JQueryВ этом уроке мы собираемся создать потрясающую галерею с прокручиванием эскизов и просмотривать в полноэкранном режиме. Идея такова, эскизы панели будут находится в нижней части страницы, прокручиватся они будут автоматически, когда пользователь перемещает мышь. Когда вы нажмете на эскиз, изображение загружается в фоновом режиме на весь экран. Теперь пользователь может перемещаться вверх и вниз, и изображение станет автоматически прокручивается, давая ему возможность увидеть все изображение.
Опубликовал dimas_ua, 3-03-2011, 00:00 Комментариев: 0

JqueryКомпактный вывод новостей с jQuery

Компактный вывод новостей с jQueryСегодня мы будем создавать предварительный показ новостей, что позволяет вам показать ваши последние статьи или новости в компактном виде. Новости предварительного просмотра будет выглядеть как некоторый список статей по левой стороне и предварительный просмотр статьи с более подробное описанием с права. После нажатия на название новости с лева, в правой стороне будет анимация с переменой на другую новость.

Давайте начнем с разметки.
Опубликовал dimas_ua, 2-03-2011, 00:00 Комментариев: 0

JqueryСлайдер - Галерея с JQuery

Слайдер - Галерея с JQueryЭтот урок о создании творческой галереи с ползунком для эскизов. Идея заключается в расширении области на весь экран в ширину которая будет выпадать при нажатии на ссылку в пункте меню. Эскизы будет прокручиваться до конца и вернуться на первое изображение. Пользователь может пролистать миниатюры с помощью ползунков. Когда вы нажмете на эскиз ( превью фото ), она движется к центру и открывается на полный размер. Когда Предварительный закрыт,то мы возвращаемся к нашей галереи моментально.
Опубликовал dimas_ua, 1-03-2011, 00:00 Комментариев: 2

JqueryАнимированная галерея-портфолио с JQuery

Анимированная галерея-портфолио с JQueryСегодня мы будем создавать анимированное портфолио на основе галереи с JQuery. Галерея будет содержать скроллер для эскизов и область с содержанием, где мы будет отображать информацию о выбранной работе в портфолио. Изображение может быть увеличено, нажав на него.

Идея оживить содержание элементов мы сделаем живой заголовок, меню эскизов будет прокручиваться без нажатия мышки, просто водите курсором верх или вниз. Так же выбраная работа будет освещается.
Опубликовал dimas_ua, 28-02-2011, 00:00 Комментариев: 2

JqueryНаложение меню с JQuery

Наложение меню с JQueryВ этом уроке мы собираемся создать простое меню, которое будет выделяться, как только мы наведем на него мышкой, покрывая все, кроме меню с темным наложением. Меню будет оставаться белым и область подменю будет расширяться. Мы создадим этот эффект, используя JQuery.

Итак, давайте начнем!
Опубликовал dimas_ua, 27-02-2011, 00:00 Комментариев: 0

JqueryПодсказки по сайту на jQuery

Подсказки по сайту на jQueryСегодня мы хотим поделиться небольшим скриптом с вами, что позволяет создавать подсказки на сайте с JQuery. Это может быть очень полезно, если вы хотите, чтобы объяснить пользователям в функциональности веб-приложения в интерактивном режиме.

Идея заключается в добавлении одного класса с элементами, которые вы хотите, чтобы руководство пользователя обьяснялось через подсказки, что они и делают. Мы будем использовать маленькие подсказки. В меню будет 2 ссылки назад и вперед, чтобы можно было вернутся к той или иной подсказке.
Опубликовал dimas_ua, 26-02-2011, 00:00 Комментариев: 0

JqueryПортфолио Zoom слайдер на jQuery

Портфолио Zoom слайдер на jQueryВ этом уроке мы собираемся создать некоторые интересные эффекты для портфолио или аналогичный сайт с JQuery. Мы будем создавать крошечный слайдер и интегрировать его с плагином увеличения и элегантным плагином Fancybox .
Опубликовал dimas_ua, 25-02-2011, 00:00 Комментариев: 0

ДизайнПримеры креативного портфолио

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

Следующая коллекция имеет некоторые прекрасные примеры того, как создали портфолио зарубежные дизайнеры.
Опубликовал dimas_ua, 24-02-2011, 00:00 Комментариев: 2