<?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>MacNative&#187; CSS</title>
	<atom:link href="http://www.macnative.com/category/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.macnative.com</link>
	<description>A day in my life....technically. Speaking of Apple, Web Development, and Digital Goodness</description>
	<lastBuildDate>Sat, 17 Jul 2010 22:41:49 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Textmate: The Missing Editor for OSX</title>
		<link>http://www.macnative.com/2010/07/08/general/textmate-the-missing-editor-for-osx/</link>
		<comments>http://www.macnative.com/2010/07/08/general/textmate-the-missing-editor-for-osx/#comments</comments>
		<pubDate>Thu, 08 Jul 2010 12:23:49 +0000</pubDate>
		<dc:creator>bdoga</dc:creator>
				<category><![CDATA[AJAX]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[IT]]></category>
		<category><![CDATA[Mac-alicious]]></category>
		<category><![CDATA[Utilities]]></category>
		<category><![CDATA[WebDevelopment]]></category>
		<category><![CDATA[XHTML]]></category>
		<category><![CDATA[general]]></category>
		<category><![CDATA[projects]]></category>
		<category><![CDATA[applications]]></category>
		<category><![CDATA[developer]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[Mac]]></category>
		<category><![CDATA[useful]]></category>

		<guid isPermaLink="false">http://www.macnative.com/?p=54</guid>
		<description><![CDATA[Every developer knows how important it is to have the right tools. And by having the right tools I mean a text editor. Because ultimately that is all most developers really require to get things done, Developers have been doing it for well over a half century and although the languages and methods for execution [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.macnative.com/wp-content/TextMate.png"><img class="alignleft size-full wp-image-55" style="margin-left: 10px; margin-right: 10px;" title="TextMate" src="http://www.macnative.com/wp-content/TextMate.png" alt="" width="128" height="128" /></a>Every developer knows how important it is to have the right tools. And by having the right tools I mean a text editor. Because ultimately that is all most developers really require to get things done, Developers have been doing it for well over a half century and although the languages and methods for execution have changed, much has remained the same.</p>
<p>For those who are fortunate enough to find themselves doing development on the mac platform, there is an alternative, which although it may not be the newest game on the block, it is one of the best all around. Sissy FauxVelopers need not apply to use this app. It has no build your app with one click buttons. It is designed to take the development experience to the next level for those who like to get their &#8220;fingers&#8221; dirty and actually do some major textual manipulations.</p>
<p><a href="http://www.macnative.com/wp-content/screen-capture-4.png"><img class="alignright size-medium wp-image-56" style="margin-left: 10px; margin-right: 10px;" title="screen-capture-4" src="http://www.macnative.com/wp-content/screen-capture-4-300x221.png" alt="" width="300" height="221" /></a>From the first launch it&#8217;s basic simplicity and power are immediately perceptible. It is feature packed enough to quell the pining soul of the most advanced developer, but simple enough to handle basic text document edits. From customizable coloring of the interface (I prefer the &#8220;All Hallow&#8217;s Eve&#8221; scheme) to the elegant line numbering and code folding features in the applications &#8220;trough&#8221;, this bad boy was built to move mountains and work minor miracles.</p>
<p><a href="http://www.macnative.com/wp-content/screen-capture-5.png"><img class="size-medium wp-image-57 alignleft" style="margin-left: 10px; margin-right: 10px;" title="screen-capture-5" src="http://www.macnative.com/wp-content/screen-capture-5-300x219.png" alt="" width="300" height="219" /></a>With built in support for dozens of predominant document formats, it provides out of the box streamlining of your developer workflow while also allowing you to add your own file format specifications should you happen to be crafty enough to have come up with your own file formats and specifications.</p>
<p>Additionally you can create functions to validate your files layout and formatting right into your file specification. Giving you on the fly access to all the features you want when you are developing.</p>
<p>This great product has seen me through many development projects, and has greatly increased my development capacity through it&#8217;s simplistic yet powerful functions.Although this product isn&#8217;t free, it is well worth the €39 purchase price, and it comes with a 30 day trial for all parties that may be interested, but not yet committed to the purchase.</p>
<p>Go give it a test spin. All you have to loose is pain and frustration.</p>
<p><a href="http://download.macromates.com/TextMate_1.5.9.dmg" target="_blank" onclick="pageTracker._trackPageview('/outgoing/download.macromates.com/TextMate_1.5.9.dmg?referer=');">Download Demo</a></p>
<p><a href="http://macromates.com/" target="_blank" onclick="pageTracker._trackPageview('/outgoing/macromates.com/?referer=');">Homepage</a></p>
<p><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fwww.macnative.com%2F2010%2F07%2F08%2Fgeneral%2Ftextmate-the-missing-editor-for-osx%2F&amp;linkname=Textmate%3A%20The%20Missing%20Editor%20for%20OSX" onclick="pageTracker._trackPageview('/outgoing/www.addtoany.com/share_save?linkurl=http_3A_2F_2Fwww.macnative.com_2F2010_2F07_2F08_2Fgeneral_2Ftextmate-the-missing-editor-for-osx_2F_amp_linkname=Textmate_3A_20The_20Missing_20Editor_20for_20OSX&amp;referer=');"><img src="http://www.macnative.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a> </p>]]></content:encoded>
			<wfw:commentRss>http://www.macnative.com/2010/07/08/general/textmate-the-missing-editor-for-osx/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Css Message Boxes</title>
		<link>http://www.macnative.com/2008/06/09/webdevelopment/css-message-boxes/</link>
		<comments>http://www.macnative.com/2008/06/09/webdevelopment/css-message-boxes/#comments</comments>
		<pubDate>Mon, 09 Jun 2008 20:51:08 +0000</pubDate>
		<dc:creator>bdoga</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[WebDevelopment]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://www.macnative.com/?p=19</guid>
		<description><![CDATA[When working with Dynamic Site Development, it is often necessary to give the client some kind of message to inform them that their action has been either successful or not successful or not so good or&#8230;you get the picture. I have used several different methods of dealing with this over the years. but I just [...]]]></description>
			<content:encoded><![CDATA[<p>When working with Dynamic Site Development, it is often necessary to give the client some kind of message to inform them that their action has been either successful or not successful or not so good or&#8230;you get the picture. I have used several different methods of dealing with this over the years. but I just found this tutorial that has a quick lightweight nice solution to attractively solve this problem.</p>
<p><img class="alignleft size-medium wp-image-21" title="Css Messages" src="http://www.macnative.com/wp-content/screenshot_2.png" alt="Show Messages that are meaningful and attractive (simply)" width="166" height="79" /></p>
<p>Check it out</p>
<p><a title="Css Message Boxes" href="http://www.jankoatwarpspeed.com/post/2008/05/22/CSS-Message-Boxes-for-different-message-types.aspx" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.jankoatwarpspeed.com/post/2008/05/22/CSS-Message-Boxes-for-different-message-types.aspx?referer=');">Css Message Boxes</a></p>
<p><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fwww.macnative.com%2F2008%2F06%2F09%2Fwebdevelopment%2Fcss-message-boxes%2F&amp;linkname=Css%20Message%20Boxes" onclick="pageTracker._trackPageview('/outgoing/www.addtoany.com/share_save?linkurl=http_3A_2F_2Fwww.macnative.com_2F2008_2F06_2F09_2Fwebdevelopment_2Fcss-message-boxes_2F_amp_linkname=Css_20Message_20Boxes&amp;referer=');"><img src="http://www.macnative.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a> </p>]]></content:encoded>
			<wfw:commentRss>http://www.macnative.com/2008/06/09/webdevelopment/css-message-boxes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Using your Footer</title>
		<link>http://www.macnative.com/2008/05/16/general/using-your-footer/</link>
		<comments>http://www.macnative.com/2008/05/16/general/using-your-footer/#comments</comments>
		<pubDate>Fri, 16 May 2008 13:00:07 +0000</pubDate>
		<dc:creator>bdoga</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[WebDevelopment]]></category>
		<category><![CDATA[general]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[footer]]></category>
		<category><![CDATA[innovative]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://www.macnative.com/?p=17</guid>
		<description><![CDATA[ ]]></description>
			<content:encoded><![CDATA[<p>I recently came across an article online, that talked about and showed many examples of using the space in your web pages footer more effectively. Wow talk about insighteful, and the examples on the site give you a great feel for what some other web developers/designers are using there footers for.</p>
<p><a title="Elements of Design article on Footers" onclick="pageTracker._trackPageview('/outgoing/www.smileycat.com/design_elements/footers/?referer=');pageTracker._trackPageview('/outgoing/www.smileycat.com/design_elements/footers/?referer=http://www.macnative.com/wp-admin/post-new.php?posted=17');" href="http://www.smileycat.com/design_elements/footers/" target="_blank">Elements of Design</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.macnative.com/2008/05/16/general/using-your-footer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Form Validation</title>
		<link>http://www.macnative.com/2008/05/05/mootools/form-validation/</link>
		<comments>http://www.macnative.com/2008/05/05/mootools/form-validation/#comments</comments>
		<pubDate>Mon, 05 May 2008 13:00:33 +0000</pubDate>
		<dc:creator>bdoga</dc:creator>
				<category><![CDATA[AJAX]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[MooTools]]></category>
		<category><![CDATA[WebDevelopment]]></category>
		<category><![CDATA[forms]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[live validation]]></category>
		<category><![CDATA[validation]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://www.macnative.com/?p=8</guid>
		<description><![CDATA[One of my biggest concerns when building a dynamic website is, &#8220;How do I validate the users input?&#8221; Obviously there are many different ways to do this, you can validate the data on the back end as it receiving script is processing, and send an error, requesting that the user input correct information. Or you [...]]]></description>
			<content:encoded><![CDATA[<p>One of my biggest concerns when building a dynamic website is, &#8220;How do I validate the users input?&#8221;</p>
<p>Obviously there are many different ways to do this, you can validate the data on the back end as it receiving script is processing, and send an error, requesting that the user input correct information. Or you can do Front end processing on the data when the form is submitted and through JavaScript tell the user that the data is not correct, or you can validate the data as the client is inputing the information, thus allowing the client to correct the error before continuing on (especially useful in large/long forms). Or a combination of the 3, validate on the fly, on submit, and on return.</p>
<p>There is a myriad of different front end scripts that have popped up to handle the front end/live validation, one that I started using was <a title="Live Validation Library Home" onclick="pageTracker._trackPageview('/outgoing/www.livevalidation.com?referer=');pageTracker._trackPageview('/outgoing/www.livevalidation.com?referer=http://www.macnative.com/wp-admin/edit.php');pageTracker._trackPageview('/outgoing/www.livevalidation.com?referer=http://www.macnative.com/wp-admin/edit.php');" href="http://www.livevalidation.com" target="_blank">LiveValidation</a>, It was a useful library, but Since I was already using MooTools anyway, there was additional overhead to use this additional library, as well as the validation messages all appeared inline with your other content, and this tended to be a difficult thing to work with in cramped conditions.</p>
<p>This led me to search around a bit more and I found <a title="Formcheck: A usable Live Form Validation Script" onclick="pageTracker._trackPageview('/outgoing/moo.floor.ch/?referer=');pageTracker._trackPageview('/outgoing/moo.floor.ch/?referer=http://www.macnative.com/wp-admin/edit.php');pageTracker._trackPageview('/outgoing/moo.floor.ch/?referer=http://www.macnative.com/wp-admin/edit.php');" href="http://moo.floor.ch/" target="_blank">Formcheck</a>, A live validation script based on mootools. It was lighter weight, since it was using the library that I was already using. The configuration/integration was about 100 times easier to implement and manage. And the notification appeared as a hovering box rather than and inline notification, which was just the icing on the cake.</p>
<p>Light, Easy, and Pretty, who could ask for more.</p>
<p><a href="http://www.macnative.com/wp-content/screenshot_1.png"><img class="alignnone size-medium wp-image-9" title="FormCheck Screenshot" src="http://www.macnative.com/wp-content/screenshot_1-300x149.png" alt="Formcheck in action, validating user\'s input on the fly" width="300" height="149" /></a></p>
<p><a title="Formcheck: Demo" onclick="pageTracker._trackPageview('/outgoing/mootools.floor.ch/en/labs/formcheck/forum-registration/index.htm?referer=');pageTracker._trackPageview('/outgoing/moo.floor.ch/examples/formcheck/?referer=http://www.macnative.com/wp-admin/edit.php');pageTracker._trackPageview('/outgoing/moo.floor.ch/examples/formcheck/?referer=http://www.macnative.com/wp-admin/edit.php');" href="http://mootools.floor.ch/en/labs/formcheck/forum-registration/index.htm">Formcheck Demo</a></p>
<p><a title="Formcheck: Documentation Page" onclick="pageTracker._trackPageview('/outgoing/mootools.floor.ch/docs/formcheck/files/formcheck-js.html?referer=');pageTracker._trackPageview('/outgoing/moo.floor.ch/docs/files/formcheck-js.html?referer=http://www.macnative.com/wp-admin/edit.php');pageTracker._trackPageview('/outgoing/moo.floor.ch/docs/files/formcheck-js.html?referer=http://www.macnative.com/wp-admin/edit.php');" href="http://mootools.floor.ch/docs/formcheck/files/formcheck-js.html" target="_blank">Formcheck Documentation</a></p>
<p><a title="Formcheck: Download" onclick="pageTracker._trackPageview('/outgoing/moo.floor.ch/examples/formcheck/formcheck.zip?referer=');pageTracker._trackPageview('/outgoing/moo.floor.ch/examples/formcheck/formcheck.zip?referer=http://www.macnative.com/wp-admin/edit.php');pageTracker._trackPageview('/outgoing/moo.floor.ch/examples/formcheck/formcheck.zip?referer=http://www.macnative.com/wp-admin/edit.php');" href="http://moo.floor.ch/examples/formcheck/formcheck.zip" target="_blank">Formcheck Download</a></p>
<p><a title="Formcheck: A usable Live Form Validation Script" onclick="pageTracker._trackPageview('/outgoing/moo.floor.ch/?referer=');pageTracker._trackPageview('/outgoing/moo.floor.ch/?referer=http://www.macnative.com/wp-admin/edit.php');pageTracker._trackPageview('/outgoing/moo.floor.ch/?referer=http://www.macnative.com/wp-admin/edit.php');" href="http://moo.floor.ch/" target="_blank">http://moo.floor.ch/</a></p>
<p><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fwww.macnative.com%2F2008%2F05%2F05%2Fmootools%2Fform-validation%2F&amp;linkname=Form%20Validation" onclick="pageTracker._trackPageview('/outgoing/www.addtoany.com/share_save?linkurl=http_3A_2F_2Fwww.macnative.com_2F2008_2F05_2F05_2Fmootools_2Fform-validation_2F_amp_linkname=Form_20Validation&amp;referer=');"><img src="http://www.macnative.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a> </p>]]></content:encoded>
			<wfw:commentRss>http://www.macnative.com/2008/05/05/mootools/form-validation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
