My CSS Reset/Base
A developer shares their personal, opinionated CSS reset/base file, explaining the rationale behind each style rule and modification.
Ire Aderinokun — Investor, entrepreneur, and software engineer with deep expertise in web technologies, early-stage startups, and frontier markets, focused on building and backing mission-driven companies advancing financial inclusion across Africa and emerging economies.
155 articles from this blog
A developer shares their personal, opinionated CSS reset/base file, explaining the rationale behind each style rule and modification.
A technical guide to making the HTML <abbr> element accessible for touchscreen, keyboard, and mouse users with custom CSS.
Explains how to use a service worker to intercept and handle failed image requests, providing fallback images when originals are broken or unavailable.
A developer shares a clever one-line JavaScript solution using String.replace() to highlight search terms in text results with HTML <mark> tags.
A critical look at the CSS pointer-events property, arguing against its use on standard HTML elements while acknowledging valid SVG use cases.
Explains how to use the aria-live attribute to make dynamic web content accessible to screen reader users.
An introduction to the Cache API, explaining its core concepts, storage organization, and basic CRUD operations for browser-based caching.
Explores the CSS visibility property's impact beyond visual display, covering accessibility, layout, and interactivity.
Explains how the CSS pseudo-classes :hover, :focus, and :active behave with different input devices like mouse, keyboard, and touchscreen.
Explains the Shadow DOM, a web technology for creating isolated, encapsulated DOM trees with their own elements and styles.
A developer explains how to implement offline-first features on a blog, including a 5-part video tutorial series on service workers and caching.
An analysis of CSS resets in modern web development, discussing their purpose, evolution, and continued relevance for cross-browser styling.
Explains the HTML tabindex attribute, covering how it controls element focus order and accessibility for keyboard navigation.
Explains CSS environment variables, their differences from CSS custom properties, and their use cases like safe-area-inset for notches.
A guide to creating time-saving Git command-line aliases for common tasks like committing, pushing, and branching.
Explains the Document Object Model (DOM), its role in web development, and how it differs from source HTML.
Explains how to use headless browsers, specifically Chrome and Puppeteer, to programmatically capture screenshots of web pages for technical solutions.
A guide to the WebP image format, explaining its benefits over PNG/JPG and providing conversion methods and web implementation techniques.
Explains the differences between Web Workers, Service Workers, and Worklets in JavaScript, detailing their distinct purposes and use cases.
Explores JavaScript Array methods like map(), filter(), every(), and some() as alternatives to traditional for loops for cleaner, more functional code.