This Week's Sponsor:

Winterfest 2024

The Festival of Artisanal Software


Safari 4, Entirely Built with CSS3 and HTML. Open Source.

We’ve posted links to cool HTML5 and CSS3 implementations before, but this one is seriously one of the best I’ve recently stumbled upon. Joshua Jones from General Metrics managed to re-create the Safari 4 window only with HTML and CSS3, thanks to Webkit capabilities. You can see the demo webpage here.

No images, canvas or javascript - just CSS rendering, and as the developer notes, the easiest part was to create the Aqua window buttons using multiple gradients. The code is open source on GitHub. Also, the next “clone” should be MobileSafari.

I think it’s quite fair to say this opens a lot of possibilities, and shows what you can really achieve with compliant web standards and some good effort. If you’re still wondering, CSS3 is awesome, period.

Access Extra Content and Perks

Founded in 2015, Club MacStories has delivered exclusive content every week for nearly a decade.

What started with weekly and monthly email newsletters has blossomed into a family of memberships designed every MacStories fan.

Learn more here and from our Club FAQs.

Club MacStories: Weekly and monthly newsletters via email and the web that are brimming with apps, tips, automation workflows, longform writing, early access to the MacStories Unwind podcast, periodic giveaways, and more;

Club MacStories+: Everything that Club MacStories offers, plus an active Discord community, advanced search and custom RSS features for exploring the Club’s entire back catalog, bonus columns, and dozens of app discounts;

Club Premier: All of the above and AppStories+, an extended version of our flagship podcast that’s delivered early, ad-free, and in high-bitrate audio.