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