Простая валидация HTML-кода

W3C Markup Validation Service проверяет HTML-код на валидность и предлагает свои корректировки. Для систематизации результатов проверки можно указать дополнительные параметры.

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

Стоимость: #бесплатно для всех пользователей.

#html

PerfectPixel — плагин для верстки сайтов «пиксель в пиксель»

Этот инструмент проверяет, насколько верстка близка к макету. Нужно только скачать плагин для браузера Chrome, Opera, Edge или Safari и запустить его на интересующем сайте.

Работать можно как с сайтами, запущенными локально, так и с размещенными в Интернете - достаточно это указать в настройках. Подгружаем макет из Figma или Photoshop и вносим изменения в код страницы, подгоняя элементы под необходимую верстку.

Стоимость: #бесплатно для всех пользователей.

#html #css #вёрстка

Splitbee — простая аналитическая платформа для веб-сайтов

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

Стоимость: #бесплатно для небольших сайтов и личных проектов, расширенная функциональность #по_подписке.

#аналитика

Mockaroo — онлайн-генератор тестовых данных

Данные генерируются в формате на выбор: CSV, SQL, JSON, Excel и др. Принцип работы прост - необходимо указать требующиеся поля, их типы и опции, а затем скачать получившийся набор.

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

Стоимость: объем данных в тысячу строк #бесплатно, большие объемы доступны #по_подписке.

#тестирование #базы_данных

tldr — онлайн-справочная для Unix

Альтернатива команде man - лаконичная документация, содержащее самое главное о различных командах. В основном справочные страницы относятся к категории «общее» или «Linux», но представлены также для macOS и Windows. Достаточно вбить в поисковую строку пример команды и нажать enter - на экране появится ее описание и примеры использования.

Стоимость: #бесплатно для всех пользователей.

#unix #документация

SlashApi — платформа, позволяющая построить API без единой строчки кода

Инструмент берет на себя все заботы по REST API - получение и модифицирование данных через приложения. Доступна интеграция с различными популярными приложениями, например, Slack, MySql, Twitter, Dropbox и др. Такая технонология позволяет сэкономить время на построении API и сосредоточиться на разработке основного продукта.

Стоимость: #бесплатно для небольших проектов, расширенная функциональность #по_подписке.

#API

Flaticon — крупнейшая база векторных изображний

На сайте представлено 5,8 млн стикеров для мессенджеров, иконок и значков интерфейса в различных форматах. Менять цвет и размер изображений можно на сайте. Это позволяет использовать их сразу, не прибегая к другим инструментам.

Стоимость: ограниченное число скачиваний изображений в формате PNG #бесплатно, расширенная функциональность #по_подписке

Postman — платформа для работы с API

Инструмент упрощает использование API и ускоряет их создние благодаря широкому пулу инструментов. Они направлены на дизайн, тестирование, документацию API и др. Имеется встроенное хранилище с возможностью командного доступа, есть также персональные и групповые воркспейсы.

Стоимость: ограниченная функциональность для маленьких команд #бесплатно, больше возможностей #по_подписке

#API

Lucidchart — инструмент для построения схем и диаграмм

Платформа предоставляет широкий выбор шаблонов диаграмм. С помощью них можно визуализировать сложные идеи, графически изобразить протекание процессов, организационные структуры и др. Возможна командная работа и интеграция с другими популярными сервисами: Slack, Google Workspace, Microsoft Office и др.

Стоимость: ограниченная функциональность #бесплатно, больше опций #по_подписке.

#диаграммы #организация

Clutch — платформа для сопровождения продукта с этапа проектирования до его реализации

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

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

#product_management

Vizely — инструмент для ревью кода

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

Стоимость: работа в общих репозиториях #бесплатно, в частных с меньшим числом разработчиков - #по_подписке.

#code_review

removebg — инструмент для удаления фона с изображений

