Публикации по теме 'colors'
Создайте индивидуальную цветовую тему в Material-UI
Создать собственную цветовую тему для вашего следующего проекта React легко
Недавно я начал использовать Material-UI для всех своих проектов на React и наслаждался тем, насколько просто создавать красивые интерфейсы. В этой статье я хочу объяснить, как начать работу с Material-UI и настроить тему цветовой палитры для использования в вашем следующем проекте.
Что такое Material-UI?
Material-UI - это фреймворк React UI, который следует принципам материального дизайна. Материальный..
Пользовательские цвета в React-Native
Раскройте бренд своего приложения.
Очевидно, что вы будете использовать несколько цветов в своем приложении, но вопрос в том, как сделать использование цвета эффективным и оптимальным.
Мы быстро добавим цвета в наше приложение, поддерживающее реакцию.
Первым делом сначала определите иерархию вашего приложения и знайте, где вы хотите, чтобы ваш файл цвета был, я люблю хранить в папке utilities / config и называть его Color.js
Теперь откройте только что созданный файл и начните..
Разрешение пользователю настраивать цвета приложения Python
Изображение от juicy_fish : ‹a href=" https://fr.freepik.com/vecteurs-libre/degrade-fierte-1_34294823.htm#query=Colors&position=6&from_view=search&track= robertav1_2_sidr '›Изображение juicy_fish‹/a› на Freepik
Возможно, вы захотите создать приложение/игру Python, в которой вы позволите пользователю выбирать цвета этого приложения. Модуль Tkinter, который я вам покажу, упрощает эту задачу!
Модуль называется «colorchooser». Вы можете импортировать его с помощью этой команды:..
Cherangi, Мое путешествие по названию цветовых переменных :)
Как все началось
Как фронтенд-разработчик, я обычно много работаю с названиями цветов в своих проектах. Поэтому, когда я хочу начать проект, я обычно создаю файл SCSS и называю его цветами, а затем определяю в нем все переменные цвета.
Итак, проблема в том, когда я хочу назвать эти переменные. С основными цветами легко, но когда дело доходит до большого количества названий цветов, я понятия не имею, как их назвать? Ну, я знаю только красный, зеленый и синий 😎 (хорошо, шучу… я..
Учебное пособие по программированию на JavaScript — Часть 10 — Создание случайных радуг!
В части 9 мы начали использовать радиальные градиентные заливки и использовали то, что мы узнали до сих пор, чтобы создать плавающий танцующий случайный квадрат с тенями. Давайте немного углубимся в линейные и радиальные градиентные заливки, чтобы закрепить некоторые из того, что мы рассмотрели ранее в этих вещах.
Сначала закомментируйте вызовы функций drawRandomSquare() и drawMouseCoordinates() в функции draw(). Затем добавьте новый вызов функции в нижней части функции draw() с именем..
Создайте генератор цветовой шкалы с Chroma.js
Давайте посмотрим на функцию масштабирования chroma.js
Недавно я наткнулся на полезную библиотеку JavaScript под названием chroma.js . Chroma.js - это небольшая библиотека JavaScript с нулевой зависимостью для всех видов преобразования цветов и цветовых шкал.
С chroma.js можно делать много вещей, в том числе:
Чтение цветов из широкого диапазона форматов Анализируйте цвета и управляйте ими Преобразование цветов в широкий спектр форматов Линейная интерполяция и интерполяция..
Использование заметных цветов изображения для компонентов, чтобы иметь свои собственные цветовые схемы в Vue
Да, я знаю, я знаю . Дизайнеры много думали о цветовой палитре. Это предупреждение о том, что я не предлагаю применять этот подход безрассудно, поскольку всегда есть шанс, что яркие цвета на изображении могут быть эстетически неправильными. Тем не менее, я подумал, что было бы забавно иметь возможность генерировать цвета, дополняющие основное изображение.
Я думаю, что это было бы особенно хорошо на минималистичных страницах продуктов или фотогалереях.
Фрагменты в этой статье..