в начале пути мне было сложно делать самые простые макеты, но позже эти сайты мне очень помогли, есть еще много подобных сайтов, но это основные, которые очень помогут начинающему разработчику
начну с сайтов для помощи с выбором цвета, их очень много, но я выделил парочку моих любимых.
color-wheel - очень удобный сайт, включает все функции подобных сайтов, часто им пользуюсь. также помог моему другу дизайнеру, так что советую это.
cssgradient - этот отличается тем, что в нем можно сразу скопировать значение цветов или градиентов и вставить в код, тоже часто пользуюсь им. многие мои учителя по IT часто им пользовались, по их совету я тоже начал пользоваться и не пожалел.
flaticon - сайт с множеством иконок, думаю будет очень полезен для дизайнеров, редко, но пользуюсь этим сайтом. да, я сам редко пользуюсь, но по словам друга-дизайнера и еще одного знакомого-верстальщика, иконки они берут именно оттуда
clip-path generator - сайт, который помогает изменить форму картинки, новые сайты часто используют картинки с редкими формами, на этом сайте можно легко изменить и обрезать картинку через свойство css clip-path:polygon(), мне сайт нравится, часто пользуюсь. помог мне во время хакатуна в один из критических моментов.
box-shadow generator- сайт, который удобно помогает настроить тень для блоков, очень часто используется в сайтах, для тех, кому сложно дается это, этот сайт поможет. мне самому сложно да и лень рассчитывать все эти тени и потом настраивать так, чтобы красиво выглядело, этот сайт облегчает мне жизнь, вам тоже будет.
cubic-bezier generator- сайт, который помогает настроить вид и настройку анимации, если вы хотите создать красивую и индивидуальную анимацию, этот сайт для вас. многие знакомые удивлялись анимациям на моих проектах, с тех пор они тоже начали использовать этот сайт.
codepen - сайт с готовым кодом разных частей сайта, такими как кнопки, блоки, анимации. там вы можете найти уникальные и красивыми вещами, которые вы точно захотите внести в свой проект, многие будут поражены. лучше конечно все делать самому, но на том сайте есть поистине сложные и изящные проекты, которые ты бесплатно можешь использовать и никто тебя не осудит.
figma - сайт, где множество макетов, для тренировки разной сложности, где вы можете набить руку для настоящих проектов. именно там работают UX и UI дизайнеры и в формате фигмы вам будут приходить макеты, так что вам в любом случае надо освоиться с этим сайтом.
сугубо мое личное мнение, возможно у вас есть на примете сайты, которые вы используете, если да, то напишите в комментариях, в следующем топе может быть добавлю их.
эта статья поможет начинающим Fronted разработчикам, которые планируют сделать качественное портфолио, я сам зачастую пользуюсь всеми этими сайтами и уверен, что они пригодятся и вам. эти сайты помогли не только мне, но и многим друзьям и моим ученикам, советую и вам разобраться с них и скорость вашей работы повысится.
если статья была полезной, подписывайтесь, тут будет много подобного