This is not how HTML and CSS should be used!

// Some fun coding by Peter Westendorp: "Tunnel vision 3D" with CSS. As Peter writes: "This is an experiment to demonstrate the power of CSS and modern browsers. This is not how HTML and CSS should be used." :D

See it live here http://bit.ly/10SvqbK

Posted on April 12, 2013 by Markos Giannopoulos in Web Development, Technology

17 Responses to “This is not how HTML and CSS should be used!”

Harlem Ops · Nov 30, -0001 12:00 am

+<a href="https://plus.google.com/109098983561044225374" class="proflink" oid="109098983561044225374">Markos Giannopoulos</a> Eventhough IE9/10 is getting closer and closer to compliance, it still does not excuse the poor job by MS with previous releases (IE 5-8). As a coder, IE is the ball at the end of my chain...

Rony Canales · Nov 30, -0001 12:00 am

This one is my favorite <a href="http://codepen.io/stuffit/pen/KrAwx" class="ot-anchor" rel="nofollow">http://codepen.io/stuffit/pen/KrAwx</a>

Nicholas Lawson · Nov 30, -0001 12:00 am

If it ain AHTML it ain worth nothing.

Nicholas Lawson · Nov 30, -0001 12:00 am

alright then I deem this new fangled contraption AHTML short for A-wesome H-ypertext M-arkup L-anguage ... and we can forget all about HTML from now on.

Tavis Oehley · Nov 30, -0001 12:00 am

+<a href="https://plus.google.com/109098983561044225374" class="proflink" oid="109098983561044225374">Markos Giannopoulos</a> Just make the site inaccessible to IE, lol. Redirect to a page that tells the user that their browser isn't supported and offer links to download chrome or Firefox.

Markos Giannopoulos · Nov 30, -0001 12:00 am

+<a href="https://plus.google.com/113134889614960190777" class="proflink" oid="113134889614960190777">Nicholas Lawson</a> it's a joke :) After all, the "T" in "HTML" is for "text" :)

Nicholas Lawson · Nov 30, -0001 12:00 am

Why would anyone say this is not a valid use of HTML and CSS?

Markos Giannopoulos · Nov 30, -0001 12:00 am

WOW, 49 reshares! Many thanks to everyone! :)

Markos Giannopoulos · Nov 30, -0001 12:00 am

It is sad reality that we still have to support 2-3 releases of IE..

dina youssef · Nov 30, -0001 12:00 am

Sweet. As an advocate for the power of the HTML and CSS, I will be showing this to fellow skeptics. May be not how it was intended to be used but definitely great way to lift that seal of imagination most people deploy when they think of the aforementioned technologies as rudimentary.

Nick Davis · Nov 30, -0001 12:00 am

I understand but we have to code for the browser they will have now which is a bad mix of 7 and 8, with a smattering of 6. It sucks, but that is the reality of web builds at the moment. I am just glad we can completely ignore 5 now.

Markos Giannopoulos · Nov 30, -0001 12:00 am

+<a href="https://plus.google.com/105565265036012413613" class="proflink" oid="105565265036012413613">Nick Davis</a> IE9/10 seems to be doing well in terms of HTML5 support!

Nick Davis · Nov 30, -0001 12:00 am

The problem here is IE if that doesn't support HTML5 and Webkit proper then you are only every going to be able to code a half-functioning website. To be honest it kind of reminds be of the spinning burning logos of the early internet :P

Harlem Ops · Nov 30, -0001 12:00 am

Super cool... and showcases the incredible power of CSS3 and HTML5. Can't wait for every browser to fully support the specification.

Nick Davis · Nov 30, -0001 12:00 am

I feel this is more of a demonstration of what webkit can do, than what HTML/CSS can do.

Ray Maxwin · Nov 30, -0001 12:00 am

You could easily modify this to make a CSS volcano. That would make for a nice science project.

Obed Raimundo · Nov 30, -0001 12:00 am

Holy crap!