В этом небольшом обзоре перечислены сайты, о которых должен знать каждый начинающий frontend-разработчик.

CSS Grid Generator

grid.layoutit.com: отличный визуальный grid-генератор. В результате Вы получите простой и валдиный HTML и CSS код, который сможете использовать в своем проекте.

Следует помнить, что сетка является основой структурирования и выравнивания разделов и элементов на страницах сайта.

Paletton

paletton.com: данный ресурс избавит от возможного выбора несовместимых цветовых сочетаний для Вашего проекта. С помощью данной сайта можно выбрать необходимую корректную цветову палитру для сайта.

Glassmorphism

glassmorphism.com: с помощью инструментов этого сайта Вы сможете придать элементам своей страницы эффект прозрачного или матового стекла. В основе эффекта лежат размытие фоновой картинки и использование различных сочетаний слоев.

Shortcurts

shortcuts.design: этот сайт содержит сочетания “горячих” кнопок для совершенно различных программных продуктов из арсенала frontend-разработчика.

Google Fonts

fonts.google.com: а это классика, о которой забывают многие начинающие веб-разработчики. Данный сайт позволяет выбрать нужный шрифт, получить внешнюю ссылку и использовать его в своем проекте.

Спасибо за внимание.