<?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>brandon&#039;s blog</title>
	<atom:link href="http://lionheart.sg/feed/" rel="self" type="application/rss+xml" />
	<link>http://lionheart.sg</link>
	<description>@mxbrandon</description>
	<lastBuildDate>Fri, 18 May 2012 04:07:35 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>CSS properties that can potentially be used to replace images</title>
		<link>http://lionheart.sg/css-properties-that-can-potentially-be-used-to-replace-images/</link>
		<comments>http://lionheart.sg/css-properties-that-can-potentially-be-used-to-replace-images/#comments</comments>
		<pubDate>Fri, 18 May 2012 04:07:35 +0000</pubDate>
		<dc:creator>brandonc</dc:creator>
				<category><![CDATA[Web Related]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[css3]]></category>

		<guid isPermaLink="false">http://lionheart.sg/?p=496</guid>
		<description><![CDATA[Three of the most useful CSS properties I found in replacing (background) images, reducing page load size, and reaping more tangible benefits for devices with slower bandwidth (mobile) &#8211; Styling for: 1. Gradient filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=&#8217;#ffc703&#8242;,endColorstr=&#8217;#fe9c00&#8242;); /* for IE */ background: &#8230; <a href="http://lionheart.sg/css-properties-that-can-potentially-be-used-to-replace-images/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://lionheart.sg/css-properties-that-can-potentially-be-used-to-replace-images/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>iPad orientation script</title>
		<link>http://lionheart.sg/ipad-orientation-script/</link>
		<comments>http://lionheart.sg/ipad-orientation-script/#comments</comments>
		<pubDate>Mon, 07 May 2012 00:49:00 +0000</pubDate>
		<dc:creator>brandonc</dc:creator>
				<category><![CDATA[Web Related]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[orientation]]></category>
		<category><![CDATA[scaling]]></category>

		<guid isPermaLink="false">http://lionheart.sg/?p=490</guid>
		<description><![CDATA[&#60;link rel='stylesheet' media='screen and (max-width: 1024px) and (orientation:portrait)' href='@Url.Content("~/Styles/cudo_tablet.css")' /&#62; &#60;meta name="viewport" content="width=device-width, initial-scale=1"&#62; &#60;script&#62;!function (doc) { var addEvent = 'addEventListener', type = 'gesturestart', qsa = 'querySelectorAll', scales = [1, 1], meta = qsa in doc ? doc[qsa]('meta[name=viewport]') : []; &#8230; <a href="http://lionheart.sg/ipad-orientation-script/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://lionheart.sg/ipad-orientation-script/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Windows 8 Application Development Reference</title>
		<link>http://lionheart.sg/windows-8-application-development-reference/</link>
		<comments>http://lionheart.sg/windows-8-application-development-reference/#comments</comments>
		<pubDate>Mon, 16 Apr 2012 02:05:04 +0000</pubDate>
		<dc:creator>brandonc</dc:creator>
				<category><![CDATA[Web Related]]></category>

		<guid isPermaLink="false">http://lionheart.sg/?p=485</guid>
		<description><![CDATA[Get started link for developers. http://msdn.microsoft.com/en-us/library/windows/apps/br211386.aspx If you have the hardware for Windows8, here is the preview install http://windows.microsoft.com/en-AU/windows-8/consumer-preview ISO: (http://windows.microsoft.com/en-US/windows-8/iso?ocid=W_OFF_W8P_TechCenter_ISO_EN-US) The tools  (VS 11 Beta) http://msdn.microsoft.com/en-us/library/windows/apps/br211384.aspx “WinJS” will be quite important in Windows JS development, but jQuery is allowed. &#8230; <a href="http://lionheart.sg/windows-8-application-development-reference/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://lionheart.sg/windows-8-application-development-reference/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Scrolling content in fixed-height container for iPad</title>
		<link>http://lionheart.sg/scrolling-content-in-fixed-height-container-for-ipad/</link>
		<comments>http://lionheart.sg/scrolling-content-in-fixed-height-container-for-ipad/#comments</comments>
		<pubDate>Fri, 24 Feb 2012 03:47:38 +0000</pubDate>
		<dc:creator>brandonc</dc:creator>
				<category><![CDATA[Web Related]]></category>
		<category><![CDATA[colorbox]]></category>
		<category><![CDATA[fixed-height]]></category>
		<category><![CDATA[iframe]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[iScroll]]></category>
		<category><![CDATA[scrolling]]></category>

		<guid isPermaLink="false">http://lionheart.sg/?p=476</guid>
		<description><![CDATA[A real elegant solution from iScroll, after viewing several unworkable or out-dated solutions in stackoverflow. 1. Load iScroll script if iPad device detected, or you can check in more general. &#60;script type="text/javascript"&#62; var isiPad = navigator.userAgent.match(/iPad/i) != null; if (isiPad) &#8230; <a href="http://lionheart.sg/scrolling-content-in-fixed-height-container-for-ipad/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://lionheart.sg/scrolling-content-in-fixed-height-container-for-ipad/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Twitter User Feed jQuery Plugin</title>
		<link>http://lionheart.sg/twitter-user-feed-jquery-plugin/</link>
		<comments>http://lionheart.sg/twitter-user-feed-jquery-plugin/#comments</comments>
		<pubDate>Mon, 13 Feb 2012 04:30:45 +0000</pubDate>
		<dc:creator>brandonc</dc:creator>
				<category><![CDATA[Web Related]]></category>

		<guid isPermaLink="false">http://lionheart.sg/?p=468</guid>
		<description><![CDATA[Ever needed to show you are really working really hard for your clients on your website? Tweet your hard work using the Twitter user feed plugin. http://tweet.seaofclouds.com/]]></description>
		<wfw:commentRss>http://lionheart.sg/twitter-user-feed-jquery-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>sessionStorage and localStorage</title>
		<link>http://lionheart.sg/sessionstorage-and-localstorage/</link>
		<comments>http://lionheart.sg/sessionstorage-and-localstorage/#comments</comments>
		<pubDate>Wed, 01 Feb 2012 01:35:41 +0000</pubDate>
		<dc:creator>brandonc</dc:creator>
				<category><![CDATA[Web Related]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[local storage]]></category>
		<category><![CDATA[session storage]]></category>

		<guid isPermaLink="false">http://lionheart.sg/?p=460</guid>
		<description><![CDATA[The main benefit of using HTML5&#8242;s sessionStorage or localStorage is it&#8217;s capacity to contain up to 5MB (or 60MB) of data depending on browser type and desktop/mobile browser. For mobile applications/websites, this may be particularly useful if (1) users have &#8230; <a href="http://lionheart.sg/sessionstorage-and-localstorage/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://lionheart.sg/sessionstorage-and-localstorage/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Embedding Youtube and HTML5 Video Option</title>
		<link>http://lionheart.sg/embedding-youtube-and-html5-video-option/</link>
		<comments>http://lionheart.sg/embedding-youtube-and-html5-video-option/#comments</comments>
		<pubDate>Mon, 09 Jan 2012 05:08:37 +0000</pubDate>
		<dc:creator>brandonc</dc:creator>
				<category><![CDATA[Web Related]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[iframe]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[Youtube]]></category>

		<guid isPermaLink="false">http://lionheart.sg/?p=454</guid>
		<description><![CDATA[A couple of things I changed to make use of the new iframe code for embedding Youtube videos on the website. The new code supports both Flash and HTML5 video. Only users of supported browsers who opt into the Youtube &#8230; <a href="http://lionheart.sg/embedding-youtube-and-html5-video-option/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://lionheart.sg/embedding-youtube-and-html5-video-option/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>@fontface, Google&#8217;s WebFont Loader and Cufon</title>
		<link>http://lionheart.sg/fontface-googles-webfont-loader-and-cufon/</link>
		<comments>http://lionheart.sg/fontface-googles-webfont-loader-and-cufon/#comments</comments>
		<pubDate>Fri, 16 Dec 2011 10:50:01 +0000</pubDate>
		<dc:creator>brandonc</dc:creator>
				<category><![CDATA[Web Related]]></category>
		<category><![CDATA[@fontface]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Cufon]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[WebFont loader]]></category>

		<guid isPermaLink="false">http://lionheart.sg/?p=439</guid>
		<description><![CDATA[Have been trying to resolve the issue of FOUT (Flash of unstyled text) when using @fontface on IE. The best solution I found was to use Google&#8217;s WebFont loader. To not allow the default font to show at all before &#8230; <a href="http://lionheart.sg/fontface-googles-webfont-loader-and-cufon/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://lionheart.sg/fontface-googles-webfont-loader-and-cufon/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Bing Map v7 Address Query using jQuery</title>
		<link>http://lionheart.sg/get-bing-interactive-map-by-jquery/</link>
		<comments>http://lionheart.sg/get-bing-interactive-map-by-jquery/#comments</comments>
		<pubDate>Fri, 25 Nov 2011 01:53:28 +0000</pubDate>
		<dc:creator>brandonc</dc:creator>
				<category><![CDATA[Web Related]]></category>
		<category><![CDATA[API]]></category>
		<category><![CDATA[Bing]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[jsonp]]></category>
		<category><![CDATA[Location]]></category>
		<category><![CDATA[map]]></category>

		<guid isPermaLink="false">http://lionheart.sg/?p=421</guid>
		<description><![CDATA[How to initialise Bing map using an street address query. First reference the Bing library, keeping it as an external reference. They changed one of their JavaScript urls once and 404ed on me. There are references for both SSL and &#8230; <a href="http://lionheart.sg/get-bing-interactive-map-by-jquery/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://lionheart.sg/get-bing-interactive-map-by-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Stylesheet for Print</title>
		<link>http://lionheart.sg/print-css/</link>
		<comments>http://lionheart.sg/print-css/#comments</comments>
		<pubDate>Fri, 11 Nov 2011 00:47:55 +0000</pubDate>
		<dc:creator>brandonc</dc:creator>
				<category><![CDATA[Web Related]]></category>
		<category><![CDATA[@font-face]]></category>
		<category><![CDATA[fonts]]></category>
		<category><![CDATA[FOUT]]></category>

		<guid isPermaLink="false">http://lionheart.sg/?p=416</guid>
		<description><![CDATA[Interesting and Useful article: http://designshack.net/articles/css/6-thinks-i-learned-about-print-stylesheets-from-html5-boilerplate/]]></description>
		<wfw:commentRss>http://lionheart.sg/print-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

