52 лучших инструмента для разработчиков

список из 50 лучших инструментов для правильной разработки

Хотите увеличить органический трафик на 50–100%?
Мы создали Check.bel-web.com, набор инструментов SEO, предназначенных для повышения вашего органического рейтинга и увеличения квалифицированного трафика для вашего сайта.
Щелкните здесь, чтобы узнать больше и начать работу.

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

1. Что запускает

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

Ссылка на сайт

Alt текст

2. Sizzy

Браузер для разработчиков. Не тратьте больше времени зря и ускорьте рабочий процесс разработки

Ссылка на сайт

Alt текст

3. Ракета журнала

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

Ссылка на сайт

Alt текст

4. Часовой

Платформа мониторинга приложений Sentinel поможет любому разработчику. Диагностируйте, исправляйте и оптимизируйте производительность вашего кода.

Ссылка на сайт

Alt текст

5. Могу ли я использовать?

«Могу ли я использовать?» Предоставляет обновленные таблицы поддержки браузеров для поддержки интерфейсных веб-технологий в настольных и мобильных веб-браузерах.

Ссылка на сайт

Alt текст

6. Красивее

Лидер мысли, поддерживает множество языков, интегрируется с большинством редакторов и предлагает несколько вариантов.

Ссылка на сайт

Alt текст

7. Сканирование CSS

Прощай, «Проверить элемент» - мгновенно проверьте CSS любого элемента, на который вы наводите курсор, и скопируйте все правила одним щелчком мыши.

Ссылка на сайт

Alt текст

8. Бандлефобия.

Узнайте стоимость добавления плана npm к вашему плану

Ссылка на сайт

Alt текст

9. Кипарис

Быстрое, легкое и надежное тестирование всего, что делается в браузере.

Ссылка на сайт

Alt текст

10. Unminify

Бесплатный инструмент для минимизации (распаковки, устранения препятствий) кода JavaScript, CSS, HTML, XML и JSON, чтобы сделать его удобочитаемым и красивым.

Ссылка на сайт

Alt текст

11. RegEx 101

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

Ссылка на сайт

Alt текст

12. Очистить кэш

Очистите кеш и просматривайте данные одним щелчком мыши.

Ссылка на сайт

Alt текст

13. Изменение размера окна

Измените размер окна браузера, чтобы имитировать различные разрешения экрана.

Ссылка на сайт

Alt текст

14. Wappalyzer

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

Ссылка на сайт

Alt текст

15. Не беспокоить

Веб-сайт веб-документа MDN содержит информацию об открытых веб-технологиях, включая HTML, CSS и API для веб-сайтов и прогрессивных веб-приложений.

Ссылка на сайт

Alt текст

16. Топор

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

Ссылка на сайт

Alt текст

17. Git Graph

Расширение Git Graph для кода Visual Studio. Просматривайте диаграмму Git из своего репозитория и легко выполняйте действия Git из диаграммы. Настраивается, чтобы выглядеть как вы!

Ссылка на сайт

Alt текст

18. Kontrast - проверка контраста WCAG

Проверяйте контрастность в реальном времени в своем браузере и адаптируйте ее к требованиям WCAG 2.1.

Ссылка на сайт

Alt текст

19. Octotree

Расширение браузера, улучшающее обзор и изучение кода GitHub.

Ссылка на сайт

Alt текст

20. Почтальонка

Веб-альтернатива Postman - помогает быстрее создавать требования и экономит драгоценное время разработки

Ссылка на сайт

Alt текст

21. Адаптивное приложение

Разрабатывайте адаптивные веб-приложения в 5 раз быстрее! Необходимый DevTool для всех интерфейсных разработчиков, облегчающий вашу работу.

Ссылка на сайт

Alt текст

22. FullStory

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

Ссылка на сайт

Alt текст

23. gitignore.io

Создавайте полезные файлы Gitignore для вашего проекта

Ссылка на сайт

Alt текст

24. 1Loc

206 любимых утилит JavaScript в одной строке кода! Больше не надо!

Ссылка на сайт


25. Мутирует?

Ссылка на сайт

Alt текст

26. Код ключа

Нажмите любую клавишу, чтобы получить код для клавиши события JavaScript.

Ссылка на сайт

Alt текст

27. Стоит: Современная версия JS

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

Ссылка на сайт

Alt текст

28. npmview

Веб-приложение для просмотра файлов пакетов npm.

Ссылка на сайт

Alt текст

29. CSS в JS

