Добавьте в закладки эти 8 интерфейсных веб-сайтов прямо сейчас!

В данной статье мы рассмотрим с Вами список полезных ресурсов, которые мы рекомендуем добавить в закладки каждому фронтенд-разработчику (особенно новичкам в этой области 😊). Начинающим программистам рекомендуем создавать свою библиотеку, к которой можно будет обращаться время от времени за полезными источниками информации. Поехали!

---

⒈ CSS-трюки

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

⒉ cssreference.io

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

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

⒊ Coolors

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

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

⒋ Unsplash

На этапе, когда у вас есть все “строительные леса” для вашего приложения – вам нужно начать добавлять контент. Для текста отлично подходит «Lorem ipsum…», но для изображений вам нужно пройти процесс поиска изображений в Google, чтобы убедиться, что они имеют правильный размер, бесплатные и так далее. Unsplash помогает вам, предоставляя высококачественные «свободно используемые» изображения, которые легко добавить в любой проект или блог (например, этот 😀). При загрузке изображений вы также можете выбрать размер (маленький, средний, большой) в соответствии с вашими потребностями.

Удивительный ресурс для каждого внешнего приложения 💯.

⒌ Alligator.io

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

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

⒍ Awesome

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

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

⒎ Brand Palettes

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

⒏ Documentation! 📄📄📄

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

Прочитайте документацию по React, вы не пожалеете об этом.

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

Источник статьи: http://dev.to/