... is watching you. iPhone 4 in pure CSS3! CSS tests and experiments. Demoing and displaying JavaScript at the same time using CSS. Tuesday, May 8th, 2012 at 12:53 pm When writing documentation or doing examples you constantly run into the same issue: how do you display and demo the code at the same time? You don’t want to have a code display and live code as they will get out of sync (on the other hand I always found that when copying code into a document I also cleaned it up and optimised it). The easiest way for this are all the “new” services like JSFiddle, JSBin, Dabblet, Tinker.io and others (there seems to be a new one every month now) and you can even embed them into other documents, but it means you need an iframe and load content from another service (which might go down or get forgotten in the future).
The other way of course is to use Ajax/JavaScript to load the code into the page. Back in 2008, I wrote the Ajax Code Display script for that (and subsequently I never used it much). I was wondering how you can simply demo and show inline JavaScript in a document without needing any extra libraries. LAB! - 3D it! Using CSS 3d to make every website into 3d(kind of). It is a bit buggy but you can bookmark the script to your bookmark bar and have some 3D fun on any websites by one single click! The get offset function is not accurate, it looks weird then the div is too large but it looks alright on most of the sites. Control Change the parameters and see the preview of your customized 3d script: Credit Myself: @EdanKwan Control Panel: dat-gui Images: Cristiano Galbiati, Vivi Rindom, Subhadip Mukherjee, joeymc86 Web Font: Open San by Steve Matteson Comment. A Pure CSS3 Cycling Slideshow.
The Shapes of CSS.