Enter your contact information.
Enter your project information.
Step 3Choose the PHP programmers you want to hire.
Compare Free PHP Quotes
‘Donatello’ Library Simplifies CSS 3 Drawings
*Attention PHP Programmers* - Add A Free Listing! Get more clients.
Most modern browsers support the HTML5 canvas element and SVG for drawing and animating. There are, however, some cases — particularly with mobile browsers — where it might make more sense to use CSS-based drawing tools.
Donatello is a JavaScript library that can do much of what the Raphaël JS drawing library does, but instead of using SVG to draw shapes, Donatello renders in pure CSS. Here’s how Donatello developer Dan Newcome describes the advantages:
Since all rendering is done using HTML and CSS, and a lot of effort is going toward optimizing CSS using graphics acceleration in the major browsers, there is the opportunity to do very efficient and performant drawing in the browser using this technique. In future versions I hope to be able to leverage CSS animations and transitions for efficient hardware-accelerated animations.
Using Donatello is simple, just include the library in your page and then create a Donatello drawing surface, known as paper (similar to canvas, if you’ve been using canvas-based libraries). Once you’ve set your paper, you simply use the Donatello API to draw pretty much anything CSS is capable of creating, for example, the clock face above.
For more details and some more examples, head over to the Donatello page on Github.
See Also:
Tue, 11 Oct 2011 15:36:43 GMT
Tags: CSS,
*Attention PHP Programmers* - Add A Free Listing! Get more clients.
CSS
The Future of CSS: Finally, Sane Layout Tools
Woolly, the CSS sheep. HTML5 and CSS 3 offer web designers new semantic tags, fancy animations, server-side fonts and much more, but that’s not the end of the story. The next major development in web design will likely revolve around one of the thi
Quickly Create CSS 3 Animations with ‘Ceaser’
CSS 3 has some awesome new animation capabilities for web developers — rotating objects, fading them in and out and more — but writing the code is a bit more complicated than most CSS rules. To make your animating job a bit easier, developer M
Simplify Your Stylesheets With CSSPrefixer
Woolly, the CSS sheep. CSS 3 has some awesome new features, like 3D transforms, smooth transitions, border images and gradients. Since most browsers already support these features there’s no reason you can’t use them today, provided you grac
Integrity Web Design builds website, will get clients listed on search engines, directories, design brochures, business cards, bookmarks, catalogs, booklets, calendars, door hangers, & club flyers.
San Antonio, Texas US
Perlman Creative Group is a Los Angeles based, full service graphic design firm specializing in marketing communication, brand development, logos, packaging, corporate identity and website design.
Marina Del Rey, California US
Mozilla Shrinks Memory Use in Firefox Add-Ons
Mozilla's MemShrink effort continues to reduce Firefox's memory use. MemShrink recently began focusi
Developing a blog with CakePHP
This Week In Web – Python, NodeJS CMS, Google APIs, XDebug
Writing Clean, Testable, High Quality Code in Python
Noah Gift, Python book author and A
Apple Credits OpenStreetMap for iPhoto Map Data
Two months ago Apple launched its iPhoto for iOS app with some map data that looked very familiar to
Facebook and Others Aim to Make the Mobile Web a Competitive App Platform
Facebook, Mozilla and others have teamed up to create a new web standards group to work on creating
Article Tags
PHP Programmers Articles
Live Help Chat Software
Web Design Quote
Web Design
