<?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>Fans of Tech &#187; Design</title>
	<atom:link href="http://www.fansoftech.com/tag/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.fansoftech.com</link>
	<description>Web. Gadgets. Tech.</description>
	<lastBuildDate>Tue, 22 Feb 2011 05:17:02 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>ToodleDo is Great But Looks Terrible. Make It Look Better with Stylish.</title>
		<link>http://www.fansoftech.com/2011/02/01/toodledo-is-great-but-looks-terrible-make-it-look-better-with-stylish/</link>
		<comments>http://www.fansoftech.com/2011/02/01/toodledo-is-great-but-looks-terrible-make-it-look-better-with-stylish/#comments</comments>
		<pubDate>Wed, 02 Feb 2011 04:34:00 +0000</pubDate>
		<dc:creator>Jason</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[toodledo]]></category>
		<category><![CDATA[userstyles]]></category>

		<guid isPermaLink="false">http://www.fansoftech.com/?p=750</guid>
		<description><![CDATA[In the world of online task management, ToodleDo offers most of what Remember the Milk does but also includes, among many other features, the ability to have sub-tasks. RTM, regrettably, does not.
As many of you are already aware, sub-tasks can be a lifesaver when it comes to project management.
Unfortunately, ToodleDo &#8211; in this author&#8217;s humble [...]]]></description>
			<content:encoded><![CDATA[<p>In the world of online task management, <a title="ToodleDo Task Management" href="http://www.toodledo.com">ToodleDo</a> offers most of what <a href="http://www.rememberthemilk.com">Remember the Milk</a> does but also includes, among many other features, the ability to have sub-tasks. RTM, regrettably, does not.</p>
<p>As many of you are already aware, sub-tasks can be a lifesaver when it comes to project management.</p>
<p>Unfortunately, ToodleDo &#8211; in this author&#8217;s humble opinion &#8211; has a <em>terrible </em>interface. The colors just plain don&#8217;t work together well and navigation is the complete opposite of intuitive &#8211; especially for a site that&#8217;s supposed to help you with GTD.</p>
<p>  <span id="more-750"></span>
<p>There is a light at the end of the tunnel, though… and that light goes by the name of &quot;Stylish.&quot; <a title="Stylish for Google Chrome" href="https://chrome.google.com/extensions/detail/fjnbnpbmkenffdnngjfgmeleoegfcffe">Stylish is an extension for Google Chrome</a> (and <a title="Stylish add-on for Firefox" href="https://addons.mozilla.org/firefox/addon/2108 "><em>add-on</em> for Firefox</a>) that &quot;lets you easily manage user styles. Add, delete, enable, disable, and organize with a few clicks of a mouse, no code to edit, no obscure configuration to find. Stylish&#8217;s companion website, userstyles.org, hosts tens of thousands of user styles made by other Stylish users that you can try.&quot;</p>
<p><strong>In other words, Stylish lets you easily change the look of some of the world&#8217;s fugliest websites.</strong></p>
<p>Among these &quot;user styles&quot; is one by the name of &quot;<a title="A MacOSX Theme for ToodleDo" href="http://userstyles.org/styles/41218">ToodleDo &#8211; MacOSX</a>.&quot; Below is a screenshot but, in essence, this style will simplify the overall ToodleDo interface and help you find what you need faster. This isn&#8217;t the only option though… just do a <a href="http://userstyles.org/styles/browse/all/toodledo">search for &quot;toodledo&quot;</a> on the userstyles.org site and you&#8217;ll find plenty of options.</p>
<p><a href="http://www.fansoftech.com/wp-content/uploads/2011/02/image.png"><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://www.fansoftech.com/wp-content/uploads/2011/02/image_thumb.png" width="671" height="283" /></a></p>
<p>While you&#8217;re at it, find some alternative styles for <a title="Gmail styles on UserStyles.org" href="http://userstyles.org/styles/browse/all/gmail">Gmail</a>, <a title="FoxNews styles on UserStyles" href="http://userstyles.org/styles/browse/all/foxnews">FoxNews</a>, <a title="CNN styles on UserStyles.org" href="http://userstyles.org/styles/browse/all/cnn">CNN</a>, <a title="Craigslist styles on UserStyles.org" href="http://userstyles.org/styles/browse/all/craigslist">Craigslist</a> and more.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.fansoftech.com/2011/02/01/toodledo-is-great-but-looks-terrible-make-it-look-better-with-stylish/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>MachForm &#8211; Like Wufoo for Your domain</title>
		<link>http://www.fansoftech.com/2009/01/22/machform-like-wufoo-for-your-domain/</link>
		<comments>http://www.fansoftech.com/2009/01/22/machform-like-wufoo-for-your-domain/#comments</comments>
		<pubDate>Fri, 23 Jan 2009 03:30:16 +0000</pubDate>
		<dc:creator>Jason</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[web20]]></category>

		<guid isPermaLink="false">http://www.fansoftech.com/2009/01/22/machform-like-wufoo-for-your-domain/</guid>
		<description><![CDATA[ 
Up until a few years ago, pretty much the only way to have a user-input form on your site was to either code one yourself or download a PHP- or ASP-based form from a site like HotScripts. The whole process was all very code-oriented and entirely unintuitive.
Then, out of the ashes, arose a slew [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.fansoftech.com/wp-content/uploads/2009/01/image.png"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://www.fansoftech.com/wp-content/uploads/2009/01/image-thumb.png" width="180" height="58" /></a> </p>
<p>Up until a few years ago, pretty much the only way to have a user-input form on your site was to either code one yourself or download a PHP- or ASP-based form from a site like <a href="http://www.hotscripts.com">HotScripts</a>. The whole process was all very code-oriented and entirely unintuitive.</p>
<p>Then, out of the ashes, arose a slew of sites including <a href="http://www.wufoo.com">Wufoo</a>, <a href="http://www.jotform.com">JotForm</a>, <a href="http://www.formassembly.com">FormAssembly</a> and many others; all designed to make the process of creating forms of all kinds a brilliantly simple, drag-and-drop one.</p>
<p>Of the three aforementioned sites, Wufoo is, by far, my favorite and has proven itself to be both reliable and cutting-edge.</p>
<p>There are two things, however, that might prevent the average individual or freelancer from using a site like Wufoo on a regular basis. First off, the monthly fee can be a bit hefty if you want a decent amount of control over how your form looks and how you retrieve your data. Second, even if you do want to wholly take over the forms you create on the site (in terms of data-retrieval or aesthetics), the process can be a bit daunting even for premium subscribers.</p>
<p>Enter <a title="MachForm is an intuitive, browser based, self-hosted HTML form builder program." href="http://www.appnitro.com/machform">MachForm from Appnitro</a>. For all intents and purposes, MachForm is pretty much a Wufoo clone that sits on your own Web site giving you complete control over where your data resides and how well it integrates into your existing design. In addition, there’s no monthly fee with MachForm. You pay $39 for a site license and with that fee comes free minor upgrades for a year and full support via email.</p>
<p>Like I said, it’s pretty much a Wufoo clone and, therefore, makes creating forms to embed on your site a beautifully simplistic process. Check out some of the screenshots and a demo on the official site: <a title="http://www.appnitro.com/machform" href="http://www.appnitro.com/machform">http://www.appnitro.com/machform</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.fansoftech.com/2009/01/22/machform-like-wufoo-for-your-domain/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS Sticky Footer &#8211; It&#8217;s Pretty Self-Explanatory</title>
		<link>http://www.fansoftech.com/2009/01/22/css-sticky-footer-its-pretty-self-explanatory/</link>
		<comments>http://www.fansoftech.com/2009/01/22/css-sticky-footer-its-pretty-self-explanatory/#comments</comments>
		<pubDate>Fri, 23 Jan 2009 02:24:40 +0000</pubDate>
		<dc:creator>Jason</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.fansoftech.com/2009/01/22/css-sticky-footer-its-pretty-self-explanatory/</guid>
		<description><![CDATA[
The purpose behind CSS Sticky Footer is simple: to provide you with the CSS &#38; HTML code necessary to ensure that your site’s footer always sticks to the bottom of a browser window – even if you happen to have a page or two with a negligible amount of content.
I, for one, notice when a [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.fansoftech.com/wp-content/uploads/2009/01/20090122-cssstickyfooter.png"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="2009-01-22_CSS-Sticky-Footer" border="0" alt="2009-01-22_CSS-Sticky-Footer" src="http://www.fansoftech.com/wp-content/uploads/2009/01/20090122-cssstickyfooter-thumb.png" width="244" height="44" /></a></p>
<p>The purpose behind <a href="http://www.cssstickyfooter.com/">CSS Sticky Footer</a> is simple: to provide you with the CSS &amp; HTML code necessary to ensure that your site’s footer always sticks to the bottom of a browser window – even if you happen to have a page or two with a negligible amount of content.</p>
<p>I, for one, notice when a site’s footer information is sticking halfway up a page with just a paragraph or two on it. It’s quite unattractive, in my opinion. Sure, it’s not that big of a deal but if I can improve the aesthetic appeal of my site with just a few lines of code, it’s worth it to me.</p>
<p>And that’s exactly what CSS Sticky Footer does… read on at the official site: <a title="http://www.cssstickyfooter.com/" href="http://www.cssstickyfooter.com/">http://www.cssstickyfooter.com/.</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.fansoftech.com/2009/01/22/css-sticky-footer-its-pretty-self-explanatory/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Adobe Labs Drops Dreamweaver, Fireworks and Soundbooth CS4 Betas</title>
		<link>http://www.fansoftech.com/2008/05/27/adobe-labs-drops-dreamweaver-fireworks-and-soundbooth-cs4-betas/</link>
		<comments>http://www.fansoftech.com/2008/05/27/adobe-labs-drops-dreamweaver-fireworks-and-soundbooth-cs4-betas/#comments</comments>
		<pubDate>Tue, 27 May 2008 06:54:09 +0000</pubDate>
		<dc:creator>Jason</dc:creator>
				<category><![CDATA[Adobe]]></category>
		<category><![CDATA[Beta]]></category>
		<category><![CDATA[Enterprise]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[dreamweaver]]></category>
		<category><![CDATA[fireworks]]></category>
		<category><![CDATA[soundbooth]]></category>

		<guid isPermaLink="false">http://www.fansoftech.com/2008/05/27/adobe-labs-drops-dreamweaver-fireworks-and-soundbooth-cs4-betas/</guid>
		<description><![CDATA[ Early this morning, the Adobe Labs team released preview versions of three Creative Suite 4 applications: Dreamweaver, Fireworks and Soundbooth.
(Personally, I thought that Adobe might actually phase Fireworks out now that the program is being produced by the same company that releases that other graphics program, Photoshop.&#160; Guess I was wrong.)
The official announcement on [...]]]></description>
			<content:encoded><![CDATA[<p><img style="margin: 0px 10px 10px 0px" src="http://www.fansoftech.com/images/posts/2008-05-27_Dreamweaver-CS4-Logo.png" align="left" /> Early this morning, the Adobe Labs team released preview versions of three Creative Suite 4 applications: <a title="Dreamweaver CS4 Beta" href="http://www.adobe.com/cfusion/entitlement/index.cfm?e=labs_dreamweavercs4">Dreamweaver</a>, <a title="Fireworks CS4 Beta @ Adobe Labs" href="http://labs.adobe.com/technologies/fireworkscs4/">Fireworks</a> and <a title="Soundbooth CS4 Beta @ Adobe Labs" href="http://labs.adobe.com/technologies/soundboothcs4/">Soundbooth</a>.</p>
<p>(Personally, I thought that Adobe might actually phase Fireworks out now that the program is being produced by the same company that releases that <em>other</em> graphics program, Photoshop.&#160; Guess I was wrong.)</p>
<p>The official announcement on the Adobe Labs site provides plenty of information on what the new versions bring, including a brand new interface, but does not, however, provide decent screenshots.&#160; So, here are some captures from Adobe Dreamweaver CS4: (click on the image for the larger version)</p>
<p><a href="http://www.fansoftech.com/images/posts/2008-05-27_Dreamweaver-CS4-splash.png"><img height="225" src="http://www.fansoftech.com/images/posts/2008-05-27_Dreamweaver-CS4-splash.png" width="471" /></a></p>
<p>&#160;</p>
<p><a href="http://www.fansoftech.com/images/posts/2008-05-27_Dreamweaver-CS4-Main.png"><img height="268" src="http://www.fansoftech.com/images/posts/2008-05-27_Dreamweaver-CS4-Main.png" width="471" /></a> (Dreamweaver CS4 main window) <a href="http://www.fansoftech.com/images/posts/2008-05-27_Dreamweaver-CS4-CSS.png"><img height="267" src="http://www.fansoftech.com/images/posts/2008-05-27_Dreamweaver-CS4-CSS.png" width="471" /></a>     <br />(CSS options dialog after selecting font&#8230;should make for quick and easy CSS maintenance.) </p>
<p><a href="http://www.fansoftech.com/images/posts/2008-05-27_Dreamweaver-CS4-Ext-Mgr.png"><img height="352" src="http://www.fansoftech.com/images/posts/2008-05-27_Dreamweaver-CS4-Ext-Mgr.png" width="471" /></a>     <br />(Adobe Extension Manager CS4)</p>
<p><a href="http://www.fansoftech.com/images/posts/2008-05-27_Dreamweaver-CS4-Validation.png"><img height="80" src="http://www.fansoftech.com/images/posts/2008-05-27_Dreamweaver-CS4-Validation.png" width="471" /></a>&#160; (Validation Checker)</p>
<p>Some of the notable new features for Dreamweaver include:</p>
<blockquote><p><strong>Live View </strong>- View your web pages under real-world browser conditions with the new Live View in Dreamweaver &#8212; while still retaining direct access to the code. The new rendering mode, which uses the open source rendering engine WebKit, displays your designs like a standards-based browser.</p>
<p><strong>Photoshop Smart Objects </strong>- Photoshop and Dreamweaver integration has evolved to the next level of compatibility and functionality. Drag and drop an Adobe Photoshop&#174; PSD file into a Dreamweaver page to create an image Smart Object.</p>
<p><strong>Adobe&#174; AIR&#8482; authoring support</strong> &#8211; Create multiplatform desktop applications from your Dreamweaver HTML and JavaScript sites with new Adobe AIR&#8482; authoring support.</p>
</blockquote>
<p>Read more about the new releases over at <a title="Adobe Labs" href="http://labs.adobe.com/">Adobe Labs</a>.&#160; Or, download the betas and give them a spin yourself.&#160; (Note: the trial period for beta testers is two measly days.&#160; However, if you already own a copy of the respective program [or the CS3 suite], you can test it for a tad longer.)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.fansoftech.com/2008/05/27/adobe-labs-drops-dreamweaver-fireworks-and-soundbooth-cs4-betas/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

