Все для веб-дизайнера
Записи с метками JavaScript
Мини-карта для сайта со скроллом на JavaScript
13 Ноя
Сегодня мы хотим рассказать, как создать небольшую фичу для вашего сайта, а именно навигацию на странице сайта в виде небольшой карты, по которой можно быстро передвигаться тем самым переходить к нужному разделу очень быстро и интуитивно. В левом верхнем углу будет размещена карта с фиксированной позицией, которая будет реализована в виде уменьшенного содержания страницы. На ней будет отображен блок, который будет информировать о том, в какой части страницы именно вы находитесь, что удобно для сайтов с длинными страницами.
Как создать аудио-проигрыватель на JS
22 Окт
Сегодня мы хотим рассказать о том, как создать весьма интересный и визуально привлекательный аудио-проигрыватель для сайта при помощи JavaScript. Идея состоит в том, что у нас будет небольшой плеер в светлых тонах с навигационными клавишами для переключения треков, а также диск, который будет вращаться при проигрывании музыки. Кроме этого фон будет размываться в дизайн обложки альбома играющей музыки. Также будет реализован статус-бар с индикатором времени трека и возможностью перейти к нужному времени.
Как создать календарь для сайта на JavaScript
11 Окт
Сегодня мы бы хотели рассказать о том, как создать достаточно простой календарь для сайта при помощи javascript, для этого нам понадобиться библиотека Caleandar.js — это достаточно маленькая библиотека JavaScript, используемая для создания тематического встроенного календаря на веб-странице, которая поддерживает настраиваемые события, определенные в JavaScript. Кроме этого у нас будет три разные темы, которые вы можете легко переключит между собой просто изменив путь к стилю.
Эластичные горизонтальные вкладки для сайта
10 Окт
Сегодня мы хотим рассказать о вкладках и выпадающим контентом для них, мы давно уже не рассказывали о вкладках, и сегодня настал именно тот день, у нас будет по умолчанию четыре эластичные вкладки которые будут дергаться и подпрыгивать при нажатии, кроме этого внизу будет добавлена панель с выбором цвета для них; после нажатия будет происходить разворот содержания каждой вкладки с эффектом «bounce» с отскоком, что весьма приятно смотрится, весь текст будет содержаться в блоке, который стилизован тенями и создает эффект «вдавленности» в страницу.
Открытие формы входа при прокрутке страницы
9 Окт
Форма авторизации это ключевое составляющее взаимодействия с вашими посетителями, ведь авторизация поможет расширить функционал посетителя предоставив ему новые возможности. Также не забывайте, что зарегистрировавшись на нашем сайте вы сможете добавлять и сохранять в избранное любимые статьи и подписываться на уведомления о новых уроках. Сегодня речь пойдет о создании интересной формы авторизации которая будет появляться при прокрутке страницы вниз, кроме этого вы можете ее вызвать при помощи кнопки внизу сайта.
Идеи оригинальной анимации для меню сайта
11 Сен
Выпадающее меню получило второе дыхание в веб-дизайне и ожило прямо с как популярным вариантом для мобильных приложений. Такой подход был не просто отличным решением, чтобы перевести главное меню сайта в маленький интерфейс, но это был единственный действительно, рациональный и практичный способ который охватывал все навигационные элементы. Это была гениальная идея. Это было также прелюдией к другой огромной тенденции — использование кнопок меню гамбургера, хоть особо мы их и не полюбили.
Объемная галерея картин для сайта при помощи JS
10 Сен
Галереи изображений на сайте это не всегда уныло разбросаны изображения на странице с установленным стандартным лайтбоксом, иногда стоит выйти за рамки в буквальном смысле этого слова. И сегодня мы хотим это сделать, показав вам как реализовать замечательную, объемную галерею картинок для сайта при помощи javascript и CSS. У нас будет кубическая галерея в 3D, пользователь может по ней путешествовать нажимая на понравившиеся ему изображения, тем самым подарив посетителям интересный опыт взаимодействия с галереей.
Загрузка ...