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.

FML Winners Announced

Thanks everyone who entered the FML giveaway. Also, we’d like to thank the Coding Dutchmen developers for the licenses they gave to MacStories.

Here are the winners:

John Espino

Davide85

leesui

Zara

James Eilers

Michael

Cindy

Daniele

Swiftman

You’ll receive the licenses in your inbox in a matter of a few days. Stay tuned for other giveaways coming this week.

In the meantime, you can follow the official MacStories Twitter account as @macstoriesnet.

Easily Upload Screenshots to Basecamp with Freshlog

We’ve been writing a lot about Basecamp recently, and how this 37signals product changed the way we organize our tasks and projects for MacStories. I personally use Omnifocus to keep my local database in sync with the online service through Spootnik, but there’s a variety of other tools we use, like Radar, Headquarters and now, Freshlog.

Freshlog is a Mac application that enables you to take a screenshot, comment it and upload it to Basecamp. I gave it a 3 days spin, here are my thoughts so far.

Read more

Even More Screenshots of IM+ for iPad

German blog Touch-this.de has received some extra screenshots of IM+ for the iPad directly from Shape Services, which show more of the functionalities the developers are implementing in the upcoming new version.

Modal windows, popovers, icons in top toolbars, emoticons in keyboard. Sure they look good, but there are some elements (like the aforementioned icons) that really seem out of place and, most of all, not so easy to actually touch, due to the lack of spacing between them. It’s good to know that the developers are adopting the new UI standards for developing an iPad app, not just mimicking the old iPhone guidelines on a bigger screen.

The iPhone Font, Created From 540 iPhone Apps

We saw spoof videos, people getting married in an Apple Store and even iPhone fridge magnets - but I never thought stuff like this one would be possible. Created by Urikane, the iPhone Font / Alphabet is an example of what people can do with “540 apps and too much free time”: this guy managed to recreate the entire alphabet in his homescreen by simply combining the icons of various iPhone applications, basing on their primary color.

Read more

Bing iPhone App Removed From All the International App Stores

This one is weird: the official Bing app has disappeared from all the App Stores except for the US one since Monday. If you search for it in, say, the Italian App Store or the Brazilian one, the application isn’t there anymore.

There’s no official statement about it, but we remember Microsoft said something months ago regarding the fact that they didn’t want the app to be available worldwide, as it’s been for 3 months now. They left the app for 3 months in the App Store, and now it’s just gone.

We’ll keep you posted about this.