<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>GirlieMac! Blog &#187; Uncategorized</title>
	<atom:link href="http://girliemac.com/blog/category/uncategorized/feed/" rel="self" type="application/rss+xml" />
	<link>http://girliemac.com/blog</link>
	<description>Web and Mobile Development</description>
	<lastBuildDate>Thu, 29 Mar 2012 22:56:22 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Quick Fun: CSS3 Filter Effects</title>
		<link>http://girliemac.com/blog/2011/12/21/quick-fun-css3-filter-effects/</link>
		<comments>http://girliemac.com/blog/2011/12/21/quick-fun-css3-filter-effects/#comments</comments>
		<pubDate>Wed, 21 Dec 2011 23:30:55 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Sandbox]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[WebKit]]></category>

		<guid isPermaLink="false">http://girliemac.com/blog/?p=411</guid>
		<description><![CDATA[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 [...]]]></description>
			<content:encoded><![CDATA[
<div class="topsy_widget_data topsy_theme_jade" style="float: right;margin-left: 0.75em; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Fgirliemac.com%252Fblog%252F2011%252F12%252F21%252Fquick-fun-css3-filter-effects%252F%22%2C%20%22shorturl%22%3A%20%22http%3A%2F%2Fis.gd%2Fww3fYB%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%22Quick%20Fun%3A%20CSS3%20Filter%20Effects%22%20%7D);"></div>
<p>I quickly played with the brand-new <a href="https://dvcs.w3.org/hg/FXTF/raw-file/tip/filters/index.html" target="_blank">CSS Filter Effects</a> on the latest <a href="http://nightly.webkit.org" target="_blank">WebKit Nightly</a>! (Edited: and <a href="http://tools.google.com/dlpage/chromesxs" target="_blank">Chrome Canary</a> 18.0.976.0 +)</p>
<p>Click the images to view in the full size.</p>
<p><a href="http://girliemac.com/blog/wp-content/uploads/2011/12/default.png"><img src="http://girliemac.com/blog/wp-content/uploads/2011/12/default-300x235.png" alt="no filter" title="no filter" width="300" height="235" class="alignleft size-medium wp-image-412" /></a><br />
This is a default google.com screen.<br />
No filter added.<br />
<br clear="all" /></p>
<p><a href="http://girliemac.com/blog/wp-content/uploads/2011/12/blur-2px.png"><img src="http://girliemac.com/blog/wp-content/uploads/2011/12/blur-2px-300x235.png" alt="filter:blur(2px)" title="filter:blur(2px)" width="300" height="235" class="alignleft size-medium wp-image-413" /></a><br />
<strong>blur(radius)</strong> to create Gaussian blur</p>
<pre class="css">
-webkit-filter: blur(2px);
</pre>
<p>The default is 0, no blur.<br />
<br clear="all" /></p>
<p><a href="http://girliemac.com/blog/wp-content/uploads/2011/12/brightness-30.png"><img src="http://girliemac.com/blog/wp-content/uploads/2011/12/brightness-30-300x235.png" alt="filter:brightness(30%)" title="filter:brightness(30%)" width="300" height="235" class="alignleft size-medium wp-image-416" /></a><br />
<strong>brightness(amount)</strong></p>
<pre class="css">
-webkit-filter: brightness(<del>30%</del>);
</pre>
<p><del>The default is 100%. Values of amount over 100% are allowed.</del><br />
<strong>Updated</strong>: I am not sure when it has modified, but it seems that not the accepted value is the range between -100% (dark) and 100% (light), and the default is 0.<br />
<br clear="all" /></p>
<p><a href="http://girliemac.com/blog/wp-content/uploads/2011/12/contrast-30.png"><img src="http://girliemac.com/blog/wp-content/uploads/2011/12/contrast-30-300x235.png" alt="filter:contrast(30%)" title="filter:contrast(30%)" width="300" height="235" class="alignleft size-medium wp-image-418" /></a><br />
<strong>contrast(amount)</strong></p>
<pre class="css">
-webkit-filter: contrast(30%);
</pre>
<p>The default is 100%. Values of amount over 100% are allowed.<br />
<br clear="all" /></p>
<p><a href="http://girliemac.com/blog/wp-content/uploads/2011/12/grayscale-100.png"><img src="http://girliemac.com/blog/wp-content/uploads/2011/12/grayscale-100-300x235.png" alt="filter:grayscale(100%)" title="filter:grayscale(100%)" width="300" height="235" class="alignleft size-medium wp-image-419" /></a><br />
<strong>grayscale(amount)</strong></p>
<pre class="css">
-webkit-filter: grayscale();
</pre>
<p>The default is 100%.<br />
<br clear="all" /></p>
<p><a href="http://girliemac.com/blog/wp-content/uploads/2011/12/sepia-100.png"><img src="http://girliemac.com/blog/wp-content/uploads/2011/12/sepia-100-300x235.png" alt="filter:sepia(100%)" title="filter:sepia(100%)" width="300" height="235" class="alignleft size-medium wp-image-420" /></a><br />
<strong>sepia(amount)</strong></p>
<pre class="css">
-webkit-filter: sepia();
</pre>
<p>The default is 100%.<br />
<br clear="all" /></p>
<p><a href="http://girliemac.com/blog/wp-content/uploads/2011/12/invert-100.png"><img src="http://girliemac.com/blog/wp-content/uploads/2011/12/invert-100-300x235.png" alt="filter:invert(100%)" title="filter:invert(100%)" width="300" height="235" class="alignleft size-medium wp-image-421" /></a><br />
<strong>invert(amount)</strong></p>
<pre class="css">
-webkit-filter: invert();
</pre>
<p>The default is 100%.<br />
<br clear="all" /></p>
<p><a href="http://girliemac.com/blog/wp-content/uploads/2011/12/opacity-30.png"><img src="http://girliemac.com/blog/wp-content/uploads/2011/12/opacity-30-300x235.png" alt="filter:opacity(30%)" title="filter:opacity(30%)" width="300" height="235" class="alignleft size-medium wp-image-422" /></a><br />
<strong>opacity(amount)</strong></p>
<pre class="css">
-webkit-filter: opacity(30%);
</pre>
<p>The default is 100%, no transparency.<br />
<br clear="all" /></p>
<p><a href="http://girliemac.com/blog/wp-content/uploads/2011/12/saturate-50.png"><img src="http://girliemac.com/blog/wp-content/uploads/2011/12/saturate-50-300x235.png" alt="filter:saturate(50%)" title="filter:saturate(50%)" width="300" height="235" class="alignleft size-medium wp-image-423" /></a><br />
<strong>Saturate(amount)</strong></p>
<pre class="css">
-webkit-filter: saturate(50%);
</pre>
<p>The default is 100%.<br />
<br clear="all" /></p>
<p><a href="http://girliemac.com/blog/wp-content/uploads/2011/12/saturate-300.png"><img src="http://girliemac.com/blog/wp-content/uploads/2011/12/saturate-300-300x235.png" alt="filter:saturate(300%)" title="filter:saturate(300%)" width="300" height="235" class="alignleft size-medium wp-image-436" /></a><br />
<strong>Saturate(amount)</strong> &#8211; the amount over 100% is also allowed.</p>
<pre class="css">
-webkit-filter: saturate(300%);
</pre>
<p><br clear="all" /></p>
<p><a href="http://girliemac.com/blog/wp-content/uploads/2011/12/hue-rorate-90deg.png"><img src="http://girliemac.com/blog/wp-content/uploads/2011/12/hue-rorate-90deg-300x235.png" alt="filter:hue-rotate(90deg)" title="filter:hue-rotate(90deg)" width="300" height="235" class="alignleft size-medium wp-image-424" /></a><br />
<strong>hue-rotate(angle)</strong></p>
<pre class="css">
-webkit-filter: hue-rotate(90deg);
</pre>
<p>The default is 0deg.<br />
<br clear="all" /></p>
<p><a href="http://girliemac.com/blog/wp-content/uploads/2011/12/hue-rorate-300deg.png"><img src="http://girliemac.com/blog/wp-content/uploads/2011/12/hue-rorate-300deg-300x235.png" alt="filter:hue-rotate(300deg)" title="filter:hue-rotate(300deg)" width="300" height="235" class="alignleft size-medium wp-image-425" /></a><br />
<strong>hue-rotate(angle)</strong></p>
<pre class="css">
-webkit-filter: hue-rotate(300deg);
</pre>
<p><br clear="all" /></p>
<p><a href="http://girliemac.com/blog/wp-content/uploads/2011/12/drop-shadown-on-toolbar.png"><img src="http://girliemac.com/blog/wp-content/uploads/2011/12/drop-shadown-on-toolbar-300x235.png" alt="filter:drop-shadow(...)" title="filter:drop-shadow(...)" width="300" height="235" class="alignleft size-medium wp-image-441" /></a><br />
<strong>drop-shadow(&lt;shadow&gt;)</strong></p>
<pre class="css">
/* Adding Drop-shadow on the toolbar at the top */

#bg {
  -webkit-filter: drop-shadow(rgba(0,0,0,0.5) 0 5px 5px);
}
</pre>
<p><br clear="all" /></p>

]]></content:encoded>
			<wfw:commentRss>http://girliemac.com/blog/2011/12/21/quick-fun-css3-filter-effects/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>The Day I seized The InterWeb &#8211; HTTP Status Cats</title>
		<link>http://girliemac.com/blog/2011/12/18/the-day-i-seized-the-interweb-http-status-cats/</link>
		<comments>http://girliemac.com/blog/2011/12/18/the-day-i-seized-the-interweb-http-status-cats/#comments</comments>
		<pubDate>Mon, 19 Dec 2011 07:16:01 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[GirlieMac! News]]></category>
		<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://girliemac.com/blog/?p=385</guid>
		<description><![CDATA[I thought my biggest achievement of 2011 was the (un)successful launch of HP TouchPad, and the European tour to advocate the webOS development&#8230; but I should nominate [...]]]></description>
			<content:encoded><![CDATA[
<div class="topsy_widget_data topsy_theme_jade" style="float: right;margin-left: 0.75em; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Fgirliemac.com%252Fblog%252F2011%252F12%252F18%252Fthe-day-i-seized-the-interweb-http-status-cats%252F%22%2C%20%22shorturl%22%3A%20%22http%3A%2F%2Fis.gd%2F5KOr6K%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%22The%20Day%20I%20seized%20The%20InterWeb%20-%20HTTP%20Status%20Cats%22%20%7D);"></div>
<p style="margin-bottom:1em"><img src="http://girliemac.com/blog/wp-content/uploads/2011/12/Tech-Tumblr-Technology-News-HTTP-Status-Cats-CNNMoney1.png" alt="news on cnn" title="HTTP Status Cats - CNNMoney" width="560"  />
</p>
<p>I thought my biggest achievement of 2011 was the (un)successful launch of HP TouchPad, and the European tour to advocate the webOS development&#8230; but I should nominate the <strong>seizing the InterWeb</strong> before the government does (<em>SOPA</em>), for my greatest achievement of the year.</p>
<p>I got the certified cat geek lady status on the InterWeb, after my <a href="http://www.flickr.com/photos/girliemac/sets/72157628409467125/detail/" title="Flickr Set" target="_blank">HTTP Status Cats</a> went viral on Dec. 13th.</p>
<p>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 <a href="http://knowyourmeme.com/memes/subcultures/cats#httpstatus" title="Know Your Meme" target="_blank">meme</a>.</p>
<p>What the meme does? It results the secondary and ternary awesome creations-<br />
What made my day was Rogério Vicente has create the <a href="http://www.reddit.com/r/programming/comments/nce1m/http_status_cats_api/">API</a> with the cats.<br />
And Heroku actually made it <a href="http://httpcats.herokuapp.com/">available</a>. (This was made #2 spot on <a href="http://news.ycombinator.com/item?id=3352698">Hacker News</a> on Dec.14th).<br />
This is awesome. I love when fellow geeks make things into the higher level.</p>
<p>In case you have not seen the HTTP Status Cats:<br />
See my Flickr set at <a href="http://www.flickr.com/photos/girliemac/sets/72157628409467125/detail/" target="_blank">http://www.flickr.com/photos/girliemac/sets/72157628409467125/detail/</a><br />
I will post the missing status soon.</p>
<h2>More Links</h2>
<p>The HTTP Status Cats is featured on:<br />
BoingBoing – <a href="http://boingboing.net/2011/12/14/http-status-cats-by-girliemac.html" target="_blank">HTTP status cats by GirlieMac: classic server error codes, now with cats</a><br />
LaughingSquid – <a href="http://laughingsquid.com/http-status-cats-http-status-codes-displayed-using-cat-photos/" target="_blank">HTTP Status Cats, HTTP Status Codes Displayed Using Cat Photos</a><br />
Neatorama – <a href="http://www.neatorama.com/2011/12/14/http-status-codes-illustrated-by-cats/" target="_blank">HTTP Status Codes Illustrated by Cats</a><br />
CNN Money Tech – <a href="http://cnnmoneytech.tumblr.com/post/14275966460/http-status-cats" target="_blank">HTTP Status Cats</a><br />
Mashable &#8211; <a href="http://mashable.com/2011/12/17/http-status-cats/" target="_blank">HTTP Status Cats: Hilarious Motivational Posters [PICS]</a><br />
I Can Has Cheezburger? &#8211; <a href="http://icanhascheezburger.com/2011/12/15/funny-pictures-http-status-cats/" target="_blank">HTTP Status Cats</a></p>
<p>Translated to Japanese media:<br />
らばQ &#8211; <a href="http://labaq.com/archives/51719376.html" target="_blank">なんてわかりやすい…猫で覚えるネットのあの表示</a><br />
Idea*Idea &#8211; <a href="http://www.ideaxidea.com/archives/2011/12/http_status_code_by_cat.html" target="_blank">HTTPステータスコードを猫で表現してみた</a></p>

]]></content:encoded>
			<wfw:commentRss>http://girliemac.com/blog/2011/12/18/the-day-i-seized-the-interweb-http-status-cats/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>So it&#8217;s not a secret anymore -HP TouchPad</title>
		<link>http://girliemac.com/blog/2011/02/15/hp-launch/</link>
		<comments>http://girliemac.com/blog/2011/02/15/hp-launch/#comments</comments>
		<pubDate>Wed, 16 Feb 2011 00:17:35 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Event]]></category>
		<category><![CDATA[Palm]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[HP]]></category>

		<guid isPermaLink="false">http://girliemac.com/blog/?p=214</guid>
		<description><![CDATA[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 [...]]]></description>
			<content:encoded><![CDATA[
<div class="topsy_widget_data topsy_theme_jade" style="float: right;margin-left: 0.75em; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Fgirliemac.com%252Fblog%252F2011%252F02%252F15%252Fhp-launch%252F%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%22So%20it%27s%20not%20a%20secret%20anymore%20-HP%20TouchPad%20%23HP%22%20%7D);"></div>
<p><a href="http://girliemac.com/blog/2011/02/15/hp-launch/5431723291_8b5d51eccb/" rel="attachment wp-att-217"><img src="http://girliemac.com/blog/wp-content/uploads/2011/02/5431723291_8b5d51eccb.jpg" alt="Jon Rubinstein" title="Jon Rubinstein" width="500" height="333" class="aligncenter size-full wp-image-217" /></a></p>
<p>So, this is what has been keeping me busy (not blogging) these days. Announcing HP TouchPad!
<p>I have been working as a part of the development team for the secret weapon, which was just announced at the HP&#8217;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. </p>
<p>At the evening&#8217;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&#8217;s developer blog later (yes, the site still has the Palm brand!), so stay tuned if you&#8217;re interested developing for webOS!</p>
<p><em>The photo is by HP Startup Central, on <a href="http://www.flickr.com/photos/hpstartupcentral/5431723291/in/set-72157625889052543/" target="_blank">Flickr</a></em></p>

]]></content:encoded>
			<wfw:commentRss>http://girliemac.com/blog/2011/02/15/hp-launch/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>5000 Calories iPhone for Sweet Tooth</title>
		<link>http://girliemac.com/blog/2008/09/17/5000-calories-iphone-for-sweet-tooth/</link>
		<comments>http://girliemac.com/blog/2008/09/17/5000-calories-iphone-for-sweet-tooth/#comments</comments>
		<pubDate>Thu, 18 Sep 2008 05:18:27 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Girlie Stuff]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://girliemac.com/blog/2008/09/17/5000-calories-iphone-for-sweet-tooth/</guid>
		<description><![CDATA[Gotta have this picture of iPhone cupcakes here! Can&#8217;t resist. These cupcakes by Nick Bilton and Danielle Bilton, took the 1st prize of The Cupcake Decorating Championship. [...]]]></description>
			<content:encoded><![CDATA[
<div class="topsy_widget_data topsy_theme_jade" style="float: right;margin-left: 0.75em; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Fgirliemac.com%252Fblog%252F2008%252F09%252F17%252F5000-calories-iphone-for-sweet-tooth%252F%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%225000%20Calories%20iPhone%20for%20Sweet%20Tooth%22%20%7D);"></div>
<p><img src="/blog/wp-content/images/iphone_cupcakes.jpg" alt="Edible iPhone!" /></p>
<p>Gotta have this picture of iPhone cupcakes here! Can&#8217;t resist.<br />
These cupcakes by Nick Bilton and Danielle Bilton, took the 1st prize of The Cupcake Decorating Championship. </p>
<p>See more about the tasty cupcakes at <a href="http://daniellebilton.com/?p=47" target="_blank">daniellebilton.com</a></p>

]]></content:encoded>
			<wfw:commentRss>http://girliemac.com/blog/2008/09/17/5000-calories-iphone-for-sweet-tooth/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

