11–20 of 64 posts
Why do people keep calling things "pure CSS" when they use JavaScript and HTML?
I think HTML obviously is allowed to call something "pure CSS," since an HTML document is required to even load CSS, and CSS rules can only apply to DOM elements. JavaScript, however, shouldn't be allowed.
Perhaps I'm behind the times, but what tools do people use to make the icons like that in CSS3? Is it simply an art or can you start in photoshop and use some data there to help guide you along the way?
usually just a text editor.
For example, any website I've built I can surely make with just a text editor but I'll lay it out with ps first. That way I can go back and check what colors / gradients / dimensions I used to speed up the process.
I would image this would require something similar but to the nth degree. That is, I count 20 something tags to make the clouds in the mail icon. Is that really just guess and check?!
its cool but the title is misleading --> 335 lines of Javascript code used
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 exclusively as a demo. And it's pretty slick at that]
Perhaps I'm behind the times, but what tools do people use to make the icons like that in CSS3? Is it simply an art or can you start in photoshop and use some data there to help guide you along the way?
Perhaps 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…
Perhaps 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…
Like the people who bike/run cross country, when a flight from LAX to JFK is under 6 hours.
(2) The only real gripe is that the animation is not accurate to an actual iPhone. After the unlock there is a delay between the lock/title moving away and the icons moving in. Both items clear the screen before the other items enter. Also there's a fade on the lock screen items.
Demos like these are cool if they are well done, and correct. Otherwise they feel more like a gimmick. Having written webkit animations, all the added effect (the fades and timings) could be done with CSS3. So if you're gonna do it, do it well.
Now after the criticism, good job. I like that all the icons and font and screens are all HTML/CSS objects.
Earlier quoted context omitted.
usually just a text editor.
Not that I don't believe you, but really? For example, any website I've built I can surely make with just a text editor but I'll lay it out with ps first. That way I can go back and check what colors / gradients / dimensions I used to speed up the process. I would image this would require something similar but to the nth degree. That is, I count 20 something tags to make the clouds in the mail icon. Is that really ju…
http://blog.graphicpeel.com/post/740928981/ios-icons-made-in...
... it's not the same guy, but the above blog post is the first time I remember seeing someone do iOS icons in pure CSS.
The whole thing is fun more than practical ... kind of like ASCII art for a new generation ;-)
Earlier quoted context omitted.
I think HTML obviously is allowed to call something "pure CSS," since an HTML document is required to even load CSS, and CSS rules can only apply to DOM elements. JavaScript, however, shouldn't be allowed.
You could do it with XML and XSLT.