CSS Color Module Level 4: Every New Function (2026)
CSS Color Module Level 4 added oklch, oklab, lab, lch, hwb and color(). Here is what each function does, the exact value ranges, and 2026 browser support.
Tutorials, deep-dives, and privacy-first thinking about developer tools.
Showing 49–60 of 111 posts
CSS Color Module Level 4 added oklch, oklab, lab, lch, hwb and color(). Here is what each function does, the exact value ranges, and 2026 browser support.
How CSV to JSON conversion really works in 2026 — RFC 4180 quoting rules, delimiter detection, BOM and encoding traps, and safe type inference.
Why a browser online timer drifts, how throttling in background tabs slows it down, and how to run a countdown that stays accurate to the second.
How the EyeDropper API lets a web app sample any pixel on the screen, the exact JavaScript to call it, and the fallback you still need in 2026.
Build an OKLCH color ramp where every step looks evenly spaced. A practical 2026 guide to lightness stepping, chroma tapering, and gamut safety.
A developer's guide to the WCAG contrast ratio formula, the 4.5:1 AA and 7:1 AAA thresholds, large-text exceptions, and how to check color contrast in code.
RGB to HEX is base-10 to base-16 on three bytes. Here's the exact math, the JavaScript one-liners, alpha channels, and the mistakes that trip people up.
In JavaScript str.length counts UTF-16 code units, so one emoji reports 2 and a family emoji reports 11. Here is how to count emoji characters correctly.
Splitting on spaces gives the wrong count for Chinese and Japanese. Here is how to count CJK words correctly with Intl.Segmenter and character counts.
The 2026 rules for SEO title and meta description length: real pixel limits, the 50–60 character target, and why Google rewrites your titles.
Change one word and your diff lights up the whole line red and green. Here is why line-based diff does that, and how to switch to word-level.
The X 280-character limit isn't a raw character count. Learn how weighted counting, t.co URLs, and emoji work — and how to pack more into every post.