Quick Fun: CSS3 Filter Effects

I quickly played with the brand-new CSS Filter Effects on the latest WebKit Nightly! (Edited: and Chrome Canary 18.0.976.0 +)

Click the images to view in the full size.

This is a default google.com screen.
No filter added.

blur(radius) to create Gaussian blur

-webkit-filter: blur(2px);

The default is 0, no blur.

brightness(amount)

-webkit-filter: brightness(30%);

The default is 100%. Values of amount over 100% are allowed.

contrast(amount)

-webkit-filter: contrast(30%);

The default is 100%. Values of amount over 100% are allowed.

grayscale(amount)

-webkit-filter: grayscale();

The default is 100%.

sepia(amount)

-webkit-filter: sepia();

The default is 100%.

invert(amount)

-webkit-filter: invert();

The default is 100%.

opacity(amount)

-webkit-filter: opacity(30%);

The default is 100%, no transparency.

Saturate(amount)

-webkit-filter: saturate(50%);

The default is 100%.

Saturate(amount) – the amount over 100% is also allowed.

-webkit-filter: saturate(300%);

hue-rotate(angle)

-webkit-filter: hue-rotate(90deg);

The default is 0deg.

hue-rotate(angle)

-webkit-filter: hue-rotate(300deg);

drop-shadow(<shadow>)

/* Adding Drop-shadow on the toolbar at the top */

#bg {
  -webkit-filter: drop-shadow(rgba(0,0,0,0.5) 0 5px 5px);
}

The Day I seized The InterWeb – HTTP Status Cats

I thought my biggest achievement of 2011 was the (un)successful launch of HP TouchPad, and the European tour to advocate the webOS development… but I should nominate the seizing the InterWeb before the government does (SOPA), for my greatest achievement of the year.

I got the certified cat geek lady status on the InterWeb, after my HTTP Status Cats went viral on Dec. 13th.

Within 24 hours I posted the pictures on my Flickr page and tweeted, it has spread all over the InterWeb, and now the status kittehs are officially an Internet meme.

What the meme does? It results the secondary and ternary awesome creations-
What made my day was Rogério Vicente has create the API with the cats.
And Heroku actually made it available. (This was made #2 spot on Hacker News on Dec.14th).
This is awesome. I love when fellow geeks make things into the higher level.

In case you have not seen the HTTP Status Cats:
See my Flickr set at http://www.flickr.com/photos/girliemac/sets/72157628409467125/detail/
I will post the missing status soon.

More Links

The HTTP Status Cats is featured on:
BoingBoing – HTTP status cats by GirlieMac: classic server error codes, now with cats
LaughingSquid – HTTP Status Cats, HTTP Status Codes Displayed Using Cat Photos
Neatorama – HTTP Status Codes Illustrated by Cats
CNN Money Tech – HTTP Status Cats
Mashable – HTTP Status Cats: Hilarious Motivational Posters [PICS]
I Can Has Cheezburger? – HTTP Status Cats

Translated to Japanese media:
らばQ – なんてわかりやすい…猫で覚えるネットのあの表示
Idea*Idea – HTTPステータスコードを猫で表現してみた

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

5000 Calories iPhone for Sweet Tooth

Gotta have this picture of iPhone cupcakes here! Can’t resist.
These cupcakes by Nick Bilton and Danielle Bilton, took the 1st prize of The Cupcake Decorating Championship.

See more about the tasty cupcakes at daniellebilton.com