Developer’s Notes | Work Tools List ✨
Решил собрать самые интересные инструменты из последних выпусков Developer’s Notes, которые могут пригодиться в работе, как дизайнеру, так и web разработчику. Подборка будет постоянно обновляться и актуализироваться.
Если у вас есть какие-то предложения или вы нашли, что добавить в этот список — пишите Konstantin Goncharov. (Можно в Telegram)
CheckList.Design
Вы ничего не забыли в вашем дизайне?
Mobbin.Design
Сервис, где собираются экраны из приложений. Можете не качать кучу приложений, не заводить кучу учетных записей, если просто хотите изучить UI интересных вам сервисов.
Play.typedetail.com
Играем со шрифтами и подбираем нужные нам пропорции.
Squoosh
Удобный и простой сервис для сжатия размера изображений с полным контролем над качеством (разработано Google).
Известный сервис для сжатия изображений. Пакетно уменьшает размер файлов без потери качества.
Chartify.io
Инструмент для построения наглядных диаграмм и экспорта их в изображение.
Remove.bg
Отделяем людей от фото при помощи AI.
Progression
Сервис для организации совместной работы дизайнеров/разработчиков, позволяющий оценивать их карьерный рост и держать всю структуру команды в одном месте.
Octopus.do
Сервис для создания карты сайта и приблизительного расчета стоимости разработки.
Drafta
Сервис хранения и демонстрации изображений. Можно показывать заказчикам экраны приложений или иллюстрации любого типа.
2dimensions
Библиотека для анимации в WEB и Flutter приложениях + среда разработки этих самых анимаций.
Myfonts.com/WhatTheFont/
Сервис распознавания шрифтов по загруженному изображению.
Палитры и цвета 🎨
Palx
Инструмент подбирает вспомогательные цвета для предложенного вами цвета.
Palettte App
Colorbox.io
Сloudflare color
Geenes.app
Базы и подборки инструментов и ресурсов для дизайнеров
We are DesignBase
Flowbase
Designnotes.co
Ficture.design
Ресурс, на котором проводят анализ сайтов и их типографии.
iradesign.io
Бесплатный генератор крутых иллюстраций.
Betterwebtype.com
Ресурс с ресурсами про типографию. Есть даже игры на запоминание шрифтов и книги.
Graphpack
Не требующий конфигурации, компактный GraphQL-сервер с живой перезагрузкой, песочницей и всем полагающимся.
WebDev
Google инструмент для проверки сайтов (там же найдете много статей про UX/UI Best Practices).
TestMySite
Google инструмент, который проверит ваш сайт на скорость загрузки по 3G/4G и даст необходимые советы.
URLscan.io
Сервис сканирует сайт на редиректы и упоминания на других ресурсах + полный анализ загружаемых ресурсов и их происхождения.
NginxConfig
Генератор конфига Nginx с множеством пресетов для SPA, NodeJS, Frontend.. и с пояснениями. Внизу выводится код конфига и инструкции по настройке.
sslforfree.com
Сервис online получения letsencrypt сертификатов без certbot и любых других манипуляций с сервером.
Signale
Очень простой и максимально кастомизируемый логгер для NodeJS.
Carbon.now.sh
Сервис генерирует изображение с вашим кодом в красивой редакторе, который вы сами настраиваете.
Drawsql.app
Сервис в котором можно продумать будущую DB и отношения в ней.
Animejs
Легкая и удобная библиотека для работы с SVG и многим другим..
Webauthn.io
Используем “железные” ключи и части тела (Touch/Face ID) для авторизации на сайте.
PagePiling.js
Плагин, который даёт возможность сделать на сайте секционную прокрутку страниц.
Lax.js
Крошечный (3kb) плагин на ванильном js для создания крутых smooth scroll animations.
Uppy.io
Плагин формы загрузки файлов. Поддерживаются облачные сервисы и еще много чего.
Wit.ai
Библиотека для обработки голосовых запросов. Можно использовать для перевода записей в текст (транскрибации).
Metatags.io
Инструмент, который покажет как ваш сайт выглядит в соц сетях, поисковых системах и поможет исправить этот вид.
Just Good Copy
Сервис собирает UX тексты от известных сервисов и помогает вам придумать текст с опорой для писем на почту клиентам.
Speakhuman.today
Сервис генерирует человеческие тексты для разных событий в вашем проекте.
Mailtolink.me
Cервис для генерации предзаполненных mailto ссылок.
Useberry
Cервис помогает проводить юзабилити-тестирование интерактивных прототипов.
Rotato.xyz (Design Camera)
Бесплатный и крутой инструмент для создания промо материалов. Выглядит очень эффектно. Есть только под MacOS.
Zapsplat.com
Бесплатная библиотека звуковых эффектов, которые можно использовать в ваших проектах.
Подпишись на Developer’s Notes в Telegram
Developer’s Notes | Work Tools List ✨ was originally published in Developer’s notes on Medium, where people are continuing the conversation by highlighting and responding to this story.