<?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>App-Matic</title>
	<atom:link href="http://www.app-matic.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.app-matic.com</link>
	<description>Software That Matter!</description>
	<lastBuildDate>Fri, 23 Jul 2010 03:21:18 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Mac OS X Application Mockup in Pure HTML</title>
		<link>http://www.app-matic.com/blog/mac-os-x-application-mockup-in-pure-html/</link>
		<comments>http://www.app-matic.com/blog/mac-os-x-application-mockup-in-pure-html/#comments</comments>
		<pubDate>Fri, 23 Jul 2010 03:21:18 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.app-matic.com/?p=276</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.app-matic.com/wp-content/uploads/2010/07/myHelpdesk_1279819235692.png"><img class="aligncenter size-full wp-image-275" title="myHelpdesk_1279819235692" src="http://www.app-matic.com/wp-content/uploads/2010/07/myHelpdesk_1279819235692.png" alt="" width="562" height="339" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.app-matic.com/blog/mac-os-x-application-mockup-in-pure-html/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>iMangaX Cease &amp; Desist</title>
		<link>http://www.app-matic.com/blog/imangax-cease-desist/</link>
		<comments>http://www.app-matic.com/blog/imangax-cease-desist/#comments</comments>
		<pubDate>Mon, 28 Dec 2009 12:19:10 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.app-matic.com/?p=267</guid>
		<description><![CDATA[My partner received C&#38;D letter from Viz Media and I had to take few titles out from iMangaX but all manga are still accessible from iManga web version. Sorry guys. C&#038;D Letter after the break. C&#038;D Letter - i Manga X Application (20091216)]]></description>
			<content:encoded><![CDATA[<p>My partner received C&amp;D letter from Viz Media and I had to take few titles out from iMangaX but all manga are still accessible from <a href="http://imanga.co.cc">iManga web version</a>.</p>
<p>Sorry guys.</p>
<p>C&#038;D Letter after the break.<br />
<span id="more-267"></span><br />
<a title="View C&amp;D Letter - i Manga X Application (20091216) on Scribd" href="http://www.scribd.com/doc/24560200/C-D-Letter-i-Manga-X-Application-20091216" style="margin: 12px auto 6px auto; font-family: Helvetica,Arial,Sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; display: block; text-decoration: underline;">C&#038;D Letter - i Manga X Application (20091216)</a> <object codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" id="doc_106039496614249" name="doc_106039496614249" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" align="middle"	height="500" width="540" ><param name="movie"	value="http://d1.scribdassets.com/ScribdViewer.swf?document_id=24560200&#038;access_key=key-g413bfduc3o2pubp4a7&#038;page=1&#038;version=1&#038;viewMode=list"><param name="quality" value="high"><param name="play" value="true"><param name="loop" value="true"><param name="scale" value="showall"><param name="wmode" value="opaque"><param name="devicefont" value="false"><param name="bgcolor" value="#ffffff"><param name="menu" value="true"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><param name="salign" value=""><param name="mode" value="list"><embed src="http://d1.scribdassets.com/ScribdViewer.swf?document_id=24560200&#038;access_key=key-g413bfduc3o2pubp4a7&#038;page=1&#038;version=1&#038;viewMode=list" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" play="true" loop="true" scale="showall" wmode="opaque" devicefont="false" bgcolor="#ffffff" name="doc_106039496614249_object" menu="true" allowfullscreen="true" allowscriptaccess="always" salign="" type="application/x-shockwave-flash" align="middle" mode="list" height="500" width="540"></embed></object>	</p>
]]></content:encoded>
			<wfw:commentRss>http://www.app-matic.com/blog/imangax-cease-desist/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>iMangaX Now In App Store!</title>
		<link>http://www.app-matic.com/blog/imangax-now-in-app-store/</link>
		<comments>http://www.app-matic.com/blog/imangax-now-in-app-store/#comments</comments>
		<pubDate>Fri, 11 Dec 2009 01:42:38 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[iManga]]></category>
		<category><![CDATA[app store]]></category>
		<category><![CDATA[imangax]]></category>

		<guid isPermaLink="false">http://www.app-matic.com/?p=258</guid>
		<description><![CDATA[Hi guys, I would like to announce iMangaX is now available in App Store! Thanks to Mr Brandon Gray, my partner in this project, for all the hard-work that he has done since the development started. So, get it now and don't forget to tell your friends. iMangaX Free: http://itunes.apple.com/my/app/i-manga-x-free-manga-web-browser/id342797204?mt=8 iMangaX: http://itunes.apple.com/my/app/i-manga-x-manga-web-browser/id342795223?mt=8 Apps by Brandon [...]]]></description>
			<content:encoded><![CDATA[<p>Hi guys,</p>
<p>I would like to announce iMangaX is now available in App Store! Thanks to Mr Brandon Gray, my partner in this project, for all the hard-work that he has done since the development started. </p>
<p>So, get it now and don't forget to tell your friends.</p>
<p>iMangaX Free:</p>
<p>http://itunes.apple.com/my/app/i-manga-x-free-manga-web-browser/id342797204?mt=8</p>
<p>iMangaX:</p>
<p>http://itunes.apple.com/my/app/i-manga-x-manga-web-browser/id342795223?mt=8</p>
<p>Apps by Brandon Gray:</p>
<p>http://itunes.apple.com/us/artist/brandon-gray/id323989384</p>
]]></content:encoded>
			<wfw:commentRss>http://www.app-matic.com/blog/imangax-now-in-app-store/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Shake Your Message Box Using jQuery UI</title>
		<link>http://www.app-matic.com/blog/shake-your-message-box-using-jquery-ui/</link>
		<comments>http://www.app-matic.com/blog/shake-your-message-box-using-jquery-ui/#comments</comments>
		<pubDate>Thu, 03 Dec 2009 16:09:49 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[message box]]></category>

		<guid isPermaLink="false">http://www.app-matic.com/?p=161</guid>
		<description><![CDATA[As a web developer, I shamefully admit that I am pretty late into adopting jQuery in my projects. I've used Prototype, Scriptaculous and ExtJS before but never jQuery. Recently, when I was assigned to a new project, I had a chance to utilize jQuery and a bunch of great plugins. Today I want to share [...]]]></description>
			<content:encoded><![CDATA[<p>As a web developer, I shamefully admit that I am pretty late into adopting jQuery in my projects. I've used Prototype, Scriptaculous and ExtJS before but never jQuery. Recently, when I was assigned to a new project, I had a chance to utilize jQuery and a bunch of great plugins.</p>
<p>Today I want to share with you something that I used in the project—a message box that shake to grab user's attention, usually when error has occurred.</p>
<p>So this is the HTML markup. Notice that I use DIV element with <em>error-message</em> as CSS class, this for the styling which I will add later.</p>
<div class="hl-container">
<div class="hl-main">
<pre><span class="hl-brackets">&lt;</span><span class="hl-reserved">div</span><span class="hl-code"> </span><span class="hl-var">class</span><span class="hl-code">=</span><span class="hl-quotes">&quot;</span><span class="hl-string">error-message</span><span class="hl-quotes">&quot;</span><span class="hl-brackets">&gt;</span><span class="hl-code">Click here to see me shake.</span><span class="hl-brackets">&lt;/</span><span class="hl-reserved">div</span><span class="hl-brackets">&gt;</span></pre>
</div>
</div>
<p><span id="more-161"></span><br />
It's time to add the shake effect. The effect will be seen when the page is loaded but as you can see from the code below, I also add the code to make it shake on click event. </p>
<div class="hl-container">
<div class="hl-main">
<pre><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">shake</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
    $</span><span class="hl-brackets">(</span><span class="hl-quotes">'</span><span class="hl-string">.error-message</span><span class="hl-quotes">'</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">effect</span><span class="hl-brackets">(</span><span class="hl-quotes">'</span><span class="hl-string">shake</span><span class="hl-quotes">'</span><span class="hl-code">, </span><span class="hl-brackets">{</span><span class="hl-identifier">times</span><span class="hl-code">:</span><span class="hl-number">3</span><span class="hl-brackets">}</span><span class="hl-code">, </span><span class="hl-number">50</span><span class="hl-brackets">)</span><span class="hl-code">;
</span><span class="hl-brackets">}</span><span class="hl-code">

$</span><span class="hl-brackets">(</span><span class="hl-builtin">document</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">ready</span><span class="hl-brackets">(</span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
    </span><span class="hl-identifier">shake</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">;

    $</span><span class="hl-brackets">(</span><span class="hl-quotes">'</span><span class="hl-string">.error-message</span><span class="hl-quotes">'</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">click</span><span class="hl-brackets">(</span><span class="hl-reserved">function</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
        </span><span class="hl-identifier">shake</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">;
    </span><span class="hl-brackets">}</span><span class="hl-brackets">)</span><span class="hl-code">;
</span><span class="hl-brackets">}</span><span class="hl-brackets">)</span><span class="hl-code">;</span></pre>
</div>
</div>
<p>Since I use this is for showing error message, I want it to be in red and big hence the code below, but you can style it in any way you like. Rounded corners<sup class='footnote'><a href='#fn-161-1' id='fnref-161-1'>1</a></sup> was added to make it more appealing.</p>
<div class="hl-container">
<div class="hl-main">
<pre><span class="hl-identifier">div</span><span class="hl-identifier">.error-message</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code">
    </span><span class="hl-reserved">font-size:</span><span class="hl-code"> </span><span class="hl-number">140</span><span class="hl-string">%</span><span class="hl-reserved"></span><span class="hl-code">;
    </span><span class="hl-reserved">font-weight:</span><span class="hl-code"> </span><span class="hl-string">bold</span><span class="hl-reserved"></span><span class="hl-code">;
    </span><span class="hl-reserved">margin:</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code"> </span><span class="hl-string">auto</span><span class="hl-reserved"></span><span class="hl-code">;
    </span><span class="hl-reserved">text-align:</span><span class="hl-code"> </span><span class="hl-string">center</span><span class="hl-reserved"></span><span class="hl-code">;
    </span><span class="hl-reserved">padding:</span><span class="hl-code"> </span><span class="hl-number">0.7</span><span class="hl-string">em</span><span class="hl-reserved"></span><span class="hl-code">;
    -</span><span class="hl-reserved">moz-border-radius:</span><span class="hl-code"> </span><span class="hl-number">8</span><span class="hl-string">px</span><span class="hl-reserved"></span><span class="hl-code">;
    -</span><span class="hl-reserved">webkit-border-radius:</span><span class="hl-code"> </span><span class="hl-number">8</span><span class="hl-string">px</span><span class="hl-reserved"></span><span class="hl-code">;
    </span><span class="hl-reserved">width:</span><span class="hl-code"> </span><span class="hl-number">90</span><span class="hl-string">%</span><span class="hl-reserved"></span><span class="hl-code">;
    </span><span class="hl-reserved">border:</span><span class="hl-string">solid</span><span class="hl-code"> </span><span class="hl-number">1</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-var">#CC0000</span><span class="hl-reserved"></span><span class="hl-code">;
    </span><span class="hl-reserved">background:</span><span class="hl-var">#F7CBCA</span><span class="hl-reserved"></span><span class="hl-code">;
    </span><span class="hl-reserved">color:</span><span class="hl-var">#CC0000</span><span class="hl-reserved"></span><span class="hl-code">;
</span><span class="hl-brackets">}</span></pre>
</div>
</div>
<p>Click here for <a href="http://www.app-matic.com/wp-content/uploads/2009/12/shake.html">demo and full source code</a>.
<div class='footnotes'>
<div class='footnotedivider'></div>
<ol>
<li id='fn-161-1'>Tested in FF, Crome &#038; Safari <span class='footnotereverse'><a href='#fnref-161-1'>&#8617;</a></span></li>
</ol>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.app-matic.com/blog/shake-your-message-box-using-jquery-ui/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>1News Malaysia</title>
		<link>http://www.app-matic.com/blog/1news-malaysia/</link>
		<comments>http://www.app-matic.com/blog/1news-malaysia/#comments</comments>
		<pubDate>Mon, 02 Nov 2009 13:55:58 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[1News Malaysia]]></category>

		<guid isPermaLink="false">http://www.app-matic.com/?p=93</guid>
		<description><![CDATA[Hi folks, I am proud to announced the release of 1News Malaysia which went live since yesterday. This is the fastest app in terms of development speed, as it only took me 3 days to complete. As I explained in the front page, 1News Malaysia aggregate news from major newspaper publishers — it is a feed [...]]]></description>
			<content:encoded><![CDATA[<p><img class="size-thumbnail wp-image-88 alignleft" title="1news-iphone" src="http://www.app-matic.com/wp-content/uploads/2009/11/1news-iphone-150x150.png" alt="1news-iphone" width="150" height="150" /></p>
<p>Hi folks,</p>
<p>I am proud to announced the release of 1News Malaysia which went live since yesterday. This is the fastest app in terms of development speed, as it only took me 3 days to complete.</p>
<p>As I explained in the front page, 1News Malaysia aggregate news from major newspaper publishers — it is a feed reader. What makes it different from most feed readers is that it allows you to read full content without leaving the app, in a nicely formatted way — no pinching in and out needed.</p>
<p>In case you're wondering, that <a href="http://www.templay.de/artikel_details.php?p_id=29&amp;topnav=2" target="_blank">cool newspaper icon</a> you see on the left is available for download at <a title="templay" href="http://www.templay.de" target="_blank">templay</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.app-matic.com/blog/1news-malaysia/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Welcome to App-Matic</title>
		<link>http://www.app-matic.com/blog/welcome-to-app-matic/</link>
		<comments>http://www.app-matic.com/blog/welcome-to-app-matic/#comments</comments>
		<pubDate>Thu, 22 Oct 2009 05:12:46 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.app-matic.com/?p=66</guid>
		<description><![CDATA[Hello and welcome to App-Matic blog where all news &#038; info about our products, including iManga will be posted here. From time to time I will also share something that I hope will be useful to my reader. To all iManga readers, I have 2 good news for you. iMangaX will be available in app [...]]]></description>
			<content:encoded><![CDATA[<p>Hello and welcome to App-Matic blog where all news &#038; info about our products, including iManga will be posted here. From time to time I will also share something that I hope will be useful to my reader.</p>
<p>To all iManga readers, I have 2 good news for you. iMangaX will be available in app store in two weeks time, if everything goes smoothly and secondly, as this have been requested by many, I have start developing a version for Manga Fox. You can help with the development by visiting our sponsor or you can <a title="buy me a cup of coffee" href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&#038;business=X9EB8MMG5ZEFS&#038;lc=MY&#038;item_name=iManga&#038;currency_code=USD&#038;bn=PP%2dDonationsBF%3abtn_donate_SM%2egif%3aNonHosted" target="_blank">buy me a cup of coffee</a>.</p>
<p>If you have any comments, cool ideas or suggestions, don't hesitate to contact me. I will try to respond as soon as possible.</p>
<p>Thanks.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.app-matic.com/blog/welcome-to-app-matic/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
