Vinoo Ganeshhttps://vinooganesh.github.io/hugo-ink/tags/design/Designer, developer, and writer.Hugo 0.155.3enVinoo GaneshSun, 15 Feb 2026 00:00:00 +0000On Speed and Simplicityhttps://vinooganesh.github.io/hugo-ink/posts/on-speed-and-simplicity/Sat, 14 Feb 2026 00:00:00 +0000https://vinooganesh.github.io/hugo-ink/posts/on-speed-and-simplicity/The best websites are the ones that get out of your way. They load instantly, present content clearly, and respect your time.

Speed is not just a technical metric — it’s a form of respect for your readers. Every kilobyte matters.

Measuring what matters

curl -s -o /dev/null -w "Total: %{size_download} bytes\n" https://yoursite.com/

The target: under 100KB for a first page load.

]]>Dark Mode Done Righthttps://vinooganesh.github.io/hugo-ink/posts/dark-mode-done-right/Thu, 12 Feb 2026 00:00:00 +0000https://vinooganesh.github.io/hugo-ink/posts/dark-mode-done-right/Dark mode reduces eye strain, saves battery on OLED screens, and respects user preferences. But implementing it wrong creates a flash of the wrong theme on load.

The flash problem

Most implementations set the theme with JavaScript after the page renders. Brief flash of the wrong theme.

The solution

Run a tiny inline script in the <head>, before any content renders:

(function() {
  var saved = localStorage.getItem('theme');
  if (saved === 'dark' || saved === 'light') {
    document.documentElement.dataset.theme = saved;
  } else if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
    document.documentElement.dataset.theme = 'dark';
  }
})();

No flash. The <noscript> tag provides a CSS-only fallback for users with JavaScript disabled.

]]>