Operating at Scale

Disk Clock is now fully scalable. The core code was made resolution independent long ago, but there was still the matter of static CSS and other measurements. Appropriate factors are now being calculated dynamically (and recalculated on resize) Large sizes cause the CPU fan to spin up, but by and large it works pretty well. The Chrome version is now able to run effectively as a tab rather than a panel.

As of yet, I’ve not done anything to improve the resolution of raster graphics like the glass overlay or moon.

One particular challenge was what to do with the info panel that used to appear below the clock. Since Disk Clock proper can only effectively use a square space, I set up several different layouts, with the information appearing in the empty space to the side or below as appropriate. There is also an overlay layout when the window aspect is nearly square.

I also had to address the settings area – for a long time the browser version has had them side by side. It now defaults to being completely hidden. Text on both front and back scales with the available space – unfortunately some form elements do not scale, which can look a little awkward.