Главная » Записи по метке: javascript

15 Адаптивных jQuery плагинов Lightbox

Много раз делал обзоры различных галерей изображений, собрал обширную коллекцию эффектных слайд-шоу и лайтбокс-плагинов. Есть в копилке и Lighbox исключительно на CSS3, без подключения дополнительных js-библиотек. Но время не стоит на месте, пользователи всё чаще используют для сёрфинга интернета различные мобильные устройства, а значит адаптивность веб-элементов и в частности фото-галерей с эффектом "лайтбокс" становится одним из приоритетов, ...

Скрытый текст (спойлер) с помощью Javascript

Скрытый текст (спойлер) с помощью Javascript С помощью нескольких строк javascript, вы сможете легко организовать скрытые блоки с содержанием, раскрывающиеся по клику. Согласитесь, иногда лучше сделать маленький блок скрытого текста с аккуратной кликабельной надписью, скрыть под ней, например: правила комментирования, html-код кнопки или баннера и т.д. Тот, кому это очень нужно - нажмёт на выделенную надпись и всё увидит. Нет необходимости постоянно держать на виду у всех определённые ...

Обновление скрипта календаря для вашего сайта

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

Многофункциональный адаптивный слайдер — Glide.js

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

Адаптивный видеоплеер для сайта

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

Анимированная Форма Входа и Регистрации

Анимированная Форма Входа и Регистрации

Здравствуйте всем!

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

Как уже упоминалось выше, мы будем задействовать три самых распространенных вида форм, это "Вход", "Регистрация" и конечно же "Восстановление Пароля".

На тот случай, если у пользователя отключен JavaScript (застарелая фобия), созданы статичные страницы соответствующие формам, так что переключение сработает при любом раскладе.

Галереи для сайта с помощью Highslide JS

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

Используем галереи Highslide на своем сайте

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

Стабильный информационный блок при прокрутке страницы

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

Сумасшедшие эффекты Javascript

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

Простейшее изменение размера изображения

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

Создаем меню для сайта

Создаем меню для сайта В этой статье расскажу как можно без особых трудностей сделать красивое и динамичное меню для сайта. Меню выполнено с использованием изображений, которые вы с легкостью можете поменять на свои, но для этого нужно самую малость, разобраться и понять структуру самого навигационного блока. Данный блок с интересным эффектом при наведении курсора мыши на элемент меню, может пригодится на Вашем сайте. Как всегда посмотрите как будет выглядеть ...
1 2