Learn how to create charming interactions and delightful touches using the magic of CSS, JavaScript, SVG, and Canvas. I’m sharing all my tricks in this one!

Working Groups do not invent the future, nor do they hand down revealed truths by divining entrails like prophets of the House of Iamus. In practice, they are diligent, thoughtful historians of…

In the darkness may it bind us

Making sense—and use!—of the new Performance Extensibility API in Chrome DevTools.

Tired of fumbling with the PureGym app for 47 seconds every morning, I reverse-engineered their API to build an Apple Wallet pass that gets me in with a quick wrist scan. Along the way, I discovered their bizarre security theatre: QR codes that expire every minute while my ancient 8-digit PIN lives forever.

Multiple parallel Claude-Code sessions power a self-improving AI factory where agents write, review, and refine code.

Learn how to advocate for accessibility, drive change without authority, and connect inclusive design to business impact. Practical tips, strategies, and real-world examples included.

Home for explainer documents originated by the Microsoft Edge team - MicrosoftEdge/MSEdgeExplainers

Home for explainer documents originated by the Microsoft Edge team - MicrosoftEdge/MSEdgeExplainers

When teaching framing at UC Berkeley, Professor George Lakoff would often begin with a simple test: "Don't think of an elephant." Except everyone does. When he said elephant, like it or not, all things elephant—large, slow, floppy ears, tusks, trunk, jungle, savannah—were likely to come to mind. Lakoff gives another example: When Richard Nixon came on TV and said, "I am not a crook," everyone thought about him as a crook, even though he explicitly said he wasn't. Another case he shares is when someone says tax relief, it evokes a frame whereby taxes are a burden, someone imposing those taxes is hurting people, someone relieving you of that hurt is helping you, and anyone who wants to stop that relief is a villain. Suppose you think taxes are good, not bad; if you use the term tax relief when arguing against it, you're setting yourself up as the villain. Using someone else's language draws you into their worldview. Some Framing Examples Here are some less political, more everyday examples of framing at work: Stay-at-home parent and working parent evokes a frame where staying at home isn't work. Quality time frames certain family moments as more valuable and implies that some time is less meaningful. Home CEO reframes running a household as a business—children as projects or deliverables, perhaps? When someone does a favour, saying "I owe you one" frames the favour as a transaction to be repaid rather than a gift. Screen time evokes a frame of off-screen vs on-screen time, as opposed to considering the value of what you're doing, whether on-screen or off. Reframing Signage I love spotting signs that shift the frame in positive, thoughtful ways. Rather than presupposing bad behaviour, they invite good. For example, this sign from Kew Gardens: "Respecting Significant Trees Please help us manage our trees to ensure we can enjoy them for as long as possible. This tree needs a break from adults and children climbing on it. Please don't climb." Rather than setting Kew up as the rule-enforcer spoiling your fun, it frames them as caretakers—inviting you to help give a tired tree a break. Not climbing becomes an act of kindness, not a restriction. Not climbing becomes an act of respect rather than restriction. Our local wetlands has a "Ducks only" sign instead of an admonishing "Keep off the grass". Or at an ATM, even saying "Wait" rather than "Don't remove your card" helps keep removing your card further from your mind. Language shapes and reflects how we think. Using language that negates a frame evokes the frame. What frames are you evoking? Related Ideas to Don't Think of an Elephant Everything I've learned about framing, metaphor, and how they shape our thinking continues to fascinate me. Here are some related sketches and powerful metaphors: Primary metaphor The Frog Boil Metaphor Rivers and Buckets Compliments are Gifts The Learning Pit The Swiss Cheese Model Trust Battery The Accountability Ladder Sharpen the Saw Ideas Are Locations, Objects, Food Framing Get More Participation: Instead of "Anything Else?" ask "What Else?"

One of the most perplexing and befuddling things in CSS for me, for many years, was the behaviour of percentage-based heights. Sometimes, seemingly at random, setting “height: 100%” would have no effect at all. When I finally figured out what was going on, it was like a puzzle piece snapping into place; everything made so much more sense! In this post, I’ll share the epiphany I had, and we’ll explore some solutions.