Cachet — система страниц состояния на PHP

Сервис следит за используемыми на веб-сайте сервисами и выводит статусное сообщение, если что-то пошло не так. Статусные страницы можно кастомизировать в стиле веб-сайта и обновлять при помощи API, притом работа страниц уже оптимизирована под разные виды устройств. Имеется поддержка Markdown. Работает с более чем 10 языками — в том числе и с русским.

В дэшборде можно настроить желаемые метрики и управлять ими при помощи API. Предусмотрена двухфакторная аутентификация.

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

#веб

Webpack — сборщик модулей

Инструмент анализирует приложение, создает граф зависимостей и собирает модули в правильном порядке в один или несколько бандлов, на которые может ссылаться файл «index.html». Так отпадет необходимость следить за последовательным включением всех скриптов, чтобы приложение не поломалось до того, как запустится скрипт.

Перед сборкой модулей инструмент может осуществлять преобразования: например, преобразование SASS/LESS в обычный CSS, или современного JavaScript в ES5 для старых браузеров.

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

#веб

Glitch — платформа для создания и запуска full-stack приложений

Начать работу можно с минимального шаблона, загрузить проект с GitHub или воспользоваться готовым решением сообщества: например, приложение на Node.js, веб-сайт на React или HTML/CSS/JS, подключить базу данных SQLite и др. Такие шаблоны оборудованы всеми необходимыми инструментами, библиотеками и фреймворками и легко кастомизируются. Готовый проект размещается сразу же с возможностью сделать кастомный домен.

Возможна командная работа. Коллег можно приглашать как в один проект, так и в "плейлисты" — коллекции проектов.

Стоимость: публичные проекты #бесплатно, приватное использование #по_подписке от $8/месяц.

#веб

Hookbin — сервис для исследования HTTP-запросов

Инструмент позволяет перехватывать, анализировать и отлаживать HTTP-запросы любого рода (JSON, XML, YAML, Multipart и др.). Создав эндпоинт, вы можете отправлять запросы к этой конечной точке и проверять, что именно было передано.

Существует множество возможных вариантов использования. Доступна отладка веб-подключений от внешних поставщиков, например платежных систем, таких как Stripe или Recurly, перед запуском в производство. Правильно настроить контроллеры помогут отладочные формы в ваших приложениях. Также имеется синтаксический анализ составных запросов (загрузка файлов).

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

#веб

Nootiz — инструмент для сбора визуального фидбека на веб-сайте

Чтобы оставить комментарий, достаточно просто выделить элемент (текст или медиа). В тексте комментария нужно описать замечание, можно прикрепить файлы и назначить члена команды для решения проблемы. При этом каждый комментарий разработчик видит с техническими деталями: информация о браузере, операционной системе и окне просмотра.

Доступна интеграция с Asana, Trello и Jira для управления проектом в команде.

Стоимость: до 3 проектов в год для двух пользователей #бесплатно, больше проектов #по_подписке — бесплатно первые 60 дней.

#веб

Yotako — инструмент для преобразования дизайна в код

Сервис принимает на вход готовые дизайны, созданные с Balsamiq, Adobe XD, Sketch, Photoshop и др. Далее разработчику необходимо выбрать стек — возможно создание как веб, так и мобильных приложений. Можно воспользоваться своим стеком и кастомизировать его с помощью фреймворков, библиотек и других инструментов. Сервис создает код на основании дизайна и публикует его в выбранный репозиторий — GitHub, Bitbucket и др.

Стоимость: публичные проекты с дизайном на Balsamiq #бесплатно, больше возможностей #по_подписке.

#веб

Mirage — библиотека JavaScript для имитирования API

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

Имитация сервера кастомизруется. Доступно тестирование пользовательского интерфейса.

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

#API #веб

Clappr — функциональный и масштабируемый плеер для веба

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

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

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

#веб

Line Awesome — это бесплатный контурный шрифт, состоящий из около 1400 плоских линейных иконок. В основу шрифта лёг стиль Icons8 Windows 10, который в свою очередь состоит из более 4000 иконок.

Использовать Line Awesome можно как подключив к проекту, так и к Photoshop.

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

#веб #иконки

Responsively app — инструмент для облегчения и ускорения работы веб-мастеров

С помощью него разработку веб-приложений можно ускорить в 5 раз. Добиться этого помогает мгновенный предварительный просмотр всех целевых экранов в одном окне бок о бок.

Также Responsively app не требует дополнительного обучения, так как использует в своей основе уже знакомые инструменты разработки из браузера.

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

#веб