Выдвигающееся меню на jQuery

Выдвигающееся меню на jQuery

Многоуровневое выдвигающееся меню имеет свои плюсы. Оно не раздражает пользователя своим постоянным присутствием (т.к. может вызываться по желанию самого пользователя) и позволяет сэкономить место на сайте. При такой организации пункты меню накладываются друг на друга во время навигации пользователя.

Подробнее...


Красивое оформление выпадающего списка на CSS3 и jQuery

Красивое оформление выпадающего списка на CSS3 и jQuery

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

Подробнее...

Всплывающее окно с формой подписки на jQuery

Всплывающее окно с формой подписки на jQuery

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

Подробнее...

Увеличение картинки с помощью jQuery (эффект лупы)

Увеличение картинки с помощью jQuery

Детали имеют значение. В особенности, если Вы что-то продаете. Как сделать так, чтобы пользователь имел возможность рассмотреть изображение на сайте в максимальном приближении? Этот вопрос легко решается с помощью удобного плагина. После установки достаточно навести курсор с увеличительным стеклом на фрагмент изображения,  и у Вас появится возможность увидеть каждый сантиметр сфотографированного предмета.  Для этого нам понадобится jQuery.

Подробнее...


Эффект размытия при просмотре изображений

Эффект размытия при просмотре изображений

Вы не раз сталкивались с различными способами оформления галерей — от стандартных галерей WordPress до созданных с помощью специальных плагинов. Кроме того возможна интеграция самых интересных и необычных эффектов. В этой статье мы рассмотрим эффект размытия в момент переключения изображений. Для этого применяется технология SVG.

Подробнее...

Раскрывающийся по клику блок на jQuery

Раскрывающийся по клику блок на jQuery

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

Подробнее...

Фиксированное горизонтальное меню вверху сайта на jQuery

Фиксированное горизонтальное меню вверху сайта на jQuery

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

Подробнее...

Красивый стиль оформления для input

Красивый стиль оформления для input

В этой статье вы узнаете как изменить оформление тега, используя плагин jQuery Label Better. С помощью этого расширения можно улучшить оформление элементов формы тега. Среди особенностей плагина можно отметить простоту использования – нужно только прописать атрибут placeholder, а label будет создан, при необходимости, автоматически.

Подробнее...

Исчезающий текст в форме поиска (input)

Исчезающий текст в форме поиска

Каждый человек хотя бы раз пользовался окном поиска на сайтах. В окне находится серый текст (это могут быть фразы “Поиск…”, “Найти…” или указания на то, что необходимо ввести в поле). При постановке курсора серый  текст исчезает, и пользователь может вводить необходимый запрос.

Подробнее...

Делаем активный пункт меню с помощью JavaScript

Делаем активный пункт меню с помощью JavaScript

Ваш сайт может быть продуман до мелочей, но если Вы не стали уделять внимание максимально удобному оформлению меню, то сайт едва ли можно назвать комфортным. Итак, для того чтобы оформить активный пункт меню, обратимся за помощью к CSS и одному простому коду JavaScript. С ними можно легко и просто сделать меню более удобным  в использовании.

Подробнее...