Перевод статьи «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, позволяющее одновременно записывать и то, что показывает веб-камера, и происходящее на экране.
Вместо того чтобы договариваться о видеоконференции, вы с коллегами можете обсуждать проекты или рассказывать о своих текущих достижениях асинхронно.
7. Pexels
Pexels — сайт, где можно брать бесплатные стоковые фотографии.
Это один из немногих сайтов, где вам не придется даже регистрироваться.
Мне это очень пригождается, когда нужно создать прототип, а отдел маркетинга еще не прислал официальные материалы.
8. Figma
Figma — это инструмент для создания прототипов, который вы с легкостью можете использовать совместно с коллегами.
В целом, он заменяет белую доску.
9. Funkify
Funkify — это расширение для Chrome, позволяющее оценить интерфейс приложения с позиции пользователей с различными возможностями, в том числе ограниченными (речь может идти, например, о разных нарушениях зрения).
10. PerfectPixel
PerfectPixel — это расширение Chrome, позволяющее наложить полупрозрачное изображение поверх веб-страницы и идеально подогнать код под него.
[customscript]techrocks_custom_after_post_html[/customscript]
[customscript]techrocks_custom_script[/customscript]