CSS3D{5}




The article that i read was about using CSS3 to render 3D web pages. Basically with the use of CSS3 and jQuery web developers have started to be able to add a third dimension to web pages and web programming. The article said that it is very labor intensive and is not really out there for full use yet but developers have been playing around with it and are able to make websites that use a Z axis. The website that the article was specifically written about was for beer camp 2012 (http://2012.beercamp.com/). The created a pop-up style book that allows you to turn pages and rotate the book to see it at different angles. The new part of CSS3D is that it allows for rotation of objects in what they are calling the gamma direction or the Z-axis. You then have to set the depth that you want the object using depth-sorting. The article talked about how each browser renders the depth differently so at this point the depth function is a little buggy. The article did talk about how mobile browsers are capable of rendering 3D extremely fast and with very little depth-sorting issues.

I found this article interesting because it is a new technology that is emerging from CSS that will eventually change the way that websites look and also it will change the way we browse websites. The article did give snippets of code to show how the code worked and what it did. The code for the 3d required a fair amount of math and calculations to make the depth and movement of the objects work. This article is relevant to this class because we are learning about CSS and this is just a more advanced version of CSS and i’m sure that in time more websites will begin to adopt this, obviously once it becomes more stabile.

reference:

Giannattasio, T. (2012). Beercamp: An experiment with css 3d. Smashing Magazine, Retrieved from http://coding.smashingmagazine.com/2012/04/17/beercamp-an-experiment-with-css-3d/