10 полезных инструментов для разработчика

1. Can I Use?

“Can I use?”  —  веб-сайт, на котором представлены регулярно обновляемые таблицы поддержки интерфейсных веб-технологий для мобильных и десктопных браузеров.

Поэтому, если вы хотите проверить наличие поддержки какой-либо функции любым браузером, то “Can I Use?”  —  лучший выбор. Кроме того, вы можете проверить свой сайт на совместимость с более чем 2000 реальными браузерами и устройствами.

Can I Use?

2. RegEx 101

RegEx 101  —  бесплатный отладчик регулярных выражений на основе PCRE (Perl Compatible Regular Expressions) с пояснениями, обнаружением и выделением ошибок. Отладчик поддерживает PHP, JavaScript, Python и Golang.

RegEx 101

3. Prettier

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

Prettier

4. Log Rocket

Log Rocket позволяет повторять действия пользователей на веб-сайте для поиска ошибок и их устранения.

Log Rocket

5. CSS Scan

CSS Scan поможет проверить CSS любого элемента при наведении курсора мыши без применения inspect element в DevTools.

Вы также можете скопировать все правила CSS элемента одним щелчком мыши.

CSS Scan

6. Axe

Axe  —  стандарт для проверки доступности применения и самый лучший инструмент для тестирования доступности цифровых технологий, который предпочитают Microsoft, Google, команды разработчиков и тестировщиков во всем мире.

Axe

7. Приложение Responsively

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

Responsively

8. “gitignore.io”

Этот инструмент упрощает создание полезных файлов .gitignore.

gitignore.io

9. Sentry

Платформа мониторинга приложений Sentry поможет диагностировать, исправлять код и оптимизировать его производительность. 

Sentry

10. WhatRuns

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

WhatRuns

Читайте также:

Читайте нас в Telegram, VK и Яндекс.Дзен


Перевод статьи Mehdi Aoussiad: 10 Developer Tools that You Probably Need to Use