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

0
1480
views

Перевод статьи «10 Useful Tools for Web Developers to Help You Work Smarter».

Нет, речь пойдет не о гайках, гайки — просто для иллюстрации:)
Photo by Diogo Nunes on Unsplash

1. Website Vulnerability Scanner

Website Vulnerability Scanner — это бесплатный онлайн-инструмент для сканирования сайта на предмет уязвимостей, разработанный Pentest-Tools.

Все, что нужно сделать, это ввести URL своего сайта, и сервис сгенерирует подробный отчет по его безопасности.

2. Nibbler

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

3. Meta Tags

Meta Tags — простой онлайн-инструмент, который можно использовать для быстрой проверки мета-тегов сайта.

4. Google Lighthouse

Google Lighthouse — автоматизированный инструмент для определения качества веб-страниц (и выражения этого качества в виде различных показателей). С его помощью можно измерить производительность, доступность и поисковую оптимизацию.

Сам инструмент имеет открытый исходный код.

5. Endtest

Endtest — платформа для «умного» автоматизированного тестирования. С ее помощью вы сможете создавать сложные тесты и запускать их во всех основных браузерах.

Я автоматизировала тест Sign In для сайта DEV Communit и запустила его в кроссбраузерном облаке в Chrome, Firefox, Edge, Safari и Internet Explorer 11.

Оказалось, что сайт DEV Community, несмотря на использование многих best practices, не слишком хорошо работает в Internet Explorer 11.

Вот как выглядит результат:

Дисклеймер: я работаю в Endtest.

6. Loom

Loom — это бесплатное расширение для Chrome, позволяющее одновременно записывать и то, что показывает веб-камера, и происходящее на экране.

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

(Красивое видео можно посмотреть на сайте Loom)

7. Pexels

Pexels — сайт, где можно брать бесплатные стоковые фотографии.

Это один из немногих сайтов, где вам не придется даже регистрироваться.

Мне это очень пригождается, когда нужно создать прототип, а отдел маркетинга еще не прислал официальные материалы.

8. Figma

Figma — это инструмент для создания прототипов, который вы с легкостью можете использовать совместно с коллегами.

В целом, он заменяет белую доску.

9. Funkify

Funkify — это расширение для Chrome, позволяющее оценить интерфейс приложения с позиции пользователей с различными возможностями, в том числе ограниченными (речь может идти, например, о разных нарушениях зрения).

10. PerfectPixel

PerfectPixel — это расширение Chrome, позволяющее наложить полупрозрачное изображение поверх веб-страницы и идеально подогнать код под него.

ОСТАВЬТЕ ОТВЕТ

Please enter your comment!
Please enter your name here