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

    Posts tagged with “css” :

    Making Love to WebKit

    Steven Wittens redesigns Acko.net with some awesome 3d and parallax effects, based on three.js and a custom CSS3 3d renderer.
    1/16 11:51am · 17 notes 3dcsstransitionanimation

    Profiling CSS for fun and profit.

    Juriy Zaytsev (aka Kangax) experiments with CSS3 and some of the emerging CSS performance profilers coming out. Lots of good tips included, as well as some surprising results: For example, did you know the degree of a rotation transform dramatically changes how long it takes the element to render?
    1/5 1:16pm · 9 notes cssperformance

    CSS box-shadow Can Slow Down Scrolling

    Ross Allen from AirBNB dissects the cost of different box-shadow values on WebKit’s scrollTo performance, with an in-depth look at paint times.
    11/15 1:41pm · 12 notes cssbox-shadowperformance
    CSS Dock An experiment mimicking the Dock of OS X using only CSS. Labels, animations, reflections and indicators… it’s all there. This is Version 2 of my CSS Dock featuring leaner code and better documentation. Check it out on GitHub. Looking for the old version? (via decodering)

    CSS Dock

    An experiment mimicking the Dock of OS X using only CSS. Labels, animations, reflections and indicators… it’s all there. This is Version 2 of my CSS Dock featuring leaner code and better documentation. Check it out on GitHub. Looking for the old version?

    (via decodering)

    11/15 12:14pm · 32 notes cssui
    “We will continue to leverage our experience with Flash to accelerate our work with the W3C and WebKit to bring similar capabilities to HTML5 as quickly as possible, just as we have done with CSS Shaders.”
    Adobe
    11/9 12:10pm · 12 notes flashadobecss

    Bricss: Some notes on bouncy CSS transitions

    bricss:

    Earlier this year the CSS transitions specification was rewritten so that transitions with a custom timing function (using cubic-bezier) would no longer be clamped between the start and end values, making it possible to add a rubber-band bounce to your transitions.
    10/21 12:36pm · 38 notes cssanimationtransition

    You Say Responsive, I Say Adaptive

    Ben Callahan:

    I’ll wrap it up by saying this: if you want to build a responsive site, make sure you build it responsibly. If I am viewing your site from my iPhone, I don’t want to download whatever big images you have in your CSS for a 1000 pixel width browser and the smaller image you have in your CSS for a less-than 600 pixel width browser. Don’t serve me both of them, only serve me the right one.

    (via Grigs)
    8/1 1:36pm · 24 notes responsiveadaptivecss

    2009–2011 David Kaneda