#oklch — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #oklch, aggregated by home.social.
-
7 шагов, 6 запретов и один валидатор: разбираю /dataviz в Claude Code
Скормил новому встроенному скиллу Claude Code датасет на 76 лет — только ранги, без чисел. Модель сама выбрала перевёрнутую лог-ось, проверила палитру математикой и починила наезжающие подписи. Разбираю, как /dataviz устроен изнутри и почему из всех решений кодом проверяется только цвет
https://habr.com/ru/articles/1058312/
#claude_code #dataviz #визуализация_данных #палитра #доступность #wcag #oklch #дальтонизм #aiагенты #скиллы
-
Конвертируем цвета в JS со скоростью 6 миллиардов операций в секунду
В начале этого года я создал самую быструю JS-библиотеку для работы с цветом: парсинг различных форматов, конвертация в OKLAB/OKLCH, проверка попадания в P3-гамут и многое другое. Библиотека весит всего 7 КБ и не имеет внешних зависимостей. Высокую скорость обеспечили оптимизации под V8: мономорфизм, скрытые классы, ноль лишних аллокаций. Глянуть, что за либа
https://habr.com/ru/articles/1057978/
#JavaScript #WebGL #GPU #фрагментные_шейдеры #GLSL #OKLCH #производительность #оптимизация #canvas #colordx
-
Need to pick some #colours #oklch? Use https://oklch.com/
-
Need to pick some #colours #oklch? Use https://oklch.com/
-
i rewrote my color picker game "LCHOOQ" tonight to make a version that runs in your web browser! left click on the wheel to change the color, middle click to change which LCH channel you're tinkering with. in theory it'll set the clipboard to whichever color you last clicked on. https://zone.dog/games/lchoo2/ #oklab #oklch
EDIT: ok apparently the SDL3 clipboard APIs don't do anything in wasm builds ;_;
-
i rewrote my color picker game "LCHOOQ" tonight to make a version that runs in your web browser! left click on the wheel to change the color, middle click to change which LCH channel you're tinkering with. in theory it'll set the clipboard to whichever color you last clicked on. https://zone.dog/games/lchoo2/ #oklab #oklch
EDIT: ok apparently the SDL3 clipboard APIs don't do anything in wasm builds ;_;
-
【アフマド・アワイス】DeepSeekがClaude Opus 4.7に勝つことを可能にした、わずか3,200行の修正 — BigGo ファイナンス https://www.yayafa.com/2816665/ #AgenticAi #AI #Anthropic #AnthropicClaude #ArtificialGeneralIntelligence #ArtificialIntelligence #claude #ClaudeOpus47 #CommandCodeAi #cursor #DeepSeekV4Pro #GitHubCopilot #ＫＩＭＩ #LangBase #MiniMax #OKLCH #OpenCode #Taste #アフマド・アワイス #エージェント型AI #マット・マレンウェッグ #人工知能 #汎用人工知能
-
【アフマド・アワイス】DeepSeekがClaude Opus 4.7に勝つことを可能にした、わずか3,200行の修正 — BigGo ファイナンス https://www.yayafa.com/2816665/ #AgenticAi #AI #Anthropic #AnthropicClaude #ArtificialGeneralIntelligence #ArtificialIntelligence #claude #ClaudeOpus47 #CommandCodeAi #cursor #DeepSeekV4Pro #GitHubCopilot #ＫＩＭＩ #LangBase #MiniMax #OKLCH #OpenCode #Taste #アフマド・アワイス #エージェント型AI #マット・マレンウェッグ #人工知能 #汎用人工知能
-
Volume Color Editor is the best #OKLCH color picker and palette generator I’ve seen. It’s really neat how you can combine patterns!
https://www.volumecolor.io/editorIt’s available as a standalone web tool and now as a #Figma plugin, too.
#oklab #colorprofiles #arttools -
Volume Color Editor is the best #OKLCH color picker and palette generator I’ve seen. It’s really neat how you can combine patterns!
https://www.volumecolor.io/editorIt’s available as a standalone web tool and now as a #Figma plugin, too.
#oklab #colorprofiles #arttools -
От #FFF к OKLCH: как эволюция цветовых моделей меняет веб-разработку
Помните времена, когда цвета в CSS выбирались почти наугад? Белый фон — #FFF , чёрный текст — #000 , акцент — какой-нибудь #3498db , который просто нормально смотрится? Для раннего веба этого хватало. Интерфейсы были проще, экраны — одинаковее, а требования к доступности, темам и визуальной консистентности ещё не давили на разработку так сильно, как сейчас. Но современная веб-разработка давно ушла от логики «подобрали цвет и забыли». Сегодня интерфейс должен одинаково уверенно жить в светлой и тёмной теме, не ломаться на широком цветовой охвате дисплеев, держать читаемый контраст в веб-дизайне и при этом оставаться удобным для поддержки. Именно поэтому эволюция цветовых моделей стала важной инженерной темой. Сейчас цвета в CSS — это целый набор подходов, через которые проект решает задачи доступности, масштабируемости и удобства разработки. И на этом фоне OKLCH всё чаще рассматривают как следующий логичный шаг: модель, которая лучше соответствует человеческому восприятию и помогает строить более стабильные палитры.
https://habr.com/ru/articles/1024482/
#css #oklch #вебдизайн #дизайнсистемы #фронтенд #hsl #rgb #цветовые_пространства
-
#Design #Approaches
Why OKLCH · “Define colors perceptually, derive everything else.” https://ilo.im/16by9o_____
#Colors #ColorSpaces #ColorPalettes #OKLCH #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend -
#Design #Approaches
Why OKLCH · “Define colors perceptually, derive everything else.” https://ilo.im/16by9o_____
#Colors #ColorSpaces #ColorPalettes #OKLCH #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend -
Как мы пережили цветовой кризис в RuStore и нашли путь к тёмной стороне темы
Когда RuStore только запускался, мы строили дизайн на основе UI-кита от VK — удобно, практично, а главное помогло нам быстро вывести продукт на рынок. Но стор рос, интерфейсов становилось больше, дизайнеры — смелее, а требования — сложнее. И вот настал день, когда мы решили добавить тёмную тему. И всё сломалось. Именно тёмная тема вскрыла нашу главную проблему — ранняя структура цветовых токенов не готова к масштабируемости. Любое изменение запускало каскад правок и ломало синхронизацию между макетами и кодом. Под катом мы — Элина Шевченко, продуктовый дизайнер RuStore, и frontend-разработчик Андрей Едунов — расскажем историю, как мы полностью перестроили систему, не останавливая разработку, аккуратно вынесли всё из Figma в код и почему теперь можем масштабировать дизайн без драмы, даже если завтра понадобится не только тёмная тема, но и ностальгия по 2008-му, где primary — это чистый #000000, а secondary — оттенок тоски.
-
-
-
Small update to bjornrust.com.
Swapped Eleventy/Build Awesome for Zola. Applied OkScheme—a dark, low-contrast colour scheme I've been building with OkLCh. Added links to my now page and digital garden.
Otherwise, I am still striving for an extremely low-carbon footprint, high accessibility, and the privacy of the printed page.
Source: https://codeberg.org/bjornrust/bjornrust.com
OkScheme: https://codeberg.org/bjornrust/okscheme#zola #oklch #nowpage #sustainability #accessibility #privacy #indieweb
-
Small update to bjornrust.com.
Swapped Eleventy/Build Awesome for Zola. Applied OkScheme—a dark, low-contrast colour scheme I've been building with OkLCh. Added links to my now page and digital garden.
Otherwise, I am still striving for an extremely low-carbon footprint, high accessibility, and the privacy of the printed page.
Source: https://codeberg.org/bjornrust/bjornrust.com
OkScheme: https://codeberg.org/bjornrust/okscheme#zola #oklch #nowpage #sustainability #accessibility #privacy #indieweb
-
-
-
since i am bored and frenetically looking for a new job –
anyone want a talk about
- advanced typography, variable fonts, that reduce loadtime from 400 to 36- generative colour and colour schemes in #OKLCH
i'm your woman!
-
since i am bored and frenetically looking for a new job –
anyone want a talk about
- advanced typography, variable fonts, that reduce loadtime from 400 to 36- generative colour and colour schemes in #OKLCH
i'm your woman!
-
Продуктовая колористика: основы работы с цветом
Первая часть из микро-цикла статей о продуктовой колористике, который поможет дизайнерам, работающим с интерфейсами, глубже изучить вопросы колористики и её системности в продукте
https://habr.com/ru/articles/991464/
#колористика #цветопередача #цветовая_модель #rgb #oklch #hsl #wcag #дизайнсистема #дизайн_интерфейсов #дизайн
-
Who are my 10-bit HDR CSS Color Nerds?
What is your favorite color space engine? #RGB #HSL #OKLCH #P3
https://keithjgrant.com/posts/2023/04/its-time-to-learn-oklch-color/
-
Who are my 10-bit HDR CSS Color Nerds?
What is your favorite color space engine? #RGB #HSL #OKLCH #P3
https://keithjgrant.com/posts/2023/04/its-time-to-learn-oklch-color/
-
[Перевод] Vanilla CSS — единственное, что вам нужно
Команда JavaScript for Devs подготовила перевод статьи о том, как 37signals создают современные веб-приложения без Tailwind, Sass и сборщиков. Опираясь только на возможности нативного CSS, они строят масштабируемую архитектуру, используют :has(), color-mix(), CSS Layers, container queries и другие возможности, которые многие разработчики ещё даже не пробовали.
https://habr.com/ru/articles/975450/
#css #oklch #nesting #hash #js #css3_animation #css3_transition
-
OKLCH in CSS: why we moved from RGB and HSL
-
#Development #Guides
A pragmatic guide to CSS colors (part 2) · The many color options modern CSS opens up https://ilo.im/168um3_____
#ModernCSS #CssCalc #Colors #ColorSchemes #OKLCH #HSL #Transparency #Browser #WebDev #Frontend -
#Development #Guides
A pragmatic guide to CSS colors (part 2) · The many color options modern CSS opens up https://ilo.im/168um3_____
#ModernCSS #CssCalc #Colors #ColorSchemes #OKLCH #HSL #Transparency #Browser #WebDev #Frontend -
Frontend News #17: Why Pseudo-Elements Don’t Work With “:is()”, the Advantages of OKLCH, and More, by @zoranjambor (@cssweekly):
-
Frontend News #17: Why Pseudo-Elements Don’t Work With “:is()”, the Advantages of OKLCH, and More, by @zoranjambor (@cssweekly):
-
Une explication de ce qu'est OKLCH (utilisable notamment en CSS) accompagnée d'outils pour générer des palettes de couleurs.
-
What You Need to Know About CSS Color Interpolation, by @sunkanmifafowora.bsky.social (@csstricks):
https://css-tricks.com/what-you-need-to-know-about-css-color-interpolation/
-
What are #OKLCH colors?
-
#Development #Tools
oklch.fyi · An OKLCH color picker, generator, and converter https://ilo.im/166di6_____
#Generator #Converter #Color #ColorPalettes #OKLCH #P3 #sRGB #WebDev #Frontend #CSS -
What Are OKLCH Colors?, by @jakubkrehel.bsky.social:
-
If you want to learn more about colour jump to this place
-
Exploring the OKLCH Ecosystem and Its Tools, by @inazarova and @objartel.bsky.social and others (@evilmartians):
https://evilmartians.com/chronicles/exploring-the-oklch-ecosystem-and-its-tools
-
#Development #Tools
The OKLCH ecosystem and its tools · An overview of Evil Martians’ excellent OKLCH tools https://ilo.im/1648gk_____
#Color #ColorPalette #Accessibility #OKLCH #Browser #Figma #WebDev #Frontend #CSS #JavaScript
