WebKitBits

RSS
CSS HTML5 Video Canvas Preview Resource Tutorial UI
A tumblog about the browser engine built into Safari, Chrome, iPhone, Palm Pre, and Android.

Written by David Kaneda, Creative Director at Sencha. Submissions welcome.

Sponsor WebKitBits!
Latest from @WebKitBits:

    POWERED by FUSION
    Shop at Amazon.com and support WebKitBits

    Posts tagged with “demo” :

    Janko has created the Windows 7 Start menu using just CSS3. Check out the writeup and the demo. (via strake)

    Janko has created the Windows 7 Start menu using just CSS3. Check out the writeup and the demo. (via strake)

    4/7 9:30am · 17 notes css3uidemotutorial
    Lennart Schoors has made some nice world clocks using pure CSS and no images.

    Lennart Schoors has made some nice world clocks using pure CSS and no images.

    4/6 1:22pm · 31 notes csscss3demogradientborderradius
    Google has announced an iPad-friendly version of GMail. Just FYI: This doesn’t appear to have hit custom domains yet, so you’ll need an actual @gmail.com address to see it. You can fake your user agent to see it in desktop Safari or Firefox (using the User Agent Switcher): Mozilla/5.0(iPad; U; CPU iPhone OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B314 Safari/531.21.10

    Google has announced an iPad-friendly version of GMail. Just FYI: This doesn’t appear to have hit custom domains yet, so you’ll need an actual @gmail.com address to see it. You can fake your user agent to see it in desktop Safari or Firefox (using the User Agent Switcher):

    Mozilla/5.0(iPad; U; CPU iPhone OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B314 Safari/531.21.10
    4/6 11:52am · 12 notes googledemoipadcsscss3mobile
    Ricardo Cabello (aka Mr. Doob) has created an excellent set of experiments using canvas, HTML5, and other emerging technologies. Definitely worth checking out.

    Ricardo Cabello (aka Mr. Doob) has created an excellent set of experiments using canvas, HTML5, and other emerging technologies. Definitely worth checking out.

    4/3 8:01am · 10 notes html5canvasdemo

    CSS Animation Demos

    Yohei Shimomae from Nitobi has created five very cool CSS3 animation demos — all dynamically generated with Javascript.
    4/2 10:32am · 10 notes css3animationtransitiondemojavascript

    A demo of the new Google Chrome for Mac beta which supports extensions and bookmark syncing.

    2/22 1:08pm · 8 notes chromegoogledemopreview
    Nice Web Type describes how they created a pure css gradient (without PNGs) in their recent TypeKit demo. The general approach uses -webkit-mask-image and -webkit-gradient, with a text-shadow behind.

    Nice Web Type describes how they created a pure css gradient (without PNGs) in their recent TypeKit demo. The general approach uses -webkit-mask-image and -webkit-gradient, with a text-shadow behind.

    7/27 7:00am · 5 notes css3safariwebfontspreviewdemo

    2009–2010 David Kaneda