Please sign in to access this page

hdr-ify

hdr-ify

6 devlogs
10h 55m
Created by cattn

A svelte library to display various web elements in the HDR colorspace.

Repository

Timeline

Quick devlog, small change
Setup a demo page & automatic deployments: https://hdr.cattn.dev/

Update attachment

Exposed a ton of color utilities for usage. (universal color converter to hex, rgb to hex, etc.)
Added 2 props to the HDRRouter: delay{}, amplification{},
Delay will delay the application of HDR styles (could be useful for large apps)
Amplification allows you to configure the amplification of the HDR values (1 being no HDR, 3-4x being the max before it's just white)

I also published v0.2.6

Update attachment

I've published v0.1.0 to npm!

What did I change?

  • Added more helper functions for converting color types
  • Fixed hdrifyBackground()
  • Made color conversion more consistent
  • Improved the demo/test page a bit more.
Update attachment

I've spent an unfortunate amount of time fixing the transition from HDR to SDR via turning on low power mode on iOS. (Still working on android, took 2hr for iOS... 💀

To be fair! This has literally never been done properly (if at all) in the web before.

Added all the functions/methods, finished router, did readme, and published the npm package!

https://www.npmjs.com/package/@cattn/hdr?activeTab=readme

Update attachment

I got a POC working, with HDR support across all major devices and browsers (that support HDR!) and then a proper fallback color for those that do not.

Update attachment