Архивы Веб-дизайн

Больше недели назад

08:45 Вышел Bootstrap 5. Рассказываем главное о новой версии

Боль фронта, или Что нам нужно от дизайнеров

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

Тест «Что делает эта кнопка?»

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

Харизматичный дизайн или использование эмпатии для вовлечения пользователя

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

Инструменты для создания макета сайта для новичков: чем отличаются и какой выбрать

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

Пошаговый гайд, который поможет сделать дизайн сайта с нуля. Часть вторая: разрабатываем визуальную концепцию сайта

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

Пошаговый гайд, который поможет сделать дизайн сайта с нуля. Часть первая: разбираемся, какой сайт вам нужен

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

«Лучший UX ever», насос для pop-up окон и немного браузерных игр — необычные веб-проекты для развлечения и вдохновения

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

Лучшие посты за неделю

Мой топ-10 фреймворков и библиотек Java2.5к

Как найти своего ментора в IT2.3к

IntelliJ IDEA 2021.2 официально вышла. Автозавершение кода на Kotlin, подключение к Docker через SSH и многое другое2.1к

Какие типичные ошибки в дизайне сайта допускают новички — рассказывают эксперты

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

Как раскрутить сайт — отвечают эксперты

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

Подборка сайтов, которые застряли в нулевых

Веб-дизайн 90-х и 00-х годов — это ребёнок, который учится ходить. Ему пока неведомо абстрактное мышление, а информацию он усваивает только в максимально простом изложении: много картинок, яркие цвета, простые…

Подборка книг для начинающего веб-разработчика

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

Русскоязычный видеокурс «Vue.js для начинающих»

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

Как украсить свой сайт к Новому году?

Мы собрали подборку из нескольких скриптов, которые создадут атмосферу Нового года на вашем сайте. Внедряйте и радуйте своих посетителей.

Основы CSS: блочная модель

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

Создание анимированного компонента навигации на сайте

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

Дизайн будущего: как делать современные макеты веб-сайтов

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

Резюме быстро и легко — обзор инструмента best-resume-ever

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

Создание анимации на базе JavaScript с помощью библиотеки Anime.js. Часть 2

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

Создание анимации на базе JavaScript с помощью библиотеки Anime.js. Часть 1

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

В чем разница между веб-разработчиком и веб-дизайнером

Веб-дизайнера и веб-разработчика объединяет только «веб-», в остальном — это очень разные профессии. Объясняем, почему и как обучиться этим специальностям.