←back to thread

98.css – A design system for building faithful recreations of old UIs

(jdan.github.io)
471 points OuterVale | 5 comments | 06 Nov 24 02:46 UTC | HN request time: 1.196s | source
1. myfonj ◴[06 Nov 24 10:25 UTC] No.42059426[source]▶
NB, that style does not play well with non-native DPI (e.g. when you have monitor set to 150% scale); to see it mapped to physical pixels, try running this in the browser's console:

    with(document.documentElement.style){
      transform = `scale(${ 1 / devicePixelRatio })`;
      transformOrigin = 'top left';
    }
(multiply the scale by whole number to get it "crisply zoomed").

Still not 100% perfect, but much closer to intended rendering, I guess.

replies(1): >>42068232 #
2. paulirish ◴[06 Nov 24 19:48 UTC] No.42068232[source]▶
Wow, your use of `with` is both terrifying and super fresh. I love/hate it.
replies(1): >>42074566 #
3. phatskat ◴[07 Nov 24 07:59 UTC] No.42074566[source]▶
I’ll be honest, I didn’t know JS had `with`…off to MDN
replies(1): >>42076059 #
4. myfonj ◴[07 Nov 24 12:29 UTC] No.42076059{3}[source]▶
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Refe...

tl;dr is that `with` is a long deprecated statement that is good for casual "golfing" and raising eyebrows of JS-savvy folks. Does not work in the "use strict" mode (so in modules) and generally should not be used in any "real-world" production code, since it prevents many optimisations and could possibly make the code harder to grasp. But I guess for casual one-time console doodles it could be fine. Reportedly it is supported in all major JS engines, and I don't think it will be really removed in foreseeable future.

replies(1): >>42079794 #
5. phatskat ◴[07 Nov 24 19:09 UTC] No.42079794{4}[source]▶
I read the MDN page on it right after my comment and it’s fascinating, and also very understandable why it’s a Bad Idea™