COLORION — сайт с огромным числом цветовых подборок

Коллекцию представленных на платформе палет можно использовать как в создании сайтов, так и приложений. При этом подходящие варианты смогут найти как приверженцы material-, так flat-дизайнов.

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

#web #дизайн

Gray Grids — онлайн-площадка с шаблонами Bootstrap и отзывчивыми веб-шаблонами HTML

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

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

#bootstrap #web #html

CSS Transform — визуализатор двух- и трёхмерных трансформаций CSS3

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

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

#css #web #визуализатор

Colormind — это генератор цветовых схем, использующий для этого глубокое обучение

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

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

При этом вы можете залить на платформу и своё фото, которое будет «растаскано» на цветовую схему

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

#цвета #вдохновение

JSON Crack — простой, но очень удобный визуализатор ваших JSON-данных

Нет необходимости заморачиваться с принудительной структурой — достаточно лишь вставить имеющийся JSON и мгновенно просмотреть его

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

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

#json #визуализация

Studio 3T — многоплатформенный графический браузер данных и редактор для MongoDB

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

В то же время Studio 3T обеспечивает безопасные соединения с единичными экземплярами MongoDB и наборами реплик

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

#mongodb #editr #gui

Windframe — инструмент для быстрого создания/прототипирования сайтов с помощью Tailwind CSS

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

При этом создавать или настраивать дизайн можно при помощи многочисленных опций

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

#web #css

Vercel — веб-платформа для frontend-разработчиков

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

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

#web #frontend

@htmlcssjavas

Converter — простое и удобное Flatpak-приложение для конвертирования и манипулирования изображениями

Никакого набора команд в Терминале, никаких сложных интерфейсов

Конвертирование изображений не должно требовать больших усилий и именно с таким подходом разрабатывался Converter

Инструмент имеет GUI с открытым исходным кодом на базе GTK4+libadwaita

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

#open_source #конвертер

Jitter — интуитивный онлайн‑редактор анимаций

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

В целом, утилита может быть полезна для тех, кто хочет создать видео о своём продукте и использовать при этом технику motion design

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

#web #видео

Stable Diffusion — онлайн инструмент для генерации изображений на основе текста

Для большинства утилита вряд ли станет открытием — многие уже успели «завести» Stable Diffusion на своём железе

Но немногие знают, что им можно воспользоваться онлайн и даже без регистрации. Единственное, придётся подождать небольшую очередь

Далее всё как и везде: пишете текстовое описание изображения, а нейросеть генерирует на его основе несколько вариантов

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

#нейросеть #изображения

ButterCMS — гибкая headless CMS для разработчиков

ButterCMS предлагает интуитивное и удобное управление контентом для ваших приложений

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

Есть в платформе и встроенные SEO-инструменты и поддержка мультиязычного контента

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

#CMS #SEO #контент

ColorZilla — удобный инструмент для работы с цветами и графикой веб-страниц

ColorZilla предоставляет палитру цветов, селектор цвета, определение цвета на веб-странице, измерение отступов и размеров элементов, а также возможность создания градиентов и генерации CSS-кода

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

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

#цвет #web

Colorspire — творческая платформа для цветового вдохновения

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

Платформа предоставляет исчерпывающие данные о каждом цвете, включая коды (HEX, RGB) и их значения в различных системах цветопередачи

А ещё у Colorspire есть плагин для Adobe XD!

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

#color #дизайн

SnipCSS — инструмент для извлечения CSS из веб-компонентов

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

При этом вы также можете заменить любой авторский текст, изображение и SVG на данные, сгенерированные AI, или иконки под лицензией MIT

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

#CSS #web #code

CSS Selectors/Combinators Classifier — классификатор селекторов и комбинаторов CSS

Он предназначен для организации и выделения селекторов и комбинаторов CSS по типам

Особенностью инструмента является возможность быстро и эффективно группировать и классифицировать селекторы CSS, что помогает упростить процесс написания и отладки CSS-кода

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

#CSS #web #code

Form Builder — инструмент для создания форм без написания кода

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

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

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

#формы #no_code

Best CSS Button Generator — генератор олдовых стилей кнопок на CSS

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

Вы можете выбрать из 30+ предопределённых стилей или цветовых тем, которые затем можно легко настроить, чтобы они соответствовали интерфейсу вашего сайта

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

#CSS #web

FigDart — мост между Figma и Flutter для разработчиков

FigDart — это плагин для Figma, созданный для ускорения разработки и оптимизации рабочего процесса в Flutter

Он позволяет легко конвертировать стилизацию из Figma в повторно используемый код Dart, обеспечивая бесшовный переход от дизайна к разработке

В будущем планируется добавление функциональности для конвертации компонентов Figma в Flutter-виджеты

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

#Figma #Flutter