Все для веб-дизайнера
Заставка для сайта с эффектом параллакса на JS
6 Июн
Сегодня мы бы хотели поговорить о параллаксе. Мы уже не раз рассказывали о таком эффекте, сегодня мы бы хотели показать как сделать замечательную заставку с таким эффектом. У нас будет рабочая зона в которой будет расположены все необходимые для современного дизайнера. Все это будет анимироваться и приводиться в движение как только пользователь притронется к курсору мыши. Все оживать будет на глазах, завораживая взор. Если вы хотите, чтобы пользователь попадая на заглушку сайта не уходил с нее то это отличный вариант.
Тренд линейного искусства в веб-дизайне сайта
4 Июн
Данный интерфейс менее популярный среди разработчиков из-за своей простоты, такой дизайн также менее привлекательный по сравнению объемными сайтами, эффективность линейного дизайна в первую очередь зависит от контраста и окружения – есть, конечно, много минусов, и хочется сделать вывод, что, линейный дизайн должен исчезнуть давно, но он живой и набирает новую популярность благодаря новым идеям. Одна из главных причин того, что данный тренд существует, и даже процветает, заключается в том, что мы к нему привыкли.
Создаем градиентную анимацию для типографики
2 Июн
Красивая типографика на сайте крайне важна, мы уже не раз подчеркивали необходимость уделять больше внимания этому элементу на сайте. Сегодня мы хотели бы поделиться с вами анимацией для типографики. Мы полностью анимируем все элементы при загрузке страницы, что вдохнет жизнь в страницу. мы будем использовать библиотеки anime.js для анимации и Charming для эффектов текста. Увидев интересный подход Дианы Хлевняк «Топография градиента», мы подумали, что было бы интересно оживить эти градиентные слои установленной формы интересным способом.
Подборка интересных плагинов JavaScript
31 мая
Быть хорошим разработчиком означает не только производить хорошие продукты, но и оставаться в гуще последних изменений в этой области. Но это не означает, что вы должны одержимо участвовать в каждой конференции, вебинарах и покупать дорогие курсы которые не придадут вам особого толку. Вы можете самостоятельно просматривать GitHub это знаменитое сообщество разработчиков которое придумывает интересные идеи почти каждый день.
Креативная анимация для сайта с помощью SVG
29 мая
Если вы читаете наш блог то наверняка уже не раз видели подборки вариантов как сделать красивую анимацию для своего сайта разными способами, сегодня мы хотим показать еще один достаточно креативный способ. Речь пойдет об анимации для сайта при помощи SVG. Многие разработчики не до конца понимаю плюсы такой анимации это не только изменение разрешения без потери качества, но и удобная оптимизация для поиска, так что в любом случае попробуйте хоть раз такой подход к графике на сайте, я уверен, что вы останетесь довольны.
Создаем слайдер с анимацией фрагментов на JS
28 мая
В данном уроке мы хотим рассказать о том, как создать экспериментальный слайдер, который анимируется по фрагментах. Слайдер работает при помощи библиотеки «Pieces», которая была создана для достижения подобных эффектов, приложив при этом минимум усилий. Каждый элемент слайдера будет разделен на части, которые будут анимироваться по-разному, используя Pieces библиотеку. Фрагменты будут находится постоянно в движении, что позволит максимально оживить вас сайт.
Cоздаем изображение с параллаксом на CSS3
26 мая
Параллакс широко стал популярен среди веб-дизайнеров. С каждым днем все больше сайтов используют данную технологию, чтобы привлечь взор посетителя к необходимой информацией и выделить свой проект среди остальных. В данном уроке мы хотим показать как сделать интерактивное изображение с эффектом параллакса и красиво это обыграть на странице, у нас будет обычное фото, которые мы используем для фона и немного заблюрим, а также фоторамка, которую мы оживим и заставим реагировать при наведении курсора мыши.
Загрузка ...