Pardon my dust! I just migrated my website to the fantastic Eleventy and am recording the redesign process of adopting my design system for our AI & Design Systems course.

Browser Roulette

So I had a thought:

Basically, I want to be given a random browser's rendering of my page every time I refresh the page.

Why?

As time goes on, we have to be considerate of more browsers, devices, screen sizes, environments, settings, and a whole slew of other variables. I've found that having quick access to tools that let me test all different screen sizes and even test on real devices during development make me a more considerate developer. I learn about potential gotchas and downfalls before I go down crazy rabbit holes.

I hate cross-browser testing as much as the next developer, and a lot of it is due to the fact that cross-browser testing typically happens after I've spent a lot of time getting things to work in my browser of choice. The same way that ish. and remote preview make it easy for me to be more considerate of different screen sizes and devices, I'd like a tool that lets me be more considerate of more browsers.

What do you think? Is this possible? Crazy? Stupid? CrazySexyCool?

Brad Frost Hey there! Brad Frost brad@bradfrost.com

I'm Brad Frost, an independent creator, web designer & developer, teacher, speaker, writer, musician, and artist based in Pittsburgh, PA.

Check out my courses AI & Design Systems course Atomic Design Certification Course Subatomic: The Complete Guide to Design Tokens course Get my newsletter

I like connecting with people directly without algorithms and machines getting in the way, and my newsletter helps me do that. Subscribe to get my latest thinking and interesting links about design, technology, music, art, creativity, and some random fun along the way.

Around the web