Прецизионные инструменты для талантливых людей

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

Я сосредотачиваюсь на Backend-разработке, но в те редкие моменты, когда я работаю над front-end, у меня есть эти инструменты, которые мне пригодятся (Инструменты браузера Chrome). Я столкнулся с большинством из них, когда выглядывал из-за ноутбука друзей.

Существуют и другие инструменты, но все остальное зависит от ваших предпочтений и того, для чего вы их используете.

Инструменты не расположены в определенном порядке

  1. Измените размер окна браузера для имитации различных разрешений экрана. Это используется, чтобы увидеть, как ваш сайт будет выглядеть на экранах разных размеров. Посмотрите здесь -
  2. Wappalyzer - кроссплатформенная утилита, раскрывающая технологии, используемые на веб-сайтах. Он обнаруживает системы управления контентом, платформы электронной коммерции, веб-фреймворки, серверное программное обеспечение, инструменты аналитики и многое другое. Я использую их, чтобы отслеживать комбинации технологий, используемых на сайте. Обычно сайты меня вдохновляют.
  3. Lighthouse - это автоматизированный инструмент с открытым исходным кодом для улучшения качества веб-страниц. Вы можете запустить его на любой странице в Интернете. В нем есть аудит производительности, доступности, прогрессивных веб-приложений и многого другого. Я привык наблюдать за исполнением своих проектов, пока что меня это ни разу не подводило.
  4. CSSViewer - это простой просмотрщик свойств CSS для всех веб-сайтов. Мне не нужно объяснять это.
  5. Расширение Web Developer добавляет в браузер кнопку на панели инструментов с различными инструментами веб-разработчика. Это просто добавляет дополнительный уровень функциональности, назовем его chrome-dev-tools-on-steroids. Вам просто нужно использовать, чтобы понять
  6. Это расширение вставляет Pesticide CSS на текущую страницу, выделяя каждый элемент, чтобы лучше видеть размещение на странице. Действительно потрясающее расширение (вы заметили, что у меня не хватает слов, чтобы его описать)

Есть и другие инструменты, но все остальное - это вопрос ваших предпочтений и того, для чего вы их используете.