HTML5
< web developer
< simonezando
Get flash to fully experience Pearltrees
While CSS3 allows us to rotate letters, it is quite complicated to arrange each letter along a curved path. Arctext.js is a jQuery plugin that let's you do exactly that. Based on Lettering.js, it calculates the right rotation of each letter and distributes the letters equally across the imaginary arc of the given radius. View demo Download source While CSS3 allows us to rotate letters, it is quite complicated to arrange each letter along a curved path.
// Creates canvas 320 × 200 at 10, 50 var paper = Raphael( 10 , 50 , 320 , 200 ); // Creates circle at x = 50, y = 40, with radius 10 var circle = paper.circle( 50 , 40 , 10 ); // Sets the fill attribute of the circle to red (#f00) circle.attr( "fill" , "#f00" ); // Sets the stroke attribute of the circle to white circle.attr( "stroke" , "#fff" );
Another post that demonstrate the power of HTML5 and CSS3. New experimental demonstrates are being released so often, so I must make another post for it! Make sure you have the latest version of browser, preferably latest built of Safari or Chrome. Personally, I like GoogleBox and The Tribute to the Beatles, I think they both are really creative! In case you missed my previous post regarding CSS and HTML5, you can read it afterward.
Posted on September 28, 2011 Building a Zoetrope using web technologies was an idea that had been festering for many months. It wasn’t until I saw Google’s tribute to Jim Hensen that I actually decided to sit down and do it. The implimentation turned out to be relatively simple and allowed me to really play around with some of my favorite features of CSS3. Const...
Note: As HTML5 is not fully supported by certain web browser like Internet Explorer, you’re strongly recommended to use Firefox browser to view all HTML5 demos below. Animation The HTML5′s canvas element is the deciding factor for HTML5 to replace certain Flash animation. It allows you to build dynamic, scriptable rendering of 2D shapes and bitmap images with Javascript, which by other mean is, controllable animation. 3D Effect