Jless — инструмент для просмотра JSON-файлов в командной строке

Файл представляется в удобном виде — с подсветкой синтаксиса для отдельных элементов объекта. Инструмент позволяет обрабатывать и расширять массивы. Доступен полнотекстовый поиск и использование регулярных выражений. 

Поддерживается macOS и Linux. Версия для Windows в разработке. 

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

#web

DevToys — «швейцарский нож» для ежедневных задач разработчика

Внутри:
— Конвертеры: JSON в YAML, парсер Cron’а и тд;
— Кодеры/декодеры;
— Генераторы получения хеша: MD5, SHA1, SHA256, SHA512;
— Работа с текстом: сравнение текстов, разметка, проверка регулярок и тд;
— Работа с графикой: сжатие, конвертирование и тд.

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

#утилита #web

​​Учимся делать CSS-анимацию за 20 минут

Существует два способа: переходы (transitions) и анимации (animations). Как их использовать, как создавать собственные библиотеки переходов и какие есть подводные читайте статье: https://tproger.ru/articles/kak-nauchitsya-animaciyam-v-css-za-2-minut

#web #CSS

Pixie — палитра цветов, привязанная к курсору

Просто указываете им на цвет, и утилита сообщает вам значения RGB, HTML, CMYK и HSV. Также отображаются координаты курсора.

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

#web #утилита

Locofy.ai — утилита для конвертирования дизайна сайта в его код

Можно переносить креативы из Figma/Adobe XD сразу в React, React Native, HTML-CSS, Next.js или Gatsby. Есть функция синхронизации кода с GitHub и Visual Studio. Приложение на стадии беты. 

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

#UI #web

30 seconds of code — библиотека коротких фрагментов кода

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

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

#code #web