С Новым годом, друзья!
Сегодня мы поговорим об одном из самых интересных инструментов, которые я видел за последнее время. Omatsuri — это открытая платформа, состоящая из 12 удобных утилит для повседневных задач разработчика. Сайт omatsuri.app выполнен в минималистичном стиле и предлагает интуитивно понятный интерфейс. Это инструмент, который явно создан «с душой» для тех, кто ценит функциональность и простоту.
Давайте рассмотрим несколько примеров.
Генератор треугольников (Triangle Generator)
Создание треугольников в CSS — одна из тех задач, которые часто раздражают из-за необходимости тонкой настройки. Omatsuri избавляет вас от головной боли.
Вот как это работает:
Выберите направление треугольника.
Настройте размеры и цвета — можно воспользоваться готовыми пресетами или задать параметры вручную.
Получите готовый код в форматах CSS, SCSS или JSS.
Недостаток: приходится копировать разные части кода по отдельности.
Генератор градиентов (Gradient generator)
Когда нужен красивый градиентный фон, часто приходится искать примеры или вдохновение. Забудьте про это! Здесь всё легко:
Выберите направление.
Отрегулируйте угол с помощью ползунка.
Скопируйте готовый CSS или JavaScript.
Разделители для страниц (Page Dividers)
Иногда хочется добавить на сайт разделители в виде волн или диагоналей, но это сложно реализовать вручную. Omatsuri предлагает несколько стильных вариантов.
Выберите тип разделителя (волны, диагонали, треугольники).
Скопируйте код или скачайте готовый SVG-файл.
Недостаток: доступно ограниченное количество стилей. Для большего выбора рекомендую shapedivider.app.
Автоматическая генерация кода для keydown
Если вы работаете с событиями клавиатуры, этот инструмент станет вашим помощником.
Просто нажмите нужную клавишу, чтобы получить готовый код для её отслеживания.
Особенно полезно для работы с сочетаниями клавиш.
Предпросмотр значений CSS-свойства cursor
CSS-свойство cursor имеет больше значений, чем мы обычно используем в работе. Omatsuri предоставляет удобный инструмент для их изучения и тестирования.
Наведите курсор на любой из вариантов, чтобы увидеть, как он будет выглядеть.
Нажмите, чтобы скопировать значение.
Коллекция специальных символов (Symbols Collection)
Если вам когда-либо приходилось искать редкие символы для кода или дизайна, вы знаете, как сложно это бывает. С помощью Omatsuri можно быстро найти нужный символ.
Omatsuri — это бесплатный инструмент с открытым исходным кодом, который уже получил более 2,7 тыс. звезд на GitHub. Вот ссылки, которые вам пригодятся:
Репозиторий: github.com/rtivital/omatsuri
Официальный сайт: omatsuri.app
Эта утилита не только упрощает вашу работу, но и помогает сосредоточиться на главном. Если вы разработчик, вам точно стоит попробовать Omatsuri. Удачи в новом году! ?