css
Get flash to fully experience Pearltrees
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).
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:
LAB! - 3D it!
A Pure CSS3 Cycling Slideshow
Thanks to CSS3, we can create effects and animations without using JavaScript, which will facilitate the work of many designers. But we must be careful to avoid abusing CSS3, not only because old browsers do not support all of its properties. In any case, we all see the potential of CSS3, and in this article we’ll discuss how to create an infinitely looping slider of images using only CSS3 animation .
css3