Все на фронт: 20 полезных сайтов для веб-разработки

В интернете много сайтов для айтишников, которые помогают в выполнении повседневных задач. Чтобы вы не тратили время на их поиск, разработчик программного обеспечения Мутху Аннамалай нашел их за вас. В своем блоге специалист поделился списком с самыми полезными сайтами для веб-разработки. 

1. Hiddentools.dev

Сайт с инструментами для разработчиков и дизайнеров от сообщества айтишников. Коллекция постоянно пополняется.

2. Image Upscaler

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

3. Visual Type Scale

Инструмент позволяет увидеть разницу между цветом шрифта, размером и значениями rem (размер шрифта корневого элемента).

4. CodeMyUI

Сайт со сниппетами веб-дизайна и UI-сниппетами, которые можно свободно использовать в проектах.

 

5. Unsplash for Developers

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

6. FrontEnd Checklist

Сайт для создания списка задач для фронтенда, чтобы выполнять их последовательно.

7. Can I Use

С помощью Can I Use можно узнать, что поддерживают браузеры и какие таблицы совместимости доступны для мобильных и десктопных браузеров. Инструмент тестирует 17 различных версий браузеров на поддержку свойств CSS, API DOM и тегов HTML.

8. Color Palette Generator

Ищете лучшие цветовые палитры для использования в проектах веб-разработки? Найдете их на сайте Color Palette Generator. Для удобства на сайте есть поиск по цвету, по палитрам, а также шаблоны для вдохновения.

9. DevDocs

Сайт с документацией и API для разных языков программирования. Это своеобразный справочник разработчика.

10. Web Gradients

На Web Gradients собрано 180 линейных градиентов, которые можно использовать на сайте в качестве фона для контента. Нужно только скопировать и вставить кроссбраузерный код CSS3. Также есть PNG-версия каждого градиента и пакеты для Sketch и Photoshop.

11. Witeboard

С помощью Witeboard можно быстро набросать свои идеи на компьютере, планшете или смартфоне. Эскизом в режиме реального времени можно поделиться с командой. Регистрироваться необязательно.

12. Bubble

Облачный No-Code-сервис для создания веб-приложений. Функционирует на основе PaaS-модели. Отличается широким набором инструментов, которые дополняются «родными» и сторонними плагинами.

13. Bundlephobia

С помощью Bundlephobia можно проверить размер зависимостей до добавления их в проект.

14. Site Info

Инструмент для проверки рейтинга и производительности любого сайта. Считается одним из лучших для SEO.

15. Lukaszadam

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

16. Page Speed Insight

Анализирует контент веб-страницы на мобильных устройствах и компьютерах и советует, как ускорить ее загрузку.

17. Glitch

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

18. Unscreen

Инструмент на основе искусственного интеллекта для удаления фона из видео.

19. Codelf

Инструмент ищет имена переменных из подходящих ключевых слов. Поиск осуществляется по базе онлайн-платформ с открытым исходным кодом типа GitHub, Bitbucket, Google Code, Codeplex, Sourceforge, Fedora Project.

20. CSS Button Generator

Инструмент для создания пользовательских CSS-кнопок для проекта.