I attempted to remake as many graphic assets as I could in CSS3, with the exception of the icon, glyphs, and tooltips (does anyone know how to have the triangle share the border with the rest of the tooltip?), with box-shadows galore, used for inner glow as well! CSS3 animations were generously used, and there's a modal video player for Vimeo which only requires changing the video URL!
99% of it is HTML5/CSS3 with the exception of a tiny bit of JavaScript for the video player!
6 Responses
My entry for the @brdrck's StratusApp website competition, 100% hand-coded, viewable at http://dennistang.net/stratus/.
I attempted to remake as many graphic assets as I could in CSS3, with the exception of the icon, glyphs, and tooltips (does anyone know how to have the triangle share the border with the rest of the tooltip?), with box-shadows galore, used for inner glow as well! CSS3 animations were generously used, and there's a modal video player for Vimeo which only requires changing the video URL!
99% of it is HTML5/CSS3 with the exception of a tiny bit of JavaScript for the video player!
Hope you guys like it!
12 months ago
Pro
David Keegan
hawt!
12 months ago
Pro
Ed Lea
nice bit of coding, well done!
12 months ago
I like your interaction finesse the best of the entries so far Dennis, nice one. :)
Have you thought about any on load animation or effects? The other couple entries so far have some movement to them.
12 months ago
@Barnaby:
Yeah I have, I've been a little busy this weekend but I'm planning on adding some more awesomeness to it :D
12 months ago
Pro
Troy Mcilvena
Winner.
12 months ago