PerfectPixel — плагин для браузеров, позволяющий верстать сайты «пиксель в пиксель»

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

Интересной особенностью инструмента является возможность работы как с локальными сайтам, так и с теми, что уже размещены в Интернете

Стоимость: #бесплатно

#web #плагин

@javascriptv

JSHint — сервис для обнаружения ошибок и потенциальных проблем в JS-коде

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

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

Стоимость: #бесплатно

#js #помощь

@javascriptv

CodeFactor — сервис для автоматической проверки качества кода

Он анализирует ваш код и находит потенциальные проблемы, такие как дублирование кода, проблемы с производительностью и безопасностью

CodeFactor интегрируется с популярными системами управления версиями, такими как GitHub, GitLab и Bitbucket, и предоставляет отчёты об анализе кода прямо в ваш репозиторий

Стоимость: #бесплатно (но есть платные тарифы)

#code #git

@javascriptv

Codeply — набор готовых решений для веб-разработчика

Мало того, что вы можете написать, отредактировать и просмотреть код на одной странице — платформа также предлагает множество инструментов

К таковым можно отнести Bootstrap Builder, SASS Compiler, JSFiddle Integration и т.д

При этом здесь же для вас есть набор уже готовых конструкций, созданных другими пользователями. Например, CSS-анимации, интересные наборы сеток и многое другое

Стоимость: #бесплатно

#code #web

Lighthouse — открытый инструмент от Google для аудита производительности, доступности и SEO веб-страниц

Основное преимущество Lighthouse — это его мощная аналитика и обширная база знаний. Утилита предлагает подробные отчёты и рекомендации по улучшению качества веб-страниц, основанные на проверенных методах и практиках

В отличие от других инструментов анализа, Lighthouse интегрируется с DevTools в Google Chrome и может быть использован в качестве расширения для браузера или в командной строке. Это заметно упрощает проведение аудита и получение результатов

Стоимость: #бесплатно

#SEO #web

@javascriptv

Yotako.io — крутой инструмент дизайна в код с помощью искусственного интеллекта

С помощью инструмента можно без труда экспортировать дизайн из графических редакторов, таких как Sketch и Adobe XD, и преобразовать их в код на различных языках программирования и фреймворках

При этом Yotako.io также обеспечивает синхронизацию между дизайном и кодом, что позволяет легко вносить изменения в процессе разработки

Стоимость: #бесплатно (но есть платные тарифы).

#дизайн #code #ии

@javascriptv

UptimeSystem — мониторинг доступности веб-сайтов и серверов

UptimeSystem позволяет с лёгкостью отслеживать доступность ваших веб-сайтов, серверов и портов, а также контролировать выполнение ваших Cron-заданий

При этом вы можете получить мгновенные email-уведомления при изменении состояния отслеживаемых сервисов

Стоимость: #бесплатно (но есть платные тарифы)

@javascriptv

Shotcut WebTools — универсальные инструменты для веб разработчиков и не только

Этот полезный набор инструментов и утилит, предназначенных для упрощения вашей повседневной работы в Интернете, предлагает такие решения, как «Website Status Checker», «User Agent Finder» и т.д

Инструменты платформы позволяют упростить ряд задач, таких как проверка статуса веб-сайтов или определение user agent, что делает их незаменимыми помощниками в работе

Стоимость: #бесплатно

#web #утилиты

@javascriptv