Преобразование между объектами CSS, JS и JSX props.

Ссылка на сайт

Alt текст

30. Все персонажи

Простая страница, на которой показаны все символы и их HTML-код.

Ссылка на сайт

Alt текст

31. Ловец формы

Это инструмент, который вы можете использовать для поиска символов Юникода. Найти конкретного персонажа, имя которого вы не знаете, является проблемой. На Shapecatcher.com вам просто нужно знать форму персонажа!

Ссылка на сайт

Alt текст

32. Маки

Не дожидайтесь завершения бэкэнда, генерируйте собственные ответы API с помощью Mocky и сразу же приступайте к работе над своим приложением.

Ссылка на сайт

Alt текст

33. Объясните Shell

Напишите командную строку для отображения текста справки, соответствующего каждому аргументу

Ссылка на сайт

Alt текст

34. Изображение Base64

Конвертируйте ваши изображения в Base64

Ссылка на сайт

Alt текст

35. Открыть график.

При публикации контента в Facebook и других социальных сетях очень важна привлекательность кликов. Оптимизированный обзор, адаптированный к целевой группе, приводит к значительному повышению CTR. Opengraphcheck.com поможет вам работать лучше. И самое лучшее, что Open Graph Check бесплатен!

Ссылка на сайт

Alt текст

36. Brotli pro

Бротли. Следующий уровень. Сжатие. Готов?

Ссылка на сайт

Alt текст

37. Адаптивные точки останова

Просто создайте оптимальные размеры адаптивного изображения

Ссылка на сайт

Alt текст

38. Мой хозяин еще постился?

Фактические задержки ответа сервера (время до первого байта), наблюдаемые реальными пользователями при просмотре веб-страниц.

Ссылка на сайт

Alt текст

39. Проверьте мои ссылки

«Проверить мои ссылки» - это средство проверки ссылок, которое сканирует ваш веб-сайт и ищет неработающие ссылки.

Ссылка на сайт

Alt текст

40. Веб-токен JSON

Кодировать или декодировать JWT

Ссылка на сайт

Alt текст

41. Гит Кракен

Легендарный клиент Git для Windows, Mac и Linux. Бесплатно с открытым исходным кодом

Ссылка на сайт

Alt текст

42. Памятка по БЭМ.

Когда дело доходит до поиска правильного названия класса, это может быстро привести к отчаянию. Даже самые опытные разработчики CSS не всегда могут сразу найти правильное имя класса. Этот инструмент разработан, чтобы помочь вам не потеряться в космосе БЭМ, предлагая названия для некоторых из наиболее распространенных веб-компонентов.

Ссылка на сайт

Alt текст

43. Могу я написать по электронной почте

Ссылка на сайт

Alt текст

44. CSS Grid Generator

Вы можете установить числа и единицы измерения для столбцов и строк, и я создам для вас сетку CSS! Перетащите поля, чтобы создать div, которые размещаются в сетке.

Ссылка на сайт

Alt текст

45. Карта размеров экрана.

Сравнение аппаратно-независимых размеров пикселей экрана

Ссылка на сайт

Alt текст

46. ​​Кто может использовать?

Кому подойдет это сочетание цветов?

Ссылка на сайт

Alt текст

47. Будет ли это CORS?

Скажите этой волшебной машине CORS, чего вы хотите, и она точно скажет вам, что делать.

Ссылка на сайт

Alt текст

48. extractCSS

Извлечь CSS из HTML

Ссылка на сайт

Alt текст

49. Метатеги

Мета-теги позволяют редактировать и экспериментировать с вашим контентом, а затем просматривать, как ваш сайт будет выглядеть в Google, Facebook, Twitter и других местах!

Ссылка на сайт

Alt текст

50. Шилдфи

Автоматически выявляйте и устраняйте проблемы безопасности и уязвимости в коде до того, как он будет запущен в производство.

Ссылка на сайт

Alt текст

51. Проверка YAML

YAML Checker - это быстрый и простой способ проверить YAML. По мере ввода ваш YAML проверяется с красивой подсветкой синтаксиса и информацией об ошибках.

Ссылка на сайт

Alt текст

52. Полипан

Все инструменты, необходимые для создания удивительно отзывчивых, доступных и быстрых веб-сайтов и приложений в одном автономном браузере.

Ссылка на сайт

Alt текст

адаптировано и переведено свободно.

Спасибо https://dev.to/iainfreestone/50-developer-tools-to-make-your-life-a-little-easier-4oc5