Эти 7 интерфейсных веб-сайтов должны быть немедленно добавлены в закладки!

Каждый фронтенд-разработчик должен добавить эти сайты в закладки.

Я могу с уверенностью заявить, что в основном я знаю, что я делаю сейчас, потому что я профессионально работаю с интерфейсными веб-фреймворками более 5 лет.

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

Вот список сайтов, которые каждый фронтенд-разработчик должен добавить в закладки (особенно новички в этой области). 😃

⒈ CSS-трюки

На этом веб-сайте есть все, что вам нужно знать о CSS, включая статьи, видео и мои любимые рекомендации. Я регулярно обращаюсь к инструкциям по темам, которые предоставляют удивительные изображения и простые объяснения всякий раз, когда я создаю пользовательский интерфейс и забываю, как работают flexbox или grid.

Всегда пригодится.

⒉ cssreference.io

Название говорит само за себя, но ccsreference.io — это не типичный сайт документации. Они доходят до сути, отображая несколько свойств CSS в ясной и легкой для понимания форме.

Рядом с каждым атрибутом CSS есть несколько примеров, которые помогут вам быстро найти нужную информацию.

Что еще требуется от комплекта справочных документов?

⒊ Цвета

Выделите свой личный веб-сайт яркой цветовой гаммой. Этот веб-сайт изменился с тех пор, как я впервые им воспользовался, но моя любимая функция — возможность создавать собственную палитру (см. выше).

Поэкспериментируйте с различными цветовыми комбинациями, чтобы найти ту, которая вам больше нравится, а затем используйте предоставленные шестнадцатеричные цвета, чтобы реализовать их в своих проектах. Это полезно не только при работе с интерфейсными приложениями, но и при создании и оформлении чего-либо.

⒋ Отменить брызги

Мы все были в такой ситуации. Вы завершили создание всех шаблонов для своего приложения и теперь готовы приступить к добавлению контента. Для текста просто добавить «Lorem ipsum…», но для фотографий вам нужно будет пройти процесс поиска изображений в Google и убедиться, что они подходящего размера, бесплатны и т. д.

Unsplash помогает вам, предлагая высококачественные «бесплатно используемые» фотографии, которые легко включить в любой проект или блог (например, в этот). При загрузке фотографий у вас есть возможность выбрать размер (маленький, средний или большой), который лучше всего соответствует вашим потребностям.

Фантастический ресурс для любого внешнего приложения.

⒌ Аллигатор.ио

Недавно я обнаружил Alligator.io. Это похоже на внешний технический блог с большим количеством участников. Охвачены React, Angular, Vue, CSS, JavaScript и другие темы.

Будьте в курсе последних технологических разработок, а также получайте статьи и учебные пособия, которые помогут вам улучшить свои интерфейсные возможности. Это стоит добавить в закладки.

⒍ Потрясающе

Какой? Есть ли репозиторий на Github? Теперь, когда вы успокоились, прочитайте оставшуюся часть README, чтобы узнать, какие ценные ресурсы может предложить этот репозиторий.

В списках ресурсов это самое главное. По сути, это бесконечный список ресурсов, курируемый сообществом. И это не один репозиторий.

Другие репозитории, в которых у людей есть свои тематические «отличные» списки, начиная от Nodejs и Python и заканчивая вопросами для интервью и дизайном, можно найти здесь.

Я не должен этого говорить, но вместо того, чтобы просматривать подобные блоги (которые, кстати, мне действительно нравятся), перейдите на «удивительный», который годами курировалось большим количеством знающих и сострадательных людей.

⒎ Брендовые палитры

Палитры брендов — это коллекция брендов и связанных с ними цветов. Вот и все. Тем не менее, это полезный инструмент, который нужно иметь в заднем кармане.