17
Quick Demo: CSS3 Fancy Avatar
Now I started using jsfiddle for code snippets so I can show the code AND the actual results on browsers.
This fancy avatar frame is created pretty easily by using CSS box-shadow inset values.
Basically, what I did is that giving a div container (with an avatar picture as a background image) an inset shadow to bottom/right, and glare to top/left. Oh and added border-radius for the rounded corners.
This works without the vendor-specific extensions on latest Firefox, Chrome, Webkit Nightly, and Opera. Safari 5 still requires -webkit extension to make the box-shadow work.
Really easy and practical!
15
So it’s not a secret anymore -HP TouchPad
So, this is what has been keeping me busy (not blogging) these days. Announcing HP TouchPad!
I have been working as a part of the development team for the secret weapon, which was just announced at the HP’s press event at Fort Mason, San Francisco on Feb. 9th, for a while (especially hardware development take a lot longer than software!). Literally, my heart was beating during the live demo but when the crowd applauded, I felt great and so relieved.
At the evening’s developer event after the press event, we have announced the new and better JavaScript framework, Enyo. I probably write up something on HP/Palm’s developer blog later (yes, the site still has the Palm brand!), so stay tuned if you’re interested developing for webOS!
The photo is by HP Startup Central, on Flickr
