Все для веб-дизайнера
Параллакс стена для сайта на JavaScript и CSS3
18 Июн
Сегодня мы хотим рассказать вам об одном замечательном эффекте, а именно о том, как создать эффект параллакс-стены для сайта при помощи JavaScript и CSS3. По умолчанию у нас будет три блока с фотографиями, которые зафиксированы в навигации слева, при этом в правой части будут сами фотографии, перелистывание к которым будет сопровождаться скольжением дополнительных блоков, которые будут сверху слоя с изображением. Все этом оформлено эффектом параллакса и смотрится очень круто и плавно.
GIF-плеер анимации для сайта с помощью jQuery
17 Июн
Cегодня мы бы хотели поговорить о чем-то необыкновенном и красивом. Вряд ли такой эффект станет популярным среди разработчиков, но если вы разрабатываете сайт -портфолио для фотографа то вы обязательно должны попробовать такой плеер у себя на сайте. Когда мы первый раз столкнулись с таким плеером на зарубежных сайтах то были удивлены, как простая вещь позволяет оживить сайт, и подать посетителю нечто необычное, именно о создании плеера для анимации GIF файлов мы хотим сегодня поговорить и показать как сделать такой эффект.
Окно-уведомление о принятии файлов Cookie
16 Июн
Возможно вы вкурсе, что был принят закон о защите данных в Европе GDPR (общие правила защиты данных) и закон ЕС о куки. Ресурсы запестрили всплывающими окнами с предупреждениями о сборе файлов куки, и сегодня мы хотим рассказать как реализовать такое окно с помощью плагина ihavecookies.js. Он представляет собой легкий, простой и стильный jQuery плагин, чтобы информировать ваших пользователей, что ваш сайт собирает куки и сделать ваш сайт в соответствии с GDPR и закона ЕС.
Бесплатные инструменты для улучшения кода
15 Июн
Многие вещи характеризуют хорошего разработчика: образование, опыт, талант и настойчивость. Однако есть одна важная вещь, которую обычно забывают многие разработчики — аккуратный код. Хотя в начале разработки это кажется незначительным, ведь главное для нашего человека-чтобы все работало, и не важно сколько костылей придется допилить, чтобы все работало хорошо, но этот фактор завершает вас как профессионала. Как и в реальной жизни код это лицо профессионала только в цифровом виде, и мы хотим поговорить об этом более детально.
Интересные особенности логотипа салона красоты
14 Июн
Логотип – это эмблема, символ, знак компании, торговой марки или бренда, которое представляет собой графическое изображение в виде рисунка, текста или комбинации и того и другого. Логотип необходим для идентификации, улучшения узнаваемости, успешного продвижения. Используется он для создания фирменного стиля компании, который формирует оригинальный образ. Сегодня мы бы хотели поговорить о одном из востребованных направлений, а именно создание логотипа для салона красоты.
Анимация шапки сайта при помощи CSS3 и JS
13 Июн
Сегодня мы бы хотели поговорить о том, как создать замечательную, анимированную шапку для сайта. Идея будет заключаться в следующем-у нас есть изображения часть которого будет скрыта под небольшим слоем градиента до середины изображения. При прокрутке страницы изображение будет уходить в левую часть страницы изменяя при этом свой размер, а также отображаясь в полном объеме, а с права у нас появится текстовый блок, когда пользователь будет прокручивать страницу то картинка будет неподвижной, а текст будет плавно скользить по странице.
Превью постов сайта при помощи Flexbox и CSS3
12 Июн
Мы хотим Вам показать и донести, что красивый, а главное оригинальный сайт ценится больше чем повседневные однообразные сайты «без души». Для многих сайты это просто кусок работы о котором забываешь когда видишь заветные деньги от заказчика. Но если вы действительно хотите запомнится и быть востребованный разработчиком и дизайнером то не надо бояться экспериментов, а смело двигаться вперед и пробовать новые идеи. Сегодня мы бы хотели поговорить о создании превью, а именно превью для постов сайта, и сделаем это мы с помощью Flexbox и CSS3.
Загрузка ...