Операция занимает всего пару секунд, качество изображения при этом сохраняется. Скачав утилиту для Windows, Mac OS, Linux, работать можно сразу с несколькими файлами. Здесь же фон можно заменить на любой другой. Доступна также веб-версия, плагин для Photoshop или Figma и интеграция в качестве API.

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

#изображения

Clockify — таймтрекер для персональной и командной работы

Платформа позволяет отслеживать время, проведенное за работой над каждым отдельным проектом. Указав стоимость часа работы, можно рассчитывать затраты на выплаты персонала, а из панели администратора доступен просмотр производительности всех членов команды. Это позволяет оценить степень готовности проекта и сопоставить понесенные затраты с имеющимся бюджетом. Счет на оплату можно отправить сразу из приложения. Есть веб-версия и десктопное приложение. Интегрируется с другими приложениями: Google Calendar, Outlook, VS Code и др.

Стоимость: ограниченная функциональность #бесплатно, больше функций #по_подписке.

#организация #продуктивность

Raindrop — современный менеджер закладок

Удобный интерфейс позволяет размещать закладки по коллекциям, внутри которых возможен поиск. Искать также можно по тэгам и встроенным фильтрам. Менеджер отслеживает дублирующиеся закладки и неработающие ссылки и предлагает их удалить.
Отображение закладок настраивается по желанию - списком, сеткой и др. Их добавление можно автоматизировать, интегрировав сервис в свои приложения: Slack, Evernote, Notion и др.

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

#организация

Friendly Captcha — юзер-френдли альтернатива обычной капче

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

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

#captcha

Mobbin — большая библиотека скриншотов мобильных приложений

Разработчику доступны более чем 50 тысяч изображений-примеров уже реализованных проектов для Android и iOS. Это экран запуска приложения, шкала загрузки, форма регистрации, настройки и многое другое. Живые примеры помогут разработчику в кратчайшие сроки найти наиболее подходящие решения для своего проекта. Если дизайнерское вдохновение покинуло, достаточно вбить в поиск название элемента или пролистать предложенные коллекции.

Стоимость: ограниченная функциональность #бесплатно, больше возможностей #по_подписке

#UI #UX

Surge — платформа для публикации статических веб-сайтов в сети

Достаточно скачать интерфейс командной строки и воспользоваться одной командой. Затем можно придумать домен — это, как и размещение, бесплатно. Сервис также предлагает кастомизировать страницу с кодом ошибки 404. Тогда в случае, если запрашиваемая страница не найдена, Surge будет автоматически выдавать кастомизированную версию. Доступна командная работа.

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

#хостинг

BlackHole — приложение для шэринга файлов посредством технологии блокчейн

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

Стоимость: безлимитное отправление файлов объемом до 512MB #бесплатно, большие объемы будут доступны #по_подписке, которая сейчас находится на этапе разработки.

#blockchain

Tally — простой инструмент для построения форм и опросников

Кодить не придется, можно собрать форму из готовых полей. Доступны также условные выражения, расчеты, скрытые поля и т. д. Предназначение форм самое разное: интервью и опросы, регистрация новых пользователей, оплата услуг и др.
Готовую форму в виде ссылки нужно поместить на веб-сайте. Полученные данные можно экспортировать и анализировать привычным способом. Доступна интеграция с Zapier, Integromat, Google Sheets, Notion, Slack и др.

Стоимость: базовая функциональность #бесплатно, больше возможностей #по_подписке.

#формы

Whatruns — расширение для браузера, показывающее технологии, использованные на веб-сайте

Достаточно кликнуть на иконку расширения, тогда инструмент покажет, что было использовано при создании сайта, на котором вы находитесь. Список длинный: CMS, CDN, аналитика, плагины, шрифты и др. На интересующих веб-сайтах можно подключить уведомления. Тогда расширение уведомит вас о внедрении нового инструмента на сайте.

Стоимость: #бесплатно для всех пользователей.

#вебразработка