#oklch — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #oklch, aggregated by home.social.
-
Here's how it looks on narrow screens, with expand/collapse animation.
#BuildInPublic #design #css #oklch -
Here's how it looks on narrow screens, with expand/collapse animation.
#BuildInPublic #design #css #oklch -
7 шагов, 6 запретов и один валидатор: разбираю /dataviz в Claude Code
Скормил новому встроенному скиллу Claude Code датасет на 76 лет — только ранги, без чисел. Модель сама выбрала перевёрнутую лог-ось, проверила палитру математикой и починила наезжающие подписи. Разбираю, как /dataviz устроен изнутри и почему из всех решений кодом проверяется только цвет
https://habr.com/ru/articles/1058312/
#claude_code #dataviz #визуализация_данных #палитра #доступность #wcag #oklch #дальтонизм #aiагенты #скиллы
-
7 шагов, 6 запретов и один валидатор: разбираю /dataviz в Claude Code
Скормил новому встроенному скиллу Claude Code датасет на 76 лет — только ранги, без чисел. Модель сама выбрала перевёрнутую лог-ось, проверила палитру математикой и починила наезжающие подписи. Разбираю, как /dataviz устроен изнутри и почему из всех решений кодом проверяется только цвет
https://habr.com/ru/articles/1058312/
#claude_code #dataviz #визуализация_данных #палитра #доступность #wcag #oklch #дальтонизм #aiагенты #скиллы
-
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
-
Конвертируем цвета в JS со скоростью 6 миллиардов операций в секунду
В начале этого года я создал самую быструю JS-библиотеку для работы с цветом: парсинг различных форматов, конвертация в OKLAB/OKLCH, проверка попадания в P3-гамут и многое другое. Библиотека весит всего 7 КБ и не имеет внешних зависимостей. Высокую скорость обеспечили оптимизации под V8: мономорфизм, скрытые классы, ноль лишних аллокаций. Глянуть, что за либа
https://habr.com/ru/articles/1057978/
#JavaScript #WebGL #GPU #фрагментные_шейдеры #GLSL #OKLCH #производительность #оптимизация #canvas #colordx
-
Конвертируем цвета в JS со скоростью 6 миллиардов операций в секунду
В начале этого года я создал самую быструю JS-библиотеку для работы с цветом: парсинг различных форматов, конвертация в OKLAB/OKLCH, проверка попадания в P3-гамут и многое другое. Библиотека весит всего 7 КБ и не имеет внешних зависимостей. Высокую скорость обеспечили оптимизации под V8: мономорфизм, скрытые классы, ноль лишних аллокаций. Глянуть, что за либа
https://habr.com/ru/articles/1057978/
#JavaScript #WebGL #GPU #фрагментные_шейдеры #GLSL #OKLCH #производительность #оптимизация #canvas #colordx
-
Built a fine color system for my app. It handles foreground color alternations on background colors instead of leaving foreground colors unchanged, so every cursor action has corresponding feedback, including foreground colors.
Lightness changes are based on OKLCH, making them feel consistent for humans eyes.
#BuildInPublic #design #oklch #css -
Built a fine color system for my app. It handles foreground color alternations on background colors instead of leaving foreground colors unchanged, so every cursor action has corresponding feedback, including foreground colors.
Lightness changes are based on OKLCH, making them feel consistent for humans eyes.
#BuildInPublic #design #oklch #css -
Need to pick some #colours #oklch? Use https://oklch.com/
-
Need to pick some #colours #oklch? Use https://oklch.com/
-
Need to pick some #colours #oklch? Use https://oklch.com/
-
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 ;_;
-
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 ;_;
-
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 #マット・マレンウェッグ #人工知能 #汎用人工知能
-
【アフマド・アワイス】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 -
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 -
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 #цветовые_пространства
