У нас, разработчиков, всегда много дел в течение дня. Вот почему нам нужны разные инструменты, чтобы облегчить жизнь и повысить производительность. В Интернете есть множество удобных инструментов, созданных для разработчиков. Я собираюсь показать вам 10 лучших, о которых вы, возможно, не слышали.
1. Can I Use?
"Can I use?" - это веб-сайт, на котором представлена ??актуальная информация о возможной поддержке интерфейсных технологий в мобильных и веб-браузерах. Если вы хотите проверить, поддерживается ли функция всеми браузерами, тогда «Can I use?» Он вам в этом поможет. Там вы также можете проверить совместимость вашего сайта с более чем 2000 браузерами и на более чем 2000 устройств.
![](https://habrastorage.org/getpro/habr/upload_files/d22/0d4/9a7/d220d49a79d7bdfc0bb058959287eb0d.jpg)
2. RegEx 101
Это бесплатный отладчик регулярных выражений на основе PCRE, который обеспечивает функциональные возможности объяснения в реальном времени. Он также поддерживает выражения в форматах для PHP, JS, Python и Go.
![](https://habrastorage.org/getpro/habr/upload_files/ee4/2ed/ec4/ee42edec4d1b6818dc91b30c5a12937f.png)
3. Prettier
Это инструмент форматирования кода, который поддерживает несколько языков, интегрируется с большинством редакторов и имеет несколько удобных опций.
![](https://habrastorage.org/getpro/habr/upload_files/d82/cbf/3b4/d82cbf3b4134383b8a23049e7e2811b2.png)
4. Log Rocket
LogRocket позволяет вам воссоздать то, что пользователи делают на вашем сайте, тем самым воспроизводя ошибки и исправляя различные ошибки быстрее. Бесплатный пакет включает 1000 сеансов в месяц и 30 дней хранения данных.
![](https://habrastorage.org/getpro/habr/upload_files/834/7f4/a34/8347f4a343ad11b5d24958ac3790a0fd.png)
5. CSS Scan
Этот инструмент позволяет вам проверять CSS каждого элемента. Также можете скопировать все правила CSS для данного элемента одним щелчком мыши. Инструмент стоит 80$
![](https://habrastorage.org/getpro/habr/upload_files/79a/e28/56a/79ae2856af17e853ca07c2818482ed96.png)
6. Axe
Это ведущий набор инструментов для тестирования цифровой доступности, используемый такими компаниями, как Google, Microsoft, а также множеством групп разработчиков и тестирования по всему миру. Поддерживает web, mobile и desktop.
![](https://habrastorage.org/getpro/habr/upload_files/228/56e/4c5/22856e4c54f425a922239403349964e1.png)
7. Responsively app
Этот инструмент позволит вам разрабатывать адаптивные веб-приложения в 5 раз быстрее. Маст хэв для всех разработчиков интерфейса - это значительно упростит вашу работу.
![](https://habrastorage.org/getpro/habr/upload_files/9d8/a48/c60/9d8a48c60cc353be419eb7df4f258d3b.png)
8. “gitignore.io”
Это хороший инструмент для удобного создания файлов ".gitignore" в ваших проектах.
toptal.com/developers/gitignore
![](https://habrastorage.org/getpro/habr/upload_files/06f/9ab/7a0/06f9ab7a0803bf12415cca3ac52f790d.png)
9. Sentry
Эта платформа помогает разработчикам диагностировать, исправлять и оптимизировать производительность кода. Это чрезвычайно полезный инструмент.
![](https://habrastorage.org/getpro/habr/upload_files/426/304/b3c/426304b3c1fcc4ef6584996f95e7b78a.png)
10. WhatRuns
WhatRuns - это бесплатное расширение для браузера, которое позволит вам одним щелчком мыши определить технологию, используемую на данном веб-сайте. Это хорошая альтернатива Wappalyzer, если вы знакомы с этим инструментом.
![](https://habrastorage.org/getpro/habr/upload_files/cc3/066/43a/cc306643a70e2dca5128ac742ea5a829.png)
Резюмируя
Каждый из этих инструментов поможет вам в работе и более эффективно выполнять ваши задачи. Спасибо за Ваше внимание! Надеюсь, что вышеизложенная информация будет вам чем-то полезна.
Оригинал стать на английском здесь .