« Interlude: Celebrate the 8-bit Olympics | Main | A note on using my VisioAutomation library with the Visio 2013 Preview »
Friday
Jul272012

Editable Isometric test with CSS3  

These CSS3 geniuses work true magic. So many great examples these days … but this one really deserves some recognition. (Beware: It works in Chrome but IE9 and IE10 seem to have a lot of difficulty with it).

http://www.midwinter-dg.com/blog_demos/css-isometric-text/

See more comments at HackerNews. The comments there link to an even more impressive demo: http://beta.theexpressiveweb.com/css3-web-font

Snap000137

 

While the text that is standing up (facing towards the right) is static, the text that is facing up is completely selectable (and yes copy/paste/undo work) and editable in the browser. For example see below ….

SELECTABLE:

Snap000138Selection

 

EDITED:

Snap000139

 

 

PrintView Printer Friendly Version

EmailEmail Article to Friend

Reader Comments

There are no comments for this journal entry. To create a new comment, use the form below.

PostPost a New Comment

Enter your information below to add a new comment.
Author Email (optional):
Author URL (optional):
Post:
 
Some HTML allowed: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>