Все для веб-дизайнера
Записи с метками JavaScript
Как создать календарь для сайта на JavaScript
11 Окт
Сегодня мы бы хотели рассказать о том, как создать достаточно простой календарь для сайта при помощи javascript, для этого нам понадобиться библиотека Caleandar.js — это достаточно маленькая библиотека JavaScript, используемая для создания тематического встроенного календаря на веб-странице, которая поддерживает настраиваемые события, определенные в JavaScript. Кроме этого у нас будет три разные темы, которые вы можете легко переключит между собой просто изменив путь к стилю.
Эластичные горизонтальные вкладки для сайта
10 Окт
Сегодня мы хотим рассказать о вкладках и выпадающим контентом для них, мы давно уже не рассказывали о вкладках, и сегодня настал именно тот день, у нас будет по умолчанию четыре эластичные вкладки которые будут дергаться и подпрыгивать при нажатии, кроме этого внизу будет добавлена панель с выбором цвета для них; после нажатия будет происходить разворот содержания каждой вкладки с эффектом «bounce» с отскоком, что весьма приятно смотрится, весь текст будет содержаться в блоке, который стилизован тенями и создает эффект «вдавленности» в страницу.
Открытие формы входа при прокрутке страницы
9 Окт
Форма авторизации это ключевое составляющее взаимодействия с вашими посетителями, ведь авторизация поможет расширить функционал посетителя предоставив ему новые возможности. Также не забывайте, что зарегистрировавшись на нашем сайте вы сможете добавлять и сохранять в избранное любимые статьи и подписываться на уведомления о новых уроках. Сегодня речь пойдет о создании интересной формы авторизации которая будет появляться при прокрутке страницы вниз, кроме этого вы можете ее вызвать при помощи кнопки внизу сайта.
Идеи оригинальной анимации для меню сайта
11 Сен
Выпадающее меню получило второе дыхание в веб-дизайне и ожило прямо с как популярным вариантом для мобильных приложений. Такой подход был не просто отличным решением, чтобы перевести главное меню сайта в маленький интерфейс, но это был единственный действительно, рациональный и практичный способ который охватывал все навигационные элементы. Это была гениальная идея. Это было также прелюдией к другой огромной тенденции — использование кнопок меню гамбургера, хоть особо мы их и не полюбили.
Объемная галерея картин для сайта при помощи JS
10 Сен
Галереи изображений на сайте это не всегда уныло разбросаны изображения на странице с установленным стандартным лайтбоксом, иногда стоит выйти за рамки в буквальном смысле этого слова. И сегодня мы хотим это сделать, показав вам как реализовать замечательную, объемную галерею картинок для сайта при помощи javascript и CSS. У нас будет кубическая галерея в 3D, пользователь может по ней путешествовать нажимая на понравившиеся ему изображения, тем самым подарив посетителям интересный опыт взаимодействия с галереей.
Автоматический scroll текста на сайте на jQuery
4 Сен
Иногда необходима возможность реализовать прокрутку блоков с текстом, чтобы визуально предоставить информацию для посетителя. Сегодня мы хотим рассказать, как создать автоматический scroll текста на сайте при помощи jQuery и CSS3. Быстрый, эффективный вертикальный скроллер текста, который автоматически прокручивает группу абзацев с эффектами масштабирования и затухания на основе анимации CSS3. Если вы хотите реализовать на своем сайте анимированное отображение заголовков, то это отличный вариант их реализации.
3D карусель с параллаксом при помощи GSAP
3 Сен
Начнем неделю с нечто приятного и необычного, все вы, наверняка, любите эффект параллакса, по этому мы бы сегодня хотели рассказать о нем, и о том, как создать замечательную 3D карусель с параллаксом при помощи GSAP. Возможно кто-то не знает, что такое GSAP, так вот, GSAP или его полное название GreenSock (GreenSock Animation Platform), суперэффективный, профессиональный класс анимации HTML5. GSAP имеет слишком много функций, и сегодня одна из них ляжет в основу нашей карусели которая будет полноэкранной.
Загрузка ...