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 “animation” :

    Simulating MacOS Dock-like menu with CSS3

    GirlieMac accomplishes the Mac dock UI with WebKit transform, transition, and a dash of Javascript.
    6/2 10:54am · 10 notes csscss3transformtransitionanimationjavascriptui
    A beautiful card game of Memory created using WebKit animations. (via jayrobinson)

    A beautiful card game of Memory created using WebKit animations.

    (via jayrobinson)

    5/28 12:48pm · 34 notes css3animation

    Using CSS3 Transitions, Transforms and Animation

    Great overview of advanced CSS3 techniques, which is also forkable on Github.
    5/24 2:47pm · 12 notes csscss3transitionstransformanimation
    Raphaël is a fantastic little Javascript library for creating SVG (and backwards-compatible VML) graphics. This has a slew of implications for charts, animations, and vector graphics on the web. From the author: This means every graphical object you create is also a DOM object, so you can attach JavaScript event handlers or modify them later. Raphaël’s goal is to provide an adapter that will make drawing vector art compatible cross-browser and easy… Raphaël currently supports Firefox 3.0+, Safari 3.0+, Opera 9.5+ and Internet Explorer 6.0+.

    Raphaël is a fantastic little Javascript library for creating SVG (and backwards-compatible VML) graphics. This has a slew of implications for charts, animations, and vector graphics on the web. From the author:

    This means every graphical object you create is also a DOM object, so you can attach JavaScript event handlers or modify them later. Raphaël’s goal is to provide an adapter that will make drawing vector art compatible cross-browser and easy… Raphaël currently supports Firefox 3.0+, Safari 3.0+, Opera 9.5+ and Internet Explorer 6.0+.

    4/2 1:26pm · 10 notes svggraphicsuianimationjavascript

    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
    Anthony Calzadilla has recreated an animated Star Wars AT-AT Walker purely with CSS3. Hopefully we’ll start to see things like this being integrated into games that run purely in the browser.

    Anthony Calzadilla has recreated an animated Star Wars AT-AT Walker purely with CSS3. Hopefully we’ll start to see things like this being integrated into games that run purely in the browser.

    2/8 8:04am · 34 notes css3animation

    2009–2010 David Kaneda