nmjc.hashnode.devHow to Implement a Proper .sr-only Class for AccessibilityWhen building accessible web interfaces, there are cases where content should be visually hidden but still available to screen readers.This is where the .sr-only (screen-reader-only) pattern is commonly used. However, an incorrect implementation can ...Jan 15·5 min read
nmjc.hashnode.devNative HTML Accordions with Zero JavaScript: The Modern WayWe often reach for JavaScript libraries or heavy CSS hacks to build a simple accordion component. But with the latest browser capabilities, we can now achieve a fully functional, animated accordion using standard HTML and CSS alone. Today, let's expl...Dec 23, 2025·5 min read
nmjc.hashnode.devImplementing Dark Mode in Tailwind CSS (Without Fighting dark: Everywhere)In this article, we’ll look at how to implement light mode and dark mode in a Tailwind CSS project—without sprinkling dark: modifiers on every single class. Instead of writing things like: <div class="bg-white text-black dark:bg-black dark:text-white...Dec 20, 2025·5 min read
nmjc.hashnode.devA deep dive into :invalid, :user-invalidWhen we talk about web accessibility (a11y), we usually think of ARIA attributes, screen readers, or keyboard navigation first.But in real user experiences, the most frequently encountered accessibility challenge is forms. “Is this email format corre...Dec 12, 2025·3 min read
