Using System Fonts in the Browser
Explains how to use CSS system font keywords (caption, icon, menu, etc.) to style web elements with the user's OS fonts.
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
Explains how to use CSS system font keywords (caption, icon, menu, etc.) to style web elements with the user's OS fonts.
A technical guide explaining the CSS border-image property, its syntax, sub-properties, and how to use images as borders.
Explains how CSS positioning properties like display, position, and float interact and override each other.
Explains the CSS z-index property, stacking levels, and stacking contexts for controlling element layering in web development.
Explains how to use ARIA attributes (aria-labelledby, aria-label, aria-describedby) to properly label HTML elements for screen readers and improve web accessibility.
Explains how to use HTML heading elements (h1-h6) and the <section> tag to create a proper document outline for accessibility and structure.
Explains the semantic differences between HTML5's <div>, <section>, and <article> elements and provides guidelines for when to use each.
A developer shares how they built InstaChrome, a Chrome extension that replaces the new tab page with Instagram posts from a chosen tag.
Explores CSS alternatives to the float property for layout, focusing on display: inline-block and position: absolute with practical examples.
A guide to creating lightweight, scriptless social media share buttons with Google Analytics tracking for dynamic websites.
A guide to the different methods for defining colors in CSS, including named keywords, RGB/RGBA, and HSL/HSLA formats.
A technical guide explaining the specific rules and behaviors of CSS float properties for layout positioning.
A developer shares their experience building a Pebble smartwatch app using Pebble.js to display top stories from Designer News.
A tutorial on setting up a basic Gulp.js workflow to automate SASS compilation, JS concatenation, and minification for web development.
Explores various CSS properties (display, visibility, opacity, position) for hiding elements, detailing their visual, functional, and accessibility implications.
A practical cheatsheet for jQuery UI events, detailing mouse, keyboard, and touch interactions for developers.
A guide to building a multi-level dropdown navigation menu that is fully accessible across mouse, touch, keyboard, and screen sizes, with JavaScript fallback.
Explains the CSS Box Model, its components (content, padding, border, margin), and how the box-sizing property controls element sizing.
Explains the difference between CSS pseudo-classes and pseudo-elements, and clarifies the correct single vs. double colon syntax to use for each.
A developer shares their experience implementing Firebase security rules for an AngularJS app, explaining rule types, structure, and cascading behavior.