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

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

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

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

#web #плагин

Mockoon — простейший способ разработки и запуска макетов REST API

Инструмент не требует удалённого развертывания, не требует учётной записи, при этом бесплатно и имеет открытый исходный код

Благодаря Mock API вам больше не придётся писать фиктивные функции для получения данных

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

#API #open_source

Alfred — встроенный в macOS Spotlight, но на стероидах

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

Бесплатная версия позволяет искать и запускать файлы/приложения, осуществлять поиск в разных поисковиках, воспользоваться встроенным калькулятором, словарём, предпросмотром файлов, статистикой использования и т.д

А за отдельную плату откроется в 1,5-2 раза больше возможностей

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

#macos #продуктивность

Kera — удобный инструмент для создания встроенных в приложение обучалок для пользователей

С его помощью вы получите доступ к действенной аналитике, способной помочь привлечь и удержать пользователей

При этом Kera уже используется такими компаниями как Google, Dropbox и LinkedIn

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

#инструмент #аналитика

Locofy — инструмент для преобразования дизайна Figma в готовые к производству приложения

Инструмент поддерживает такие технологии как React, React Native, HTML-CSS, Gatsby, Next.js и популярные библиотеки пользовательского интерфейса. В том числе Material, Chakra, Bootstrap и т.д

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

#figma #web #приложение

3Cols — это бесплатный облачный менеджер фрагментов кода

С его помощью можно не только хранить, но также обмениваться и даже совместно работать над отдельными кусками кода вашего проекта

Инструмент имеет интеграцию с JavaScript, Python, PHP, Java, TypeScript и т.д

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

#web #snipet #code

ASCII Art Generator — бесплатный инструмент для конвертирования изображений в цветные или монохромные ASCII-картинки

Также сервис позволяет превратить текст в ASCII- баннеры

Для тех же, кто хочет вывести цветной ASCII Art с площадки, разработчики предлагают широкий выбор выходных форматов, включая SVG

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

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

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

Сервис предлагает более 50 тыс изображений, демонстрирующих дизайн уже готовы проектов для Android и iOS

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

Стоимость: #бесплатно (но есть платные функции по подписке)

#web #ui #mobile

Van11y — набор доступных скриптов, выполненных на ES2015

Коллекция состоит из настраиваемых, доступных скриптов, в которые входят такие часто используемые «куски» пользовательского интерфейса, как аккордеон, панель вкладок, карусель, всплывающие подсказки, модалы и т.д

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

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

#web #js

n³ — это полнофункциональный файловый менеджер для Терминала

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

Расширить возможности инструмента можно за счёт плагинов, которые можно найти в соответствующем репозитории

Работает на целом ряде систем: Pi, Linux, macOS, BSD, Haiku, Cygwin, WSL и т.д.

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

#терминал #файловый_менеджер

Azure DevOps Services — полное решение для управления проектами, включая Git и конвейеры

Инструмент позволяет заниматься разработкой софта в команде, не испытывая при этом неудобств

Например, Azure DevOps Services интегрируется с существующей средой разработки или редактором, позволяя многофункциональной команде эффективно работать над проектами любого масштаба

Стоимость: #бесплатно (но большая часть функциональности доступна платно)

#web #azure #разработка

Blobmaker — создатель произвольных SVG-фигур

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

А можно довериться рандому и создать фигуру автоматически

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

#svg #web

BASE64 Decode and Encode — кодирование/декодирование BASE64-строк или файлов

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

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

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

#кодирование #base64

Beeceptor — приятный инструмент для мокинга REST API

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

Также с помощью инструмента можно имитировать более высокие задержки, вводя задержки и тайм-ауты. Это поможет вам проверить редко достижимые пути кода

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

#web #api #тестирование

Bitbucket — прямой конкурент GitHub, но с некоторыми отличиями

Упор в сервисе сделан на тесной интеграции с Jira и встроенном CI/CD

Также одним из главных отличий Bitbucket от GitHub является наличие бесплатного частного репозитория до пяти человек на проект

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

#git #github #web

Border Radius — лёгкий способ получить нужный CSS-код скругления углов элемента

Работает достаточно просто — вы указываете значение скругления, а инструмент автоматически генерирует нужный вам код

Можно добавить поддержку WebKit, Gecko и ванильного CSS3

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

#css #web

Turborepo — высокопроизводительная система сборки для JavaScript- и TypeScript-репозиториев

Она переосмысливает методы системы сборки, используемые Facebook и Google, чтобы устранить бремя обслуживания и накладные расходы

Так, Turborepo помогает избегать дублирования кода в базе, смотрит на содержимое имеющихся файлов и отношения между ними и даёт понять, что ещё нужно построить

Система позволяет работать как одному, так и с командой

Стоимость: #бесплатно (но есть платная подписка)

#web #js

Canva — платформа для создания дизайна продукта

По словам авторов проекта, их сервис позволяет создавать презентации, постеры, логотипы, документы и прочий контент профессионального уровня

При этом в зависимости от ваших нужд, можно пользоваться Canva бесплатно или за деньги

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

#дизайн #web

CryptPad — безопасная и конфиденциальная альтернатива Google Docs

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

Отдельно стоит отметить подробный FAQ-раздел CryptPad, с помощью которого начать работу с инструментом ещё проще

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

#документы #кибербезопасность

Check My SSL — простейший способ узнать информацию об SSL-сертификате конкретного веб-сайта

Например, с его помощью можно выяснить, через сколько сертификат просрочится или какая у него сигнатура. Также инструмент отлично подойдёт для отладки проблем SSL

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

#ssl #web

CodeAbbey — огромная коллекция задач по программированию

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

Из интересного: девиз проекта звучит как «Мы верим, что три вещи ведут к успеху — практика, практика и практика!»

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

#программирование #соревнование