Anyone else notice the time displayed as local time? Not that its anywhere as cool as the rest of the demo, but I think its a really nice touch!
Try the calendar with the real day on it!
IPhone 4 in pure CSS3
41–50 of 64 posts
Re: IPhone 4 in pure CSS3
#42its cool but the title is misleading --> 335 lines of Javascript code used
A little like this - Donatello, a "pure" CSS drawing library, http://news.ycombinator.com/item?id=3090290. Not to belittle the effort, but 335 (or even 1) lines of JS is absolutely NOT pure CSS3. It really bothers me when people do that. It wouldn't have been any less impressive with a more honest title.
That being said, this is a really cool demo.
Re: IPhone 4 in pure CSS3
#43Perhaps I'm missing the point: besides a cool demonstration for what CSS can do (when aided by JS), why is this a useful idea? For anything practical, would one not be better off not being a purist, and using images etc? After all, image formats were meant to store graphics. I'm sure I'm missing something, since I've lately seen a lot of these "pure CSS" things. But what is it? [Edit: apparently, it is meant exclusiv…
The "made for" logo is for a Iphone wall paper app. I'm guessing they will use it for their website to display wall papers. [edit]infact they already do. http://ensoul.me/2V
At least for me, all the phones on their website still render with an image, unlike the demo.
Re: IPhone 4 in pure CSS3
#44Worth DOM inspecting, for example, the rays from the sun on the Weather app icon. Insane amounts of work have gone into this...
Re: IPhone 4 in pure CSS3
#45its cool but the title is misleading --> 335 lines of Javascript code used
A little like this - Donatello, a "pure" CSS drawing library, http://news.ycombinator.com/item?id=3090290 . Not to belittle the effort, but 335 (or even 1) lines of JS is absolutely NOT pure CSS3. It really bothers me when people do that. It wouldn't have been any less impressive with a more honest title. That being said, this is a really cool demo.
It is pure CSS as explicitly defined on the page, i.e. no images used.
Just because you have a different definition doesn’t make it right.
Re: IPhone 4 in pure CSS3
#46its cool but the title is misleading --> 335 lines of Javascript code used
It’s not. It’s pure CSS as defined explicitly on the page, i.e. no images used.
Re: IPhone 4 in pure CSS3
#47Hi!
I'm developer of this iPhone.
The reasons i've made it:
1. Challenge. I saw the icons in pure CSS and deside to make full iPhone with icons.
2. Demonstration of CSS3 posibilities (not all but many af them)
3. Inspiration. Many young developers write me and thanks me for inspire themto learn more, use more...
I titled it "..pure CSS3" because this iPhone is actually in pure CSS3, the JS part is for iPhone interaction. Without JS or with it - iPhone is anyway on pure CSS3.
Re: IPhone 4 in pure CSS3
#48stick a flash app in there that uses your microphone, camera, speakers, over tha internetz, and kill skype
Re: IPhone 4 in pure CSS3
#49Earlier quoted context omitted.
A little like this - Donatello, a "pure" CSS drawing library, http://news.ycombinator.com/item?id=3090290 . Not to belittle the effort, but 335 (or even 1) lines of JS is absolutely NOT pure CSS3. It really bothers me when people do that. It wouldn't have been any less impressive with a more honest title. That being said, this is a really cool demo.
It is pure CSS as explicitly defined on the page, i.e. no images used. Just because you have a different definition doesn’t make it right.
It's not his definition. Pure means "Not mixed or adulterated with any other substance or material". Here there is JS mixed, hence it isn't pure.
Re: IPhone 4 in pure CSS3
#50Earlier quoted context omitted.
It is pure CSS as explicitly defined on the page, i.e. no images used. Just because you have a different definition doesn’t make it right.
It's not his definition. Pure means "Not mixed or adulterated with any other substance or material". Here there is JS mixed, hence it isn't pure.
The point. You are missing it.
He or she uses CSS for a job for which usually images are used. Hence his or her use of CSS is pure in that sense and it’s also written down that way. It’s not misleading in any way, shape or form.
HN. A community of whiny know it alls.