Все для веб-дизайнера
Записи с метками JQuery
Как создать параллакс с помощью jQuery и GSAP
20 Июн
Я люблю рассказывать о параллаксе. Наверное это одно из моих любимых направлений, и судя по статистике и наших читателей, сегодня мы бы хотели показать как реализовать еще один замечательный тип параллакса для сайта при помощи jQuery и GSAP. Нечто похожее мы уже показывали ранее, но там сами блоки были с эффектом параллакса, сегодня я покажу как сделать на таких блоках цветные полосы с эффектом параллакса при прокрутке страницы. Выглядит очень интересно и свежо, думаю вам стоит попробовать на своих сайтах.
Анимированные линии для сайта на JavaScript
19 Июн
Сегодня поговорим о мелких деталях которые, как вы знаете, стоят значительно больше чем большие элементы на странице. Речь пойдет о красивых линиях благодаря которым вы сможете украсить переходы между разделителями страниц. Кроме этого линии будут анимироваться в форме волн, а плавность анимации позволит добиться эффекта ненавязчивости. Нам очень понравился такой эффект, однажды встретив его на заграничном сайте, мы решили показать, как можно реализовать такой эффект на своем ресурсе и сделать это достаточно просто.
Параллакс стена для сайта на JavaScript и CSS3
18 Июн
Сегодня мы хотим рассказать вам об одном замечательном эффекте, а именно о том, как создать эффект параллакс-стены для сайта при помощи JavaScript и CSS3. По умолчанию у нас будет три блока с фотографиями, которые зафиксированы в навигации слева, при этом в правой части будут сами фотографии, перелистывание к которым будет сопровождаться скольжением дополнительных блоков, которые будут сверху слоя с изображением. Все этом оформлено эффектом параллакса и смотрится очень круто и плавно.
GIF-плеер анимации для сайта с помощью jQuery
17 Июн
Cегодня мы бы хотели поговорить о чем-то необыкновенном и красивом. Вряд ли такой эффект станет популярным среди разработчиков, но если вы разрабатываете сайт -портфолио для фотографа то вы обязательно должны попробовать такой плеер у себя на сайте. Когда мы первый раз столкнулись с таким плеером на зарубежных сайтах то были удивлены, как простая вещь позволяет оживить сайт, и подать посетителю нечто необычное, именно о создании плеера для анимации GIF файлов мы хотим сегодня поговорить и показать как сделать такой эффект.
Окно-уведомление о принятии файлов Cookie
16 Июн
Возможно вы вкурсе, что был принят закон о защите данных в Европе GDPR (общие правила защиты данных) и закон ЕС о куки. Ресурсы запестрили всплывающими окнами с предупреждениями о сборе файлов куки, и сегодня мы хотим рассказать как реализовать такое окно с помощью плагина ihavecookies.js. Он представляет собой легкий, простой и стильный jQuery плагин, чтобы информировать ваших пользователей, что ваш сайт собирает куки и сделать ваш сайт в соответствии с GDPR и закона ЕС.
Анимация шапки сайта при помощи CSS3 и JS
13 Июн
Сегодня мы бы хотели поговорить о том, как создать замечательную, анимированную шапку для сайта. Идея будет заключаться в следующем-у нас есть изображения часть которого будет скрыта под небольшим слоем градиента до середины изображения. При прокрутке страницы изображение будет уходить в левую часть страницы изменяя при этом свой размер, а также отображаясь в полном объеме, а с права у нас появится текстовый блок, когда пользователь будет прокручивать страницу то картинка будет неподвижной, а текст будет плавно скользить по странице.
Полноэкранное меню навигации для сайта на CSS3
8 Июн
Давно я не писал про красивую навигацию на сайте и как ее реализовать, сегодня видать тот самый день, когда сошлись звезды и пора выкатить интересный урок о навигационном меню для сайта. Не буду скрывать, я уже не раз писал уйму уроков о чем-то похожем, но каждый раз в голову приходят разные мысли которыми хочется поделиться с читателями. Идея навигации не новая, ее часто применяют на сайте в виде дополнительного меню, которые прикручено где-то в низу сайта и доносит до посетителя дополнительную информацию.
Загрузка ...