When is :focus-visible visible?
Explains the CSS :focus-visible pseudo-class, detailing when browsers show focus styles for accessibility without compromising design aesthetics.
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 the CSS :focus-visible pseudo-class, detailing when browsers show focus styles for accessibility without compromising design aesthetics.
A developer details migrating their blog from the Ghost CMS to the static site generator 11ty, covering the export process and new workflow.
A comprehensive cheatsheet explaining key web performance metrics like LCP, FCP, and TTFB, based on a conference talk.
A guide to creating a decentralized website using ENS (Ethereum Name Service) and IPFS (InterPlanetary File System).
Summary of key announcements from Chrome Dev Summit 2020, focusing on Core Web Vitals and new CSS performance properties.
A developer shares key lessons learned from transitioning to React, focusing on its nature as a UI library and the shift in mindset required.
I've recently been going down a rabbit hole of making improvements to my CanIUse embed. To give a bit of a background, it is an interactive embed I cr
Highlights from Chrome Dev Summit 2019, covering upcoming HTML form improvements, new CSS features like :is() and logical properties.
A technical guide on using Puppeteer for screenshot capture within serverless Netlify (AWS Lambda) functions, including setup and code examples.
Explains the key difference between web3.js call() and send() methods for interacting with smart contract functions that read vs. alter state.
Explains the four function visibility specifiers (private, internal, external, public) in Solidity smart contracts and their security implications.
A guide to creating and enforcing performance budgets using Lighthouse, including setting metrics and automating tests via a budget.json file.
Explains the challenges of removing duplicate objects from a JavaScript array and presents a custom solution for deep comparison.
Explores new WCAG 2.1 mobile accessibility guidelines for placing, designing, and instructing users on interactive web elements.
A web developer revisits and improves the accessibility of the HTML <abbr> element, addressing tooltip and keyboard navigation issues.
Explains how self.skipWaiting() forces a new service worker to activate immediately, bypassing the waiting state in its lifecycle.
Explains tree shaking, a JavaScript optimization technique to remove unused code from bundles, using ES6 modules and tools like webpack.
Explains why to use the CSS :lang pseudo-class instead of the [lang] attribute selector for accurate language-specific styling.
A tutorial on creating a Siri Shortcut to automate the generation of PWA icons and web app manifest files for iOS users.
Explains the Virtual DOM concept, its differences from the original DOM, and why it's used for performance in modern web development.