![](https://habrastorage.org/webt/tc/5r/lb/tc5rlbk8ovfkhb2rwi0a8biczoe.jpeg)
Мы разработчики и у нас хватает задач, которые нужно делать ежедневно, когда мы кодим. Вот почему нам определённо понадобятся некоторые инструменты, чтобы сделать жизнь проще и помочь повысить производительность. В Интернете есть много таких инструментов, которые имеют много преимуществ. В этой статье нет технического хардкора, но есть список некоторых полезных тулзов для разработчика, о которых вы, вероятно, не знаете. Давайте сразу к делу.
1. Can I Use?
“Can I Use?” – это отличный веб-сайт, который предоставляет актуальную информацию о работе веб-технологий в различных браузерах.
Поэтому, если вы хотите проверить наличие какой-либо функции и узнать, поддерживается ли она всеми браузерами, “Can I Use?” – это лучший вариант для вас. Вы также можете проверить свой сайт на совместимость с более чем 2000 браузерами и устройствами.
![](https://habrastorage.org/webt/cl/k4/bb/clk4bb_9sl55ht96riqx2oletak.png)
Вот сайт, если вы хотите попробовать этот инструмент.
2. RegEx 101
Бесплатный отладчик регулярных выражений на основе PCRE с подсказками в реальном времени, обнаружением ошибок и подсветкой. Он доступен для PHP, JavaScript, Python и Golang.
![](https://habrastorage.org/webt/sq/ga/mo/sqgamoh5fncf-qapfrrvguzn01w.png)
Вы можете попробовать инструмент здесь.
3. Prettier
Крутой форматтер кода, поддерживает множество языков, интегрируется с большинством редакторов и имеет несколько опций. Это очень полезный инструмент для правильного форматирования вашего кода.
![](https://habrastorage.org/webt/mt/ra/u8/mtrau8l5tfuaanwn8_1kehxym_a.png)
Вот их сайт, если вы хотите начать использовать Prettier.
4. Log Rocket
LogRocket записывает действия пользователей на вашем сайте, чтобы вы могли воспроизводить их ошибки и быстрее устранять проблемы.
![](https://habrastorage.org/webt/wa/rv/d4/warvd44mxoo-j0fvt8-gligsifc.png)
Вы можете посмотреть сайт здесь чтобы узнать больше.
5. CSS Scan
Этот инструмент поможет вам проверить CSS любого элемента при наведении курсора мыши без использования “inspect element” в инструментах разработки.
Вы также можете скопировать все правила CSS элемента одним щелчком мыши.
![](https://habrastorage.org/webt/u9/mt/h4/u9mth4ehbrt7kqgasj7o78xpyyq.png)
Перейдите на сайт здесь для получения более подробной информации.
6. Axe
Стандарт в тестировании доступности. Axe – это лучший в мире набор инструментов для обеспечения доступа к цифровым технологиям, который выбирают компании Microsoft, Google, разработки и тестирования по всему миру.
![](https://habrastorage.org/webt/dg/5z/lw/dg5zlwo0rvtm0gdpobnzsarhxv8.png)
Более подробная информация у них на сайте.
7. Responsively app
Этот инструмент поможет вам разрабатывать адаптивные веб-приложения в 5 раз быстрее. Это обязательный инструмент для всех Front-end разработчиков, потому что он облегчит вашу работу.
![](https://habrastorage.org/webt/nb/p2/o6/nbp2o6yqye_f87m4wh64uaywbbs.png)
Более подробная информация у них на сайте.
8. “gitignore.io”
Это хороший инструмент чтобы легко настраивать файлы “.gitignore” для ваших проектов.
![](https://habrastorage.org/webt/yk/zf/uw/ykzfuwbjq08nkuk-i1xzel6azji.png)
Вы можете посетить их сайт, если вам интересно.
9. Sentry
Платформа мониторинга приложений sentry помогает каждому разработчику диагностировать, исправлять и оптимизировать производительность своего кода. Это действительно полезно.
![](https://habrastorage.org/webt/qv/sh/jj/qvshjjt695dvjo6tndt5rdenfzi.png)
Для получения более подробной информации, посетите их сайт.
10. WhatRuns
WhatRuns – это бесплатное расширение для браузера, которое помогает вам одним нажатием кнопки определить технологии, используемые на любом сайте. Это хорошая альтернатива Wappalyzer, если вы про него знаете.
![](https://habrastorage.org/webt/zf/tr/h7/zftrh7kyku1as4xqq0wbxcfrade.png)
Вот сайт, просто попробуйте!
Все эти инструменты великолепны, и они помогут выполнить пыльную работу за вас, что, на мой взгляд, облегчит вам жизнь как разработчику. Спасибо, что прочитали эту статью, надеюсь, она вам пригодилась. Если у вас на примете есть полезные инструменты, которые тут не упомянуты — делитесь ими в комментариях!
![image](https://habrastorage.org/webt/nk/j2/oz/nkj2oztxanscb6lhq19l-dfv2z8.jpeg)
Узнайте подробности, как получить Level Up по навыкам и зарплате или востребованную профессию с нуля, пройдя онлайн-курсы SkillFactory со скидкой 40% и промокодом HABR, который даст еще +10% скидки на обучение:
- Профессия Веб-разработчик
- Профессия Data Scientist
- Профессия Data Analyst
- Курс по Data Engineering
- Другие профессии и курсыПРОФЕССИИ
- Профессия Java-разработчик
- Профессия QA-инженер на JAVA
- Профессия Frontend-разработчик
- Профессия C++ разработчик
- Профессия Разработчик игр на Unity
- Профессия Этичный хакер
- Профессия iOS-разработчик с нуля
- Профессия Android-разработчик с нуля
КУРСЫ
- Курс по Machine Learning
- Курс «Математика и Machine Learning для Data Science»
- Курс «Machine Learning и Deep Learning»
- Курс «Python для веб-разработки»
- Курс «Алгоритмы и структуры данных»
- Курс по аналитике данных
- Курс по DevOps
alex-1917
За ВОСЕМЬДЕСЯТ долларов, вы серьезно???)))