top | item 1370976

Safari 4, built entirely with valid HTML5 and CSS3. Nary an image was used.

49 points| mikecane | 16 years ago |general-metrics.com | reply

26 comments

order
[+] jfr|16 years ago|reply
Firefox can do that as well:

chrome://browser/content/browser.xul

Ok... that is cheating...

[+] chaosmachine|16 years ago|reply
It's neat, but I really expected some kind of iframe, so you could browse inside it.
[+] thunk|16 years ago|reply
And of course the first page I'd visit with it would be itself. And again. And again.
[+] proexploit|16 years ago|reply
I opened it up in Chrome first. I'd have lost my mind if Firefox was running in an iFrame. :)
[+] jarek|16 years ago|reply
It would have been nice if they didn't use so many -webkit- properties (I counted 34) so that other browsers could at least have a shot at rendering it. Several properties they use are supported by Opera if given the chance.
[+] thristian|16 years ago|reply
It's hardly "built entirely with valid HTML5 and CSS3" if they're using proprietary -webkit- properties rather than CSS3 properties.
[+] TrevorBurnham|16 years ago|reply
Looks awful on the iPad. I guess Safari Mobile still has some catching up to do with its desktop sibling.
[+] jay_kyburz|16 years ago|reply
Looks awful on chrome too.
[+] luna|16 years ago|reply
In the real (physical) world (you remember, that infinitely large thing outside of your computer), this is simply called a "mirror".

It's not producing something, it's looking itself in the mirror: attention: vanity is waiting!

[+] lisper|16 years ago|reply
Is the background also image-free? That seems much more impressive to me than the browser window (and the browser window is pretty impressive.)
[+] proexploit|16 years ago|reply
It's not image free, but it would technically be possible with CSS only (except for the kind of glow effect) albeit a nightmare to try.
[+] minalecs|16 years ago|reply
the colors of the close, minimize and expand aren't correct, so not entirely accurate. Still awesome
[+] bombs|16 years ago|reply
They're correct if you have your appearance settings set to Graphite instead of Blue.
[+] proexploit|16 years ago|reply
This makes me want to give it a try, but then I realize the amount of time involved...
[+] mrtron|16 years ago|reply
Built by Xzibit?
[+] iamdave|16 years ago|reply
Yo dawg, I heard you like the internet, so we put a browser in your browser so you can meme while you meme
[+] drivebyacct|16 years ago|reply
Why is this so proud of using HTML5/CSS3 and no images, when the site General Metrics seems to imply that they value Photoshop over non-PS methods.

// We help design agencies build websites and web applications.

if ( Photoshop > (TextMate || Coda) ) { contactUs (”email”); }

[+] ido|16 years ago|reply
I read it as: if you prefer to use photoshop (i.e. you are a graphics designer that wants to just send a mock-up and have it implemented) you should contact them.
[+] puns|16 years ago|reply
I think it's just their way of saying they're looking to hire a graphic designer as opposed to programmers, not their design philosophy.
[+] atanok|16 years ago|reply
The joke is that (TextMate || Coda) as any OR operation, returns either 0 or 1, so if Photoshop is >=2 then that if condition is always true, regardless of the value of TextMate and Coda.