<?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>Are you Insane? &#187; WebDev</title>
	<atom:link href="http://areyoudesign.com/blog/category/webdev/feed/" rel="self" type="application/rss+xml" />
	<link>http://areyoudesign.com/blog</link>
	<description>The McMurphy of Web Development</description>
	<lastBuildDate>Thu, 12 Jan 2012 00:13:37 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
<atom:link rel="hub" href="http://pubsubhubbub.appspot.com"/><atom:link rel="hub" href="http://superfeedr.com/hubbub"/>		<item>
		<title>New Design: New Logo</title>
		<link>http://areyoudesign.com/blog/2010/08/new-design-new-logo/</link>
		<comments>http://areyoudesign.com/blog/2010/08/new-design-new-logo/#comments</comments>
		<pubDate>Wed, 25 Aug 2010 03:06:20 +0000</pubDate>
		<dc:creator>Sai-Kit Hui</dc:creator>
				<category><![CDATA[WebDev]]></category>

		<guid isPermaLink="false">http://areyoudesign.com/blog/?p=1526</guid>
		<description><![CDATA[<p class="first-child "><a href="http://areyoudesign.com/blog/wp-content/uploads/2010/08/rssmon2.jpg"></a></p>
<p><span title="I" class="cap"><span>I</span></span>t&#8217;s been awhile since I had a new design update. Drupal projects currently make up a bulk of my workload. WordPress is limited to one day theme implementations and &#8230;</p>]]></description>
			<content:encoded><![CDATA[<p class="first-child "><a href="http://areyoudesign.com/blog/wp-content/uploads/2010/08/rssmon2.jpg"><img src="http://areyoudesign.com/blog/wp-content/uploads/2010/08/rssmon2.jpg" alt="" title="rssmon2" width="640" height="480" class="alignnone size-full wp-image-1527" /></a></p>
<p><span title="I" class="cap"><span>I</span></span>t&#8217;s been awhile since I had a new design update. Drupal projects currently make up a bulk of my workload. WordPress is limited to one day theme implementations and whenever I feel like working at home.</p>
<p>Still, change must go on. So while I&#8217;m hashing out the layout, I present to you a refresh of the blog title and mascot.</p>
]]></content:encoded>
			<wfw:commentRss>http://areyoudesign.com/blog/2010/08/new-design-new-logo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Single Pic Test. Locust Walk Bridge, UPenn.</title>
		<link>http://areyoudesign.com/blog/2010/07/single-pic-test-locust-walk-bridge-upenn/</link>
		<comments>http://areyoudesign.com/blog/2010/07/single-pic-test-locust-walk-bridge-upenn/#comments</comments>
		<pubDate>Sat, 17 Jul 2010 16:49:45 +0000</pubDate>
		<dc:creator>Sai-Kit Hui</dc:creator>
				<category><![CDATA[Mobile]]></category>
		<category><![CDATA[WebDev]]></category>

		<guid isPermaLink="false">http://areyoudesign.com/blog/2010/07/single-pic-test-locust-walk-bridge-upenn/</guid>
		<description><![CDATA[<p class="first-child "></p>
<p><span title="T" class="cap"><span>T</span></span>aking a picture while typing a WP post, listening to music on Pandora, and checking my email. Try doing that with your iPhone.&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p class="first-child "><img style="display:block;margin-right:auto;margin-left:auto;" alt="image" src="http://areyoudesign.com/blog/wp-content/uploads/2010/07/wpid-2010-07-17-12.45.09.jpg" /></p>
<p><span title="T" class="cap"><span>T</span></span>aking a picture while typing a WP post, listening to music on Pandora, and checking my email. Try doing that with your iPhone.</p>
]]></content:encoded>
			<wfw:commentRss>http://areyoudesign.com/blog/2010/07/single-pic-test-locust-walk-bridge-upenn/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Posting with one hand. My mobile gallery.</title>
		<link>http://areyoudesign.com/blog/2010/07/posting-with-one-hand-my-mobile-gallery/</link>
		<comments>http://areyoudesign.com/blog/2010/07/posting-with-one-hand-my-mobile-gallery/#comments</comments>
		<pubDate>Sat, 17 Jul 2010 03:52:19 +0000</pubDate>
		<dc:creator>Sai-Kit Hui</dc:creator>
				<category><![CDATA[Mobile]]></category>
		<category><![CDATA[WebDev]]></category>

		<guid isPermaLink="false">http://areyoudesign.com/blog/2010/07/posting-with-one-hand-my-mobile-gallery/</guid>
		<description><![CDATA[<p class="first-child "><span title="T" class="cap"><span>T</span></span>he objective here is to take pictures from my Droid, write a post on it, and turn it into a slideshow. So here are a couple of quick snaps &#8230;</p>]]></description>
			<content:encoded><![CDATA[<p class="first-child "><span title="T" class="cap"><span>T</span></span>he objective here is to take pictures from my Droid, write a post on it, and turn it into a slideshow. So here are a couple of quick snaps of the K&#8217;z.</p>

<a href='http://areyoudesign.com/blog/2010/07/posting-with-one-hand-my-mobile-gallery/wpid-2010-07-16-23-43-09-jpg/' title='wpid-2010-07-16-23.43.09.jpg'><img width="150" height="150" src="http://areyoudesign.com/blog/wp-content/uploads/2010/07/wpid-2010-07-16-23.43.09-150x150.jpg" class="attachment-thumbnail" alt="wpid-2010-07-16-23.43.09.jpg" title="wpid-2010-07-16-23.43.09.jpg" /></a>
<a href='http://areyoudesign.com/blog/2010/07/posting-with-one-hand-my-mobile-gallery/wpid-2010-07-16-23-43-54-jpg/' title='wpid-2010-07-16-23.43.54.jpg'><img width="150" height="150" src="http://areyoudesign.com/blog/wp-content/uploads/2010/07/wpid-2010-07-16-23.43.54-150x150.jpg" class="attachment-thumbnail" alt="wpid-2010-07-16-23.43.54.jpg" title="wpid-2010-07-16-23.43.54.jpg" /></a>
<a href='http://areyoudesign.com/blog/2010/07/posting-with-one-hand-my-mobile-gallery/wpid-2010-07-16-23-42-37-jpg/' title='wpid-2010-07-16-23.42.37.jpg'><img width="150" height="150" src="http://areyoudesign.com/blog/wp-content/uploads/2010/07/wpid-2010-07-16-23.42.37-150x150.jpg" class="attachment-thumbnail" alt="wpid-2010-07-16-23.42.37.jpg" title="wpid-2010-07-16-23.42.37.jpg" /></a>
<a href='http://areyoudesign.com/blog/2010/07/posting-with-one-hand-my-mobile-gallery/wpid-2010-07-16-23-44-22-jpg/' title='wpid-2010-07-16-23.44.22.jpg'><img width="150" height="150" src="http://areyoudesign.com/blog/wp-content/uploads/2010/07/wpid-2010-07-16-23.44.22-150x150.jpg" class="attachment-thumbnail" alt="wpid-2010-07-16-23.44.22.jpg" title="wpid-2010-07-16-23.44.22.jpg" /></a>
<a href='http://areyoudesign.com/blog/2010/07/posting-with-one-hand-my-mobile-gallery/wpid-2010-07-16-23-43-44-jpg/' title='wpid-2010-07-16-23.43.44.jpg'><img width="150" height="150" src="http://areyoudesign.com/blog/wp-content/uploads/2010/07/wpid-2010-07-16-23.43.44-150x150.jpg" class="attachment-thumbnail" alt="wpid-2010-07-16-23.43.44.jpg" title="wpid-2010-07-16-23.43.44.jpg" /></a>

]]></content:encoded>
			<wfw:commentRss>http://areyoudesign.com/blog/2010/07/posting-with-one-hand-my-mobile-gallery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Are You Insane 3.0</title>
		<link>http://areyoudesign.com/blog/2010/07/are-you-insane-3-0/</link>
		<comments>http://areyoudesign.com/blog/2010/07/are-you-insane-3-0/#comments</comments>
		<pubDate>Sat, 10 Jul 2010 00:56:42 +0000</pubDate>
		<dc:creator>Sai-Kit Hui</dc:creator>
				<category><![CDATA[WebDev]]></category>

		<guid isPermaLink="false">http://areyoudesign.com/blog/?p=1443</guid>
		<description><![CDATA[<p class="first-child "><span title="T" class="cap"><span>T</span></span>his is the twentyten theme, the new default theme for WordPress 3.0. I am in the process of redeveloping this blog and sharpening my WordPress skills. as I begin &#8230;</p>]]></description>
			<content:encoded><![CDATA[<p class="first-child "><span title="T" class="cap"><span>T</span></span>his is the twentyten theme, the new default theme for WordPress 3.0. I am in the process of redeveloping this blog and sharpening my WordPress skills. as I begin juggling both a full-time and freelance career. </p>
<p>The design itself will be in the backburner as I will spend the majority of the time implementing the features like custom content types and a revamped templating system.</p>
<p>Stay tuned as you and I both learn a little something about WordPress and web development.<br />
<strong><br />
Update:</strong> Scratch that. Old theme restored. That&#8217;s because someone actually <a href="http://www.wpin.me/heads-up-100-beautiful-wordpress-blog-headers/">likes the header</a>, like yesterday.</p>
]]></content:encoded>
			<wfw:commentRss>http://areyoudesign.com/blog/2010/07/are-you-insane-3-0/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>My Web Dev Philosophy Doesn&#8217;t Scale Well</title>
		<link>http://areyoudesign.com/blog/2010/03/my-web-dev-philosophy-doesnt-scale-well/</link>
		<comments>http://areyoudesign.com/blog/2010/03/my-web-dev-philosophy-doesnt-scale-well/#comments</comments>
		<pubDate>Wed, 17 Mar 2010 01:00:28 +0000</pubDate>
		<dc:creator>Sai-Kit Hui</dc:creator>
				<category><![CDATA[WebDev]]></category>

		<guid isPermaLink="false">http://areyoudesign.com/blog/?p=1398</guid>
		<description><![CDATA[Web Development in RL is rough, yo.]]></description>
			<content:encoded><![CDATA[<p class="first-child "><span title="T" class="cap"><span>T</span></span>his month I got a chance to help develop a large scale website/app. While I helped complete it to great acclaim, two major pillars of web dev philosophy was rocked by the challenges of working with other devs and looming deadlines. </p>
<p><strong>&#8220;I am at peace with IE6&#8243;.</strong> Here I am <a href="http://ie.microsoft.com/testdrive/">watching a preview of <em>IE9</em></a> and wondering why IE6 is still a bane of my existence? Oh sure, I know how to deal with every IE6 issue, but as the complexity of the site increases the quantity of IE6 issues go up. Just because I know how to fix it doesn&#8217;t mean it won&#8217;t drive me nuts.</p>
<p><strong>Inline-block is the shiznit</strong> It still is. Just that its biggest flaw, a 4 px gap between inline-block elements makes it tough to build commercial sites, which require pixel perfection. Plus, going back to working with floats makes me believe they are not as terrible as once believed. Fortunately, I have time to develop my belief in inline-block layout and make it work on all sites.</p>
<p>But if there is one thing I am glad about is the widespread adoption of JQuery. Every single job I&#8217;ve interviewed for, including the one that I have now, requires it. Can you imagine if I start going crazy over Javascript cross-compatibility issues?</p>
]]></content:encoded>
			<wfw:commentRss>http://areyoudesign.com/blog/2010/03/my-web-dev-philosophy-doesnt-scale-well/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS3: rgba</title>
		<link>http://areyoudesign.com/blog/2010/02/css3-rgba/</link>
		<comments>http://areyoudesign.com/blog/2010/02/css3-rgba/#comments</comments>
		<pubDate>Sat, 27 Feb 2010 06:13:34 +0000</pubDate>
		<dc:creator>Sai-Kit Hui</dc:creator>
				<category><![CDATA[WebDev]]></category>

		<guid isPermaLink="false">http://areyoudesign.com/blog/?p=1389</guid>
		<description><![CDATA[<p class="first-child "><span title="W" class="cap"><span>W</span></span>ow, first webdev post in like, forever, must be because I mocked up a first draft of the new portfolio page.</p>
<p>CSS3 introduces the rgb and rgba background properties. &#8230;</p>]]></description>
			<content:encoded><![CDATA[<p class="first-child "><span title="W" class="cap"><span>W</span></span>ow, first webdev post in like, forever, must be because I mocked up a first draft of the new portfolio page.</p>
<p>CSS3 introduces the rgb and rgba background properties. Simply put, instead of hexes, colors can be determined by their rgb values.</p>
<p style="background: rgb(0,0,0); color:#fff;">This is background:rgb(0,0,0); , which is black.</p>
<p>That&#8217;s nothing special. rgba, however, combines background color and alpha value, or opacity.</p>
<p style="background: rgba(0,0,0,.8); color:#fff;">This is background:rbga(0,0,0,.6); , which is black and 60% opacity.</p>
<p>Please note that rgba only specify a specific element, whereas opacity property define an element and its children. The latest Firefox and Webkit browsers support this, IE8 and below&#8230; not so much. It only supports rgb.</p>
<p><a href="http://css-tricks.com/rgba-browser-support/">CSS Tricks</a> has a whole list of browser support. This is a handy property that replaces the 1px translucent background image.</p>
]]></content:encoded>
			<wfw:commentRss>http://areyoudesign.com/blog/2010/02/css3-rgba/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS3: Zebras!</title>
		<link>http://areyoudesign.com/blog/2009/12/css3-zebras/</link>
		<comments>http://areyoudesign.com/blog/2009/12/css3-zebras/#comments</comments>
		<pubDate>Fri, 18 Dec 2009 00:34:15 +0000</pubDate>
		<dc:creator>Sai-Kit Hui</dc:creator>
				<category><![CDATA[WebDev]]></category>

		<guid isPermaLink="false">http://areyoudesign.com/blog/?p=1346</guid>
		<description><![CDATA[<p class="first-child "><em><span title="N" class="cap"><span>N</span></span>ote: Not every browser support every CSS property. And there plenty of vendor-specific properties that will not work on other browsers. Keep that in mind. To my knowledge, all </em>&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p class="first-child "><em><span title="N" class="cap"><span>N</span></span>ote: Not every browser support every CSS property. And there plenty of vendor-specific properties that will not work on other browsers. Keep that in mind. To my knowledge, all smartphone browsers support most CSS3 properties.</em></p>
<p>Clients love zebra patterned lists and tables. They love it, something to do with readability. Whatever. With CSS3, it&#8217;s a snap. For instance, in a typical table:</p>
<pre><code>table tr td:nth-child(2n) {
background:#eee;
padding:10px 0;
}</code></pre>
<p>This will add a background and padding every even number of cells. N equals all whole numbers.</p>
<pre><code>
table tr td:nth-child(2n + 1) {
padding:10px 0;
}</code></pre>
<p>And just to make things tidy, this is how to do odds. No need to add &#8220;alt&#8221; classes.</p>
<p>In the future, no longer will one exchange barbs with a client over the effectiveness of zebra tables. Just do it and collect paycheck.</p>
]]></content:encoded>
			<wfw:commentRss>http://areyoudesign.com/blog/2009/12/css3-zebras/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Mobile Web First Impressions</title>
		<link>http://areyoudesign.com/blog/2009/12/the-mobile-web-first-impressions/</link>
		<comments>http://areyoudesign.com/blog/2009/12/the-mobile-web-first-impressions/#comments</comments>
		<pubDate>Thu, 17 Dec 2009 07:31:48 +0000</pubDate>
		<dc:creator>Sai-Kit Hui</dc:creator>
				<category><![CDATA[WebDev]]></category>

		<guid isPermaLink="false">http://areyoudesign.com/blog/?p=1344</guid>
		<description><![CDATA[Droid does mother fathers!]]></description>
			<content:encoded><![CDATA[<p class="first-child "><span title="O" class="cap"><span>O</span></span>ver the weekend, I finally acquired my first smartphone, a Motorola Droid. After kill its batteries 5 times over the last few days, I have these impressions.</p>
<p><strong>My blog didn&#8217;t work on mobile <a href="http://m.areyoudesign.com/blog">until today</a></strong>. Let&#8217;s get that out of the way. I suck. Next.</p>
<p><strong>Smart.fm needs an Android app</strong>. Congrats on the iphone app and the transition to a Javascript based app. But not only is Smart.fm slow as hell, it doesn&#8217;t work that well on the Droid. <a href="http://blog.mobify.me/2009/12/05/why-android-will-dominate-japan/">If this is true</a>, then you should be already making an Android app.</p>
<p><strong>Where is tweetdeck?</strong> Yes, they have an iphone app, I could use an Android app. Please?</p>
<p><strong>It&#8217;s mobile, not iphone or pda.</strong> They&#8217;re not the only devices on the market anymore, so get your mobile names right <a href="http://pda.continental.com/PDA20/default.aspx">Continental</a>.</p>
<p><strong>This shit needs to be charging all the time.</strong> Only took one day to realize I&#8217;m a power user. So now I have a charger in my bag at all time and a car charger in whatever automobile I&#8217;m in.<br />
<strong><br />
I can actually give accurate information to people who ask.</strong> Strangers like to ask me for directions in NYC for some reason. At least now, instead of leading them astray, I can give them accurate information. Yay strangers.</p>
<p><strong>Google Navigation FTW.</strong> Garmin and TomTom are dead.</p>
<p>More to come&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://areyoudesign.com/blog/2009/12/the-mobile-web-first-impressions/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Dreamweaver: Fend off irate co-webdevs with the right preferences</title>
		<link>http://areyoudesign.com/blog/2009/10/dreamweaver-fend-off-irate-co-webdevs-with-the-right-preferences/</link>
		<comments>http://areyoudesign.com/blog/2009/10/dreamweaver-fend-off-irate-co-webdevs-with-the-right-preferences/#comments</comments>
		<pubDate>Fri, 02 Oct 2009 03:04:59 +0000</pubDate>
		<dc:creator>Sai-Kit Hui</dc:creator>
				<category><![CDATA[WebDev]]></category>

		<guid isPermaLink="false">http://areyoudesign.com/blog/?p=1294</guid>
		<description><![CDATA[A simple tip to prevent future Nerd Rage.]]></description>
			<content:encoded><![CDATA[<p class="first-child "><span title="I" class="cap"><span>I</span></span>f you are working on a web project with different systems and use the same repository, having the right format is key.</p>
<p>Chances are one of someone will be using a command line SVN client and that person will be flustered to see messed up code because you were coding on a PC using Windows formatting.</p>
<p>Spare your fellow co-worker&#8217;s pain. Go to Edit > Preferences > Code Format and make sure your are using Unix line breaks (might want to agree on indenting too while you&#8217;re there).</p>
<p>Sure, receiving an IM written in caps may or may not be funny, but the message is clear. Don&#8217;t be an idiot, get your line endings right. </p>
]]></content:encoded>
			<wfw:commentRss>http://areyoudesign.com/blog/2009/10/dreamweaver-fend-off-irate-co-webdevs-with-the-right-preferences/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mobified!</title>
		<link>http://areyoudesign.com/blog/2009/08/mobified/</link>
		<comments>http://areyoudesign.com/blog/2009/08/mobified/#comments</comments>
		<pubDate>Tue, 25 Aug 2009 20:01:49 +0000</pubDate>
		<dc:creator>Sai-Kit Hui</dc:creator>
				<category><![CDATA[WebDev]]></category>

		<guid isPermaLink="false">http://areyoudesign.com/blog/?p=1247</guid>
		<description><![CDATA[<p class="first-child "><span title="E" class="cap"><span>E</span></span>veryone&#8217;s least funny web developer has an actual mobile version made possible by <a href="http://mobify.me/">mobify</a>. With mobify, I can select which parts of my site to show, give it &#8230;</p>]]></description>
			<content:encoded><![CDATA[<p class="first-child "><span title="E" class="cap"><span>E</span></span>veryone&#8217;s least funny web developer has an actual mobile version made possible by <a href="http://mobify.me/">mobify</a>. With mobify, I can select which parts of my site to show, give it a custom CSS stylesheet, and link it to a domain of my choice. And with the mobify WordPress plugin, integrating it is painless.</p>
<p>For now, if you want to see it on your desktop, it&#8217;s at http://areyoudesign.mobify.me/blog/. If you are viewing this from a phone, you&#8217;re already looking at it.</p>
<p>Happy viewing!</p>
]]></content:encoded>
			<wfw:commentRss>http://areyoudesign.com/blog/2009/08/mobified/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

