css dark-mode/light-mode - rethought

Raoul Kramer on frontend, cascading style sheets, css, dark-mode, light-mode, user-centric, user-power, custom properties, javascript, media query, ux, user experience, ui, user interface |

So, you read my last blog entry about "CSS, Dark-Mode and Custom Properties" and start to build for every website a light and a dark theme, to support your visitors. That's nice - and then you like your light theme more than the dark theme and your mobile phone switches…

javascript - choosing the right timeout is easy

Raoul Kramer on plain js, wpo, web performance optimization, requestAnimationFrame, requestIdleCallback, cancelAnimationFrame, magic numbers, timeout, ux, browser, setTimeout |

Every once in awhile I see code that debounces expensive events like resize or scroll: someTimeout = window.setTimeout(debounceScroll, 10); and I wonder about the magic numbers, developers choose. magic numbers In the example the dev thinks 10 milliseconds is a good time to debounce this event. The whole code…