Веб-дизайн

Лучшие веб-проекты CodePen 2021 года: слайдеры, навигация, анимированные открытки, дашборд по ведению проектов и многое другое.

Разбираем некоторые проблемы в отношениях дизайнеров и фронтендеров и ищем способы их решения.

Иногда то, что вы видите на иконке кнопки даже близко не ассоциируется с её назначением. Из таких иконок мы и собрали этот тест.

Пробиться к сознанию пользователя становится всё сложнее, поэтому нужно иметь не просто сайт, выполняющий задачи, а продукт с приятным глазу дизайном.

Новичкам в дизайне важно найти инструменты с достаточной функциональностью, но не требующие много времени для освоения. Составили подборку таких инструментов.

Гайд, который поможет сделать красивый сайт без дизайнера и опыта. Во второй части разбираемся, как выбрать общий стиль сайта, цвета и шрифты.

Гайд, который поможет сделать красивый сайт без дизайнера и опыта. В первой части разбираемся в типах сайтов и собираем нужную информацию.

Творческие веб-проекты, чтобы потыкать, отдохнуть и вдохновиться.

Разработка дизайна — штука непростая, что выливается в разные ошибки начинающих. О том, какие ошибки можно допустить, узнали у экспертов.

Для многих свой сайт давно перестал быть роскошью, а стал необходимостью. Но сделать его — полдела. Как раскрутить сайт? Узнаем у экспертов.

В перечне книг вы найдёте материалы по JavaScript, Node.js, React.js, CSS, HTML, паттернах проектирования и адаптивному веб-дизайну.

Vue.js — это JavaScript-фреймворк для создания динамичных сайтов и одностраничных веб-приложений. Серия видеоуроков познакомит с его возможностями.

Блочная модель CSS — одна из основ веб-дизайна, которая в дальнейшем помогает лучше кастомизировать страницы. Разбираемся, как она устроена.

Существует множество классных готовых компонентов навигации. А что насчёт своего собственного? Разбираемся, как создать такой с помощью Vue.js и TweenMax.

Этот инструмент предназначен для быстрого составления красивого резюме с помощью Vue и LESS.

Продолжение серии обучающих статей по работе с Anime.js. В этой части вы узнаете, как использовать Anime.js для правильного тайминга анимации разных элементов, используя определённые параметры.

С помощью Anime.js можно анимировать свойства CSS, SVG-изображения или атрибуты DOM-дерева на веб-странице. Позволяет контролировать все аспекты анимации.