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

    Adding CSS3 properties to CSSEdit's auto-completion

    Jesse Dodds:

    I now offer you a further-updated .plist file with many of the current CSS3 properties, including the many -webkit and -moz specific properties. I’ve also added the necessary properties for animation/transformation and gradients, and after reading Tim Van Damme’s post about -webkit-font-smoothing, I added the properties for those as well.

    CSSEdit is the best CSS tool around, and this definitely brings it up to date. Now all we need is Sassy CSS compatability…
    5/20 10:25am · 47 notes csscss3

    Webkit CSS Properties

    A list of Webkit-specific CSS properties with explanations of what they do and their possible values.

    (via jacob)
    5/11 2:16pm · 63 notes css

    CSS Generated Content Techniques

    “You’ve got your content in my CSS. No, you have your CSS in my content.”
    4/6 2:02pm · 9 notes css3csssubmission
    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
    Trent Walton uses CSS3 background-clip text & @font-face to create this fantastic digital poster. Love the cross-hatch pattern used for the text shadow. (via esquareda)

    Trent Walton uses CSS3 background-clip text & @font-face to create this fantastic digital poster. Love the cross-hatch pattern used for the text shadow. (via esquareda)

    4/6 11:05am · 105 notes css3fontfacebackgroundclipcssdesign

    iPad Orientation CSS

    Cloud Four shows how it’s possible to change your CSS on the iPad based on orientation using media query declarations:

    <link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css">
<link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css">
    4/6 10:00am · 66 notes ipadcsstutorial
      

    2009–2010 David Kaneda