<?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>webRulon &#187; Dev Resources</title>
	<atom:link href="http://webrulon.com/blog/design-dev/dev-resources/feed/" rel="self" type="application/rss+xml" />
	<link>http://webrulon.com</link>
	<description></description>
	<lastBuildDate>Mon, 23 Aug 2010 14:44:56 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
<atom:link rel="hub" href="http://pubsubhubbub.appspot.com" />
	<atom:link rel="hub" href="http://superfeedr.com/hubbub" />
			<item>
		<title>60 Fantastic AIR Apps For Web Designers</title>
		<link>http://webrulon.com/60-fantastic-air-apps-for-web-designers/</link>
		<comments>http://webrulon.com/60-fantastic-air-apps-for-web-designers/#comments</comments>
		<pubDate>Thu, 10 Jun 2010 18:22:28 +0000</pubDate>
		<dc:creator>Lawrence Bonk</dc:creator>
				<category><![CDATA[Ajax & Javascript]]></category>
		<category><![CDATA[Creative Design]]></category>
		<category><![CDATA[Dev Resources]]></category>
		<category><![CDATA[Web Design & Development]]></category>

		<guid isPermaLink="false">http://webrulon.com/?p=2648</guid>
		<description><![CDATA[<a href="http://webrulon.com/60-fantastic-air-apps-for-web-designers/"><img align="left" hspace="5" width="150" src="http://www.problogdesign.com/wp-content/uploads/2009/11/Splashup.png" class="alignleft wp-post-image tfe" alt="Splashup" title="Splashup" /></a>]]></description>
			<content:encoded><![CDATA[<!-- google_ad_section_start --><p>Adobe AIR is the little platform that could. It allows you to build efficient and state-of-the-art desktop apps that work on any operation system. Cool!</p>
<p>In the last few years, oodles of AIR apps have came down the pike, helping you do just about everything under the sun. For this post, I&#8217;m going to focus on applications intended for web and graphic designers.</p>
<p>I&#8217;m gonna split the list up into sections, which are:</p>
<ul>
<li>Creating Graphics</li>
<li>Design-Specific Tools</li>
<li>Editing Images</li>
<li>Taking Screenshots</li>
<li>Productivity Tools</li>
<li>Image Sharing Tools</li>
<li>Multimedia Apps</li>
</ul>
<h3>Creating Graphics</h3>
<p><strong>1. Splashup Light:</strong></p>
<p><a href="http://www.splashup.com/light/" target="_blank">Splashup  Light</a> is a casual desktop based image editor. It has tons of features and allows you to do anything you want to photos with simplicity and ease.</p>
<p><img title="Splashup" src="http://www.problogdesign.com/wp-content/uploads/2009/11/Splashup.png" alt="Splashup" width="524" height="306" /></p>
<p><strong>2. Color Lovers:</strong></p>
<p><a href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;offeringid=10077&amp;marketplaceid=1" target="_blank">Color Lovers</a> offers a desktop color finder that searches through the proprietary database in order to locate that stubborn color. You can search from over 1 million named colors and 300,000 user created color palettes.</p>
<p><img title="ColorLovers" src="http://www.problogdesign.com/wp-content/uploads/2009/11/ColorLovers.png" alt="ColorLovers" width="485" height="245" /></p>
<p><strong>3. Contrast-A:</strong></p>
<p><a href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;marketplaceid=1&amp;offeringid=10763" target="_blank">Contrast-A</a> allows you to check for contrast,  experiment with a variety of color combinations and even interact with a 3 dimensional RGB color space.</p>
<p><img title="Contrast-a" src="http://www.problogdesign.com/wp-content/uploads/2009/11/Contrast-a.png" alt="Contrast-a" width="422" height="249" /></p>
<p><strong>4. LiveBrush:</strong></p>
<p><a href="http://www.livebrush.com/" target="_blank">LiveBrush</a> is a  drawing app that lets you create amazing graphics by combining simple motion controls with a series of brush styles. It&#8217;s really cool.</p>
<p><img title="LiveBrush" src="http://www.problogdesign.com/wp-content/uploads/2009/11/LiveBrush.png" alt="LiveBrush" width="500" height="332" /></p>
<p><strong>5. Icon Generator:</strong></p>
<p><a href="http://air-icon-generator.en.softonic.com/" target="_blank">Icon  Generator</a> allows you to create icons of your choosing, even if you can&#8217;t draw. Simply select a default icon and make simple changes until it suits your fancy.</p>
<p><img title="Icon" src="http://www.problogdesign.com/wp-content/uploads/2009/11/Icon.png" alt="Icon" width="377" height="410" /></p>
<p><strong>6. e2vector:</strong></p>
<p><a href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;categoryid=6&amp;marketplaceid=1&amp;offeringid=10126" target="_blank">e2vector</a> is a powerful illustration tool, featuring layers, masks, gradients, intersection and  path splicing. It even allows you to import/export SVG files.</p>
<p><img title="e2Vector" src="http://www.problogdesign.com/wp-content/uploads/2009/11/e2Vector.png" alt="e2Vector" width="505" height="316" /></p>
<p><strong>7. ColorPicker:</strong></p>
<p>Using <a href="http://colorpicker.riaforge.org/" target="_blank">ColorPicker</a> allows you to choose a color from a grid or design a color using a series of easy-to-use sliders. This is essential to you designers out there. Why stick to premade colors?</p>
<p><img title="ColorPicker" src="http://www.problogdesign.com/wp-content/uploads/2009/11/ColorPicker.png" alt="ColorPicker" width="489" height="412" /></p>
<p><strong>8. ColorBrowser:</strong></p>
<p><a href="http://www.adobe.com/cfusion/marketplace/index.cfm?marketplaceid=1&amp;event=marketplace.offering&amp;offeringid=10037" target="_blank">ColorBrowser</a> is a simple app that lets you organize your favorite color palettes in whatever fashion you choose. It also lets you import color palettes that you have created elsewhere using handy ASE  files.</p>
<p><img title="ColorBrowser" src="http://www.problogdesign.com/wp-content/uploads/2009/11/ColorBrowser.png" alt="ColorBrowser" width="498" height="249" /></p>
<p><strong>9. Kuler:</strong></p>
<p><a href="http://kuler.adobe.com/" target="_blank">Kuler</a> is an extremely popular application. It lets you generate color themes forr any project and also browse through thousands of  themes created by the thriving community. Experiment with endless variations with no hassle. Live the dream.</p>
<p><img title="Kuler" src="http://www.problogdesign.com/wp-content/uploads/2009/11/Kuler.png" alt="Kuler" width="496" height="250" /></p>
<p><strong>10. Random Pattern:</strong></p>
<p>A cool <a href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;marketplaceid=1&amp;offeringid=10118" target="_blank">app</a> that creates color patterns based on a set of given parameters.</p>
<p><img title="Random" src="http://www.problogdesign.com/wp-content/uploads/2009/11/Random.png" alt="Random" width="495" height="244" /></p>
<h3>Design-Specific Tools</h3>
<p><strong>11. Pixus:</strong></p>
<p><a href="http://code.google.com/p/pixus/" target="_blank">Pixus</a> lets you measure pixels. That&#8217;s an oft-forgotten yet essential part of design. It also lets you preview your designs and  offers  multi-screen support.</p>
<p><img title="Pixus" src="http://www.problogdesign.com/wp-content/uploads/2009/11/Pixus.png" alt="Pixus" width="498" height="233" /></p>
<p><strong>12. FontPicker:</strong></p>
<p><a href="http://richardsprojects.co.uk/products/font-picker/" target="_blank">FontPicker</a> is a simple tool that lets you scroll through a list of any font installed on your computer. Then you can pick one. Several methods of scrolling are available. Perfect for you unorganized types out there.</p>
<p><img title="FontPicker" src="http://www.problogdesign.com/wp-content/uploads/2009/11/FontPicker.png" alt="FontPicker" width="498" height="389" /></p>
<p><strong>13. PixDif:</strong></p>
<p><a href="http://polygeek.com/pixdif-utility-for-showing-you-the-difference-between-your-design-and-websiteapplication" target="_blank">PixDif</a> also lets you measure pixels. This handy app doesn&#8217;t stop there, however. It also lets you measure the difference between two  design elements and tweak the alpha/opacity of said image.</p>
<p><img title="PixDif" src="http://www.problogdesign.com/wp-content/uploads/2009/11/PixDif.png" alt="PixDif" width="454" height="242" /></p>
<p><strong>14. Em Calculator:</strong></p>
<p>Finally, there is a <a href="http://jameswhittaker.com/journal/em-based-layouts-vertical-rhythm-calculator/" target="_blank">calculator</a> to measure em. Em is an important element of design, after all. Easy and useful.</p>
<p><img title="Em" src="http://www.problogdesign.com/wp-content/uploads/2009/11/Em.png" alt="Em" width="398" height="325" /></p>
<p><strong>15. HtmlTextEditor:</strong></p>
<p><a href="http://www.theflexguy.com/index.php?option=com_content&amp;view=article&amp;id=94&amp;Itemid=11" target="_blank">HtmlTextEditor</a> caters to that most basic need of any web designer, the writing of Html code. It also supoorts CDATA wrapping. Html will also change automatically when you make changes to the rich text.</p>
<p><img title="HtmlEditor" src="http://www.problogdesign.com/wp-content/uploads/2009/11/HtmlEditor.png" alt="HtmlEditor" width="497" height="249" /></p>
<p><strong>16. iPixer:</strong></p>
<p><a href="http://www.ipixer.com/" target="_blank">iPxer</a> allows you to create useful interactive flash content using any standard image. This is great for presentations and the like. The sky is the limit here.</p>
<p><img title="ipixer" src="http://www.problogdesign.com/wp-content/uploads/2009/11/ipixer.png" alt="ipixer" width="500" height="300" /></p>
<p><strong>17. OBO Site GatherAIR:</strong></p>
<p><a href="http://blog.onebyonedesign.com/?p=146" target="_blank">OBO  Site GatherAIR</a> is a simple website generation too. It allows you to create  Html templates. It&#8217;s easy to use and also lets you drag and drop SWF files  into said template.</p>
<p><img title="WebsiteGeneration" src="http://www.problogdesign.com/wp-content/uploads/2009/11/WebsiteGeneration.png" alt="WebsiteGeneration" width="518" height="356" /></p>
<p><strong>18. Boks:</strong></p>
<p><a href="http://toki-woki.net/p/Boks/" target="_blank">Boks</a> is an  app that allows you to work visually with the Blueprint CSS Framework. Drag and drop grid elements, preview in your browser and even compress your CSS code. Pretty much everything you need.</p>
<p><img title="Boks" src="http://www.problogdesign.com/wp-content/uploads/2009/11/Boks.png" alt="Boks" width="483" height="422" /></p>
<p><strong>19. PixelWindow:</strong></p>
<p><a href="http://www.pixelwindowapp.com/" target="_blank">PixelWindow</a> is another simple app to measure things on your screen using a handy transparent screen ruler.</p>
<p><img title="PixelWindow" src="http://www.problogdesign.com/wp-content/uploads/2009/11/PixelWindow.png" alt="PixelWindow" width="417" height="341" /></p>
<p><strong>20. iPlotz:</strong></p>
<p><a href="http://iplotz.com/" target="_blank">iPlotz</a> lets you create wireframe pages and also allows you to make interactive mockups of your website and/or software. This is also perfect for presentations.</p>
<p><img title="iPlotz" src="http://www.problogdesign.com/wp-content/uploads/2009/11/iPlotz1.png" alt="iPlotz" width="472" height="323" /></p>
<p><img style="border: 0px solid transparent ! important; background-color: transparent ! important; display: none ! important;" title="iPlotz" src="http://www.problogdesign.com/wp-content/uploads/2009/11/iPlotz.png" alt="iPlotz" width="469" height="338" /></p>
<p><img style="border: 0px solid transparent ! important; background-color: transparent ! important; display: none ! important;" title="iPlotz" src="http://www.problogdesign.com/wp-content/uploads/2009/11/iPlotz.png" alt="iPlotz" width="469" height="338" /></p>
<p><strong>21. PixelPerfect:</strong></p>
<p><a href="http://www.adobe.com/devnet/air/flex/samples.html" target="_blank">PixelPerfect</a> is another great app for measuring the size of objects on your screen. It also lets you create, resize,  move and close any window you like.</p>
<p><img title="PixelPerfect" src="http://www.problogdesign.com/wp-content/uploads/2009/11/PixelPerfect.png" alt="PixelPerfect" width="485" height="360" /></p>
<p><strong>22. DesignView:</strong></p>
<p><a href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;offeringid=10299&amp;marketplaceid=1" target="_blank">DesignView</a> is a handly little application for the design  and development of Flex applications. It lets you create a  quick layout of your site before you start tweaking that feisty MXML code.</p>
<p><img title="DesignView" src="http://www.problogdesign.com/wp-content/uploads/2009/11/DesignView.png" alt="DesignView" width="512" height="403" /></p>
<p><strong>23. Merlin:</strong></p>
<p>Another app intended for disorganized font collectors. <a href="http://blog.coursevector.com/merlin" target="_blank">Merlin</a> can help you get those fonts in order. It helps by  alphabetizing all the fonts and arranging them into folders. Just like the namesake wizard.</p>
<p><img title="Merlin" src="http://www.problogdesign.com/wp-content/uploads/2009/11/Merlin.png" alt="Merlin" width="326" height="388" /></p>
<p><strong>24. Caliper:</strong></p>
<p><a href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;offeringid=10142&amp;marketplaceid=1" target="_blank">Caliper</a> is a measuring scale for your screen that  can be dragged and rotated through 360 degrees.</p>
<p><img title="Caliper" src="http://www.problogdesign.com/wp-content/uploads/2009/11/Caliper.png" alt="Caliper" width="491" height="243" /></p>
<h3>Editing Images</h3>
<p><strong>25. ImageSizer:</strong></p>
<p><a href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;marketplaceid=1&amp;offeringid=10740" target="_blank">ImageSizer</a> allows you batch resize images<strong></strong> and put them in a compressed zip file. You can also use  it to to batch rotate, optimize and even rename images. Useful for bloggers who are posting image galleries. Say, this would be great for this one actually.</p>
<p><img title="ImageSizer" src="http://www.problogdesign.com/wp-content/uploads/2009/11/ImageSizer.png" alt="ImageSizer" width="499" height="378" /></p>
<p><strong>26. ImageDropr:</strong></p>
<p><a href="http://www.associatedcontent.com/article/810303/imagedropr_a_flickr_uploader_running.html" target="_blank">ImageDropr</a> is a desktop app that batch unloads sets of images to Flickr. Just drag and drop your images into the  application, tag or group tag them and start uploading them to the popular photo-sharing website.</p>
<p><img title="ImageDropr" src="http://www.problogdesign.com/wp-content/uploads/2009/11/ImageDropr.png" alt="ImageDropr" width="475" height="367" /></p>
<p><strong>27. XeIMG Image Editor:</strong></p>
<p><a href="http://xeimg-image-editor.en.softonic.com/" target="_blank">XeIMG</a> is an image editor that specializes in effects and filters.  These include blur, sharpen, negative,  embossing, black and white and a host of others. Like a minimal easy to use Photoshop.</p>
<p><img title="XeImage" src="http://www.problogdesign.com/wp-content/uploads/2009/11/XeImage.png" alt="XeImage" width="500" height="400" /></p>
<p><strong>28. Shrink-o-Matic:</strong></p>
<p><a href="http://wareseeker.com/Graphic-Apps/shrink-omatic-0.1.zip/3508376" target="_blank">Shrink-o-Matic</a> is a simple application that lets you shrink or resize batch images. It supports Jpeg, Gif and PNG images.</p>
<p><img title="shrink-o-matic" src="http://www.problogdesign.com/wp-content/uploads/2009/11/shrink-o-matic.png" alt="shrink-o-matic" width="398" height="258" /></p>
<p><strong>29. JustResizeIt:</strong></p>
<p><a href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;offeringid=11080&amp;marketplaceid=1" target="_blank">Resize</a> is a simple image resizer. Do it one-by-one or batch resize. It doesn&#8217;t have a lot of features but it works smoothly and simply.</p>
<p><img title="JustResizeIt" src="http://www.problogdesign.com/wp-content/uploads/2009/11/JustResizeIt.png" alt="JustResizeIt" width="498" height="293" /></p>
<p><strong>30. CleVR Stitcher:</strong></p>
<p><a href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;marketplaceid=1&amp;offeringid=10036" target="_blank">CleVR Stitcher</a> is a simple panoramic photo  stitcher. Drag and drop those images and the app instantly creates a panorama. Aesthetically pleasing.</p>
<p><img title="Clevr" src="http://www.problogdesign.com/wp-content/uploads/2009/11/Clevr.png" alt="Clevr" width="514" height="424" /></p>
<p><strong>31. TiltShift Generator:</strong></p>
<p>If you love re-touching photos, you’ll fall in love with this application. It allows you  to create the famous TiltShift(See below) effect with a single click. Eliminates tons of hassle.</p>
<p><img title="TiltShift" src="http://www.problogdesign.com/wp-content/uploads/2009/11/TiltShift.png" alt="TiltShift" width="500" height="300" /></p>
<h3>Taking Screenshots</h3>
<p><strong>32. WebKut:</strong></p>
<p><a href="http://toki-woki.net/p/WebKut/" target="_blank">WebKut</a> is a simple and free desktop applications that allows you to capture screenshots from the web. Cut, copy, drag, erase and a host of other options.</p>
<p><img title="Webkut" src="http://www.problogdesign.com/wp-content/uploads/2009/11/Webkut.png" alt="Webkut" width="398" height="235" /></p>
<p><strong>33. Snippage:</strong></p>
<p><a href="http://snippage.gabocorp.com/" target="_blank">Snippage</a> allows you to create snippets from any website and place them right on your  desktop.</p>
<p><img title="Snippage" src="http://www.problogdesign.com/wp-content/uploads/2009/11/Snippage.png" alt="Snippage" width="475" height="257" /></p>
<p><strong>34. WebSnapshot:</strong></p>
<p>With <a href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;offeringid=10069&amp;marketplaceid=1" target="_blank">WebSnapshot</a> you can take thumbnail, browser size or  full page snapshots of any website. These snapshots are then automatically saved into a specified folder. Great for scrapbookers.</p>
<p><img title="WenSnapshot" src="http://www.problogdesign.com/wp-content/uploads/2009/11/WenSnapshot.png" alt="WenSnapshot" width="453" height="460" /></p>
<p><strong>35. PhotoTable:</strong></p>
<p><a href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;marketplaceid=1&amp;offeringid=10215" target="_blank">PhotoTable</a> is a unique tool to capture images from  the web. Simply drag an image from any website to the  PhotoTable icon and it will get saved. The ease of use is through the roof.</p>
<p><img title="PhotoTable" src="http://www.problogdesign.com/wp-content/uploads/2009/11/PhotoTable.png" alt="PhotoTable" width="496" height="250" /></p>
<h3>Productivity Tools</h3>
<p><strong>36. AgileAgenda:</strong></p>
<p><a href="http://www.agileagenda.com/" target="_blank">AgileAgenda</a> is a GTD tool that plans your schedule for you. Enter some basic facts and let the application work it&#8217;s magic.Voila! Instant schedule.</p>
<p><img title="AgileAgenda" src="http://www.problogdesign.com/wp-content/uploads/2009/11/AgileAgenda.png" alt="AgileAgenda" width="513" height="339" /></p>
<p><strong>37. Adobe Shortcut App for Creative Suite:</strong></p>
<p><a href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;offeringid=15241" target="_blank">Create</a> and manage all your shortcuts with ease. must have app for Graphic designers.</p>
<p><img title="AdobeShortcut" src="http://www.problogdesign.com/wp-content/uploads/2009/11/AdobeShortcut.png" alt="AdobeShortcut" width="480" height="396" /></p>
<p><strong>38. Live Presentations:</strong></p>
<p><a href="http://www.live-documents.com/download.html" target="_blank">Live  Presentations</a> allows you to create and save presentations locally  and share them online.</p>
<p><img title="LivePresentations" src="http://www.problogdesign.com/wp-content/uploads/2009/11/LivePresentations.png" alt="LivePresentations" width="510" height="310" /></p>
<p><strong>39. Ora Time and Expense:</strong></p>
<p><a href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;offeringid=10321&amp;marketplaceid=1" target="_blank">Ora Time</a> is a simple timesheet app. Track the time sheets, generate invoices and tinker with expense reports. You can  also use it to generate customizable reports and invoices for your  clients. This is what you would call a money saver.</p>
<p><img title="Ora" src="http://www.problogdesign.com/wp-content/uploads/2009/11/Ora.png" alt="Ora" width="515" height="414" /></p>
<p><strong>40. Doomi:</strong></p>
<p><a href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;offeringid=10285&amp;marketplaceid=1" target="_blank">Doomi</a> is a simple &#8220;to-do&#8221; application. It will let you create tasks, set reminders and a host of other useful things.</p>
<p><img title="Doomi" src="http://www.problogdesign.com/wp-content/uploads/2009/11/Doomi.png" alt="Doomi" width="393" height="341" /></p>
<p><strong>41. Mindomo:</strong></p>
<p><strong>Mindomo</strong> is a mind mapping application that lets you organize new ideas, manage your tasks and goals. This all comes up as a visual field tree. Extremely useful.</p>
<p><img title="Mindomo" src="http://www.problogdesign.com/wp-content/uploads/2009/11/Mindomo.png" alt="Mindomo" width="520" height="310" /></p>
<p><strong>42. FEAT:</strong></p>
<p><a href="http://blog.hexagonstar.com/feat/" target="_blank">Freelancer’s  Estimation Assistance Tool</a> lets you calculate hourly rates and  project estimates. Freelancers unite!</p>
<p><img title="FEAT" src="http://www.problogdesign.com/wp-content/uploads/2009/11/FEAT.png" alt="FEAT" width="419" height="331" /></p>
<p><strong>43. Klok:</strong></p>
<p><a href="http://www.adobe.com/cfusion/marketplace/index.cfm?marketplaceid=1&amp;event=marketplace.offering&amp;offeringid=10342" target="_blank">Klok</a> is a personal time tracking application, like a timesheet at a factory job. Press a button when you start working and press another when you stop. It&#8217;s that easy. Great for invoices.</p>
<p><img title="Klok" src="http://www.problogdesign.com/wp-content/uploads/2009/11/Klok.png" alt="Klok" width="507" height="349" /></p>
<p><strong>44. Fireworks Auto Backup Utility:</strong></p>
<p>Firefox is a great little browser but it is prone to crashes.  If you hate to lose your work with  incidents like that, <a href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;offeringID=10210" target="_blank">this app</a> will work like a charm for you. It creates backups of all relevant PNG files instantly.</p>
<p><img title="Fireworks" src="http://www.problogdesign.com/wp-content/uploads/2009/11/Fireworks1.png" alt="Fireworks" width="284" height="161" /></p>
<p><strong>45. Ephemeris:</strong></p>
<p><a href="http://stephentrainor.com/tools" target="_blank">Ephemeris</a> is an app for photographers that calculates accurate times of sunset  and sunrise. Use it to get that perfect shot.</p>
<p><img title="Ephemerus" src="http://www.problogdesign.com/wp-content/uploads/2009/11/Ephemerus.png" alt="Ephemerus" width="460" height="333" /></p>
<p><strong>46. BroadChoice Workspace:</strong></p>
<p><a href="http://www.broadchoice.com/orphan/free_download/" target="_blank">BroadChoice workspace</a> is an AIR based team  collaboration app. You can send messages to your team members, share  notes and tasks and create separate spaces for separate projects. The perfect intra-office application.</p>
<p><img title="Broadchoice" src="http://www.problogdesign.com/wp-content/uploads/2009/11/Broadchoice.png" alt="Broadchoice" width="510" height="310" /></p>
<p><strong>47. ConceptShare Desktop Companion:</strong></p>
<p><a href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;marketplaceid=1&amp;offeringid=10189" target="_blank">ConceptShare</a> lets you upload files, manage  works paces and get updates from said work spaces.</p>
<p><img title="Conceptshare" src="http://www.problogdesign.com/wp-content/uploads/2009/11/Conceptshare.png" alt="Conceptshare" width="512" height="330" /></p>
<h3>Image Sharing Tools</h3>
<p><strong>48. zFlick:</strong></p>
<p>A simple yet great <a href="http://www.zflick.net/" target="_blank">app</a> to view and save images from Flickr to your desktop. Simply drag any  image from Flickr and drop it onto your desktop to save it. Great!</p>
<p><img title="zFlick" src="http://www.problogdesign.com/wp-content/uploads/2009/11/zFlick.png" alt="zFlick" width="537" height="383" /></p>
<p><strong>49. FlickrFlipper:</strong></p>
<p>Another great <a href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;offeringid=10340&amp;marketplaceid=1" target="_blank">app</a> to search for photos from Flickr. You can also single out specific users.</p>
<p><img title="FlickrFlipper" src="http://www.problogdesign.com/wp-content/uploads/2009/11/FlickrFlipper.png" alt="FlickrFlipper" width="500" height="393" /></p>
<p><strong>50. TinyUploads:</strong></p>
<p><a href="http://tinyuploads.com/" target="_blank">TinyUploads</a> lets you resize and upload images online within seconds. This is great for message boards that doesn&#8217;t allow long URLs to be posted. Twitter, too.</p>
<p><img title="TinyUploads" src="http://www.problogdesign.com/wp-content/uploads/2009/11/TinyUploads.png" alt="TinyUploads" width="504" height="307" /></p>
<p><strong>51. Flickr Desktop Search:</strong></p>
<p><a href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;marketplaceid=1&amp;offeringid=10180" target="_blank">Flickr Desktop Search</a> is a simple yet effective  desktop search tool for Flickr. It does what it says.</p>
<p><img title="FlickrDesktop" src="http://www.problogdesign.com/wp-content/uploads/2009/11/FlickrDesktop.png" alt="FlickrDesktop" width="491" height="246" /></p>
<p><strong>52. Snoto:</strong></p>
<p><a href="http://snook.ca/snoto/" target="_blank">Snoto</a> lets you  browse your recent photos from Flickr, or images uploaded by any other  user. You can even view them as a slideshow. Slideshows are what make Flickr great, after all.</p>
<p><img title="Snoto" src="http://www.problogdesign.com/wp-content/uploads/2009/11/Snoto.png" alt="Snoto" width="500" height="263" /></p>
<p><strong>53. Destroy Flickr:</strong></p>
<p>Completely hassle-free <a href="http://destroytoday.com/blog/" target="_blank">management</a> of your Flickr account. It doesn&#8217;t actually destroy the site, rather it allows you to use it effortlessly.</p>
<p><img title="DestroyFlickr" src="http://www.problogdesign.com/wp-content/uploads/2009/11/DestroyFlickr.png" alt="DestroyFlickr" width="495" height="247" /></p>
<h3>Multimedia Apps</h3>
<p><strong>54. RichFLV:</strong></p>
<p><a href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;offeringid=10201&amp;marketplaceid=1" target="_blank">RichFLV</a> lets you play and edit those crafty FLV files. You can also use the app to convert FLV files to SWF files. It also lets you<strong></strong> convert the audio to MP3. Extremely functional.</p>
<p><img title="RichFLV" src="http://www.problogdesign.com/wp-content/uploads/2009/11/RichFLV.png" alt="RichFLV" width="535" height="227" /></p>
<p><strong>55. Fractal4D:</strong></p>
<p><a href="http://mattkenefick.com/blog/2008/11/26/fractal4d-first-release/" target="_blank">Fractal4D</a> is a great app that lets you draw these neat fractal swirls. They can either be saved as simple PNG files or  exported as vectors to use in Adobe Illustrator. What else do you need? Fractal swirls!</p>
<p><img title="Fractal4D" src="http://www.problogdesign.com/wp-content/uploads/2009/11/Fractal4D1.png" alt="Fractal4D" width="500" height="300" /></p>
<p><strong>56. SWF Shot:</strong></p>
<p><a href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;marketplaceid=1&amp;offeringid=10362" target="_blank">SWF Shot</a> allows you to create high-resolution  snapshots of your SWF, PNG and JPG content.</p>
<p><img title="SWFShot" src="http://www.problogdesign.com/wp-content/uploads/2009/11/SWFShot.png" alt="SWFShot" width="516" height="319" /></p>
<p><strong>57. UVLayer:</strong></p>
<p><a href="http://www.adobe.com/cfusion/marketplace/index.cfm?marketplaceid=1&amp;event=marketplace.offering&amp;offeringid=10157" target="_blank">UVLayer</a> allows you to organize and play your  digital media including photos, videos and games. Your all-in-one media player.</p>
<p><img title="uvlayer" src="http://www.problogdesign.com/wp-content/uploads/2009/11/uvlayer.png" alt="uvlayer" width="525" height="326" /></p>
<p><strong>58. Adobe Media Player:</strong></p>
<p>A great <a href="http://ijaar.com/wp-admin/post.php?action=edit&amp;post=2510" target="_blank">media player</a> that lets you play downloaded or streamed media. Highly customizable and no hassle playing.</p>
<p><img title="AdobeMedia" src="http://www.problogdesign.com/wp-content/uploads/2009/11/AdobeMedia.png" alt="AdobeMedia" width="506" height="332" /></p>
<p><strong>59. LightBoxer:</strong></p>
<p><a href="http://www.fwaphoto.com/#/lightboxer/" target="_blank">LightBoxer</a> gives you a constantly changing showcase of various images as your screensaver.</p>
<p><img title="LightBoxer" src="http://www.problogdesign.com/wp-content/uploads/2009/11/LightBoxer.png" alt="LightBoxer" width="500" height="356" /></p>
<p><strong>60. Webcam To GIF:</strong></p>
<p><a href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;marketplaceid=1&amp;offeringid=10223" target="_blank">This</a> is exactly what it sounds like. Convert webcam movies into GIF format.</p>
<p><img title="Webcam" src="http://www.problogdesign.com/wp-content/uploads/2009/11/Webcam.png" alt="Webcam" width="504" height="371" /></p>
<!-- google_ad_section_end -->]]></content:encoded>
			<wfw:commentRss>http://webrulon.com/60-fantastic-air-apps-for-web-designers/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>30 jQuery Tooltip Plugins to make your web design sparkle</title>
		<link>http://webrulon.com/30-jquery-tooltip-plugins-to-make-your-web-design-sparkle/</link>
		<comments>http://webrulon.com/30-jquery-tooltip-plugins-to-make-your-web-design-sparkle/#comments</comments>
		<pubDate>Mon, 31 May 2010 20:48:03 +0000</pubDate>
		<dc:creator>Lawrence Bonk</dc:creator>
				<category><![CDATA[Ajax & Javascript]]></category>
		<category><![CDATA[CMS]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Creative Design]]></category>
		<category><![CDATA[Design Examples]]></category>
		<category><![CDATA[Dev Resources]]></category>
		<category><![CDATA[Web Design & Development]]></category>

		<guid isPermaLink="false">http://webrulon.com/?p=2471</guid>
		<description><![CDATA[<a href="http://webrulon.com/30-jquery-tooltip-plugins-to-make-your-web-design-sparkle/"><img align="left" hspace="5" width="150" height="150" src="http://webrulon.com/wp-content/uploads/2010/05/1-copy-150x150.jpg" class="alignleft wp-post-image tfe" alt="1 copy" title="1 copy" /></a>]]></description>
			<content:encoded><![CDATA[<!-- google_ad_section_start --><p>jQuery has been taking web design by storm these past few years. And it&#8217;s easy to see why. It&#8217;s a fast and concise Javascript library that simplifies HTML   document traversing, event handling, animating, and Ajax interactions   for rapid web development. jQuery has changed the way designers use Javascript the world over.</p>
<p>Aside from all of that, jQuery is known for it&#8217;s abundant plugin collection. Not a day goes by without some new useful plugins to turn your idea of web design upside down. Whether you want to create a nice image gallery, or to slide things right to left, jQuery can do it. It can also replace the tooltip of element. Tooltip is a great way to show extra information regarding the element you hover your trusty mouse over.</p>
<p>Here are 30 jQuery plugins you can use to make your tooltips more user friendly:</p>
<h2><a href="http://craigsworks.com/projects/simpletip/">Simpletip</a></h2>
<p><img class="alignnone size-full wp-image-2473" title="1 copy" src="http://webrulon.com/wp-content/uploads/2010/05/1-copy.jpg" alt="1 copy" width="307" height="198" /></p>
<h2><a href="http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery">Easy Tooltip</a></h2>
<p><img class="alignnone size-full wp-image-2474" title="2 copy" src="http://webrulon.com/wp-content/uploads/2010/05/2-copy.jpg" alt="2 copy" width="311" height="198" /></p>
<h2><a href="http://rndnext.blogspot.com/2009/02/jquery-ajax-tooltip.html">Person Tooltip</a></h2>
<p><img class="alignnone size-full wp-image-2475" title="3 copy" src="http://webrulon.com/wp-content/uploads/2010/05/3-copy.jpg" alt="3 copy" width="307" height="198" /></p>
<h2><a href="http://www.queness.com/post/309/create-a-digg-style-post-sharing-tool-with-jquery">Digg Style Sharing Tooltip</a></h2>
<p><img class="alignnone size-full wp-image-2476" title="4 copy" src="http://webrulon.com/wp-content/uploads/2010/05/4-copy.jpg" alt="4 copy" width="307" height="198" /></p>
<h2><a href="http://code.drewwilson.com/entry/tiptip-jquery-plugin">Tip Tip</a></h2>
<p><img class="alignnone size-full wp-image-2477" title="5 copy" src="http://webrulon.com/wp-content/uploads/2010/05/5-copy.jpg" alt="5 copy" width="307" height="198" /></p>
<h2><a href="http://wayfarerweb.com/wtooltip.php">wTooltip</a></h2>
<p><img class="alignnone size-full wp-image-2478" title="6 copy" src="http://webrulon.com/wp-content/uploads/2010/05/6-copy.jpg" alt="6 copy" width="307" height="198" /></p>
<h2><a href="http://hernan.amiune.com/labs/jQuery-Tooltip-Plugin/jQuery-Tooltip-Plugin.html">Hernan’s Tooltip Plugin</a></h2>
<p><img class="alignnone size-full wp-image-2479" title="7 copy" src="http://webrulon.com/wp-content/uploads/2010/05/7-copy.jpg" alt="7 copy" width="311" height="198" /></p>
<h2><a href="http://www.javascriptkit.com/script/script2/htmltooltip.shtml">HTML Tooltips</a></h2>
<p><img class="alignnone size-full wp-image-2480" title="8 copy" src="http://webrulon.com/wp-content/uploads/2010/05/8-copy.jpg" alt="8 copy" width="307" height="198" /></p>
<h2><a href="http://codebit.wordpress.com/2009/02/27/jquery-thumbnail-popup-plugin-for-greasemonkey/">ThumbHover</a></h2>
<p><img class="alignnone size-full wp-image-2481" title="9 copy" src="http://webrulon.com/wp-content/uploads/2010/05/9-copy.jpg" alt="9 copy" width="311" height="198" /></p>
<h2><a href="http://benchsketch.com/bquery/index.html">bQuery</a></h2>
<p><img class="alignnone size-full wp-image-2482" title="10 copy" src="http://webrulon.com/wp-content/uploads/2010/05/10-copy.jpg" alt="10 copy" width="311" height="198" /></p>
<h2><a href="http://www.queness.com/post/92/create-a-simple-cssjavascript-tooltip-with-jquery">Simple Tooltip</a></h2>
<p><img class="alignnone size-full wp-image-2483" title="11 copy" src="http://webrulon.com/wp-content/uploads/2010/05/11-copy.jpg" alt="11 copy" width="307" height="198" /></p>
<h2><a href="http://www.dave-cohen.com/node/1186">HoverTips</a></h2>
<p><img class="alignnone size-full wp-image-2484" title="12 copy" src="http://webrulon.com/wp-content/uploads/2010/05/12-copy.jpg" alt="12 copy" width="307" height="198" /></p>
<h2><a href="http://edgarverle.com/BetterTip/default.cfm">BetterTip</a></h2>
<p><img class="alignnone size-full wp-image-2485" title="13 copy" src="http://webrulon.com/wp-content/uploads/2010/05/13-copy.jpg" alt="13 copy" width="307" height="198" /></p>
<h2><a href="http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/">Bassistance Tooltip</a></h2>
<p><img class="alignnone size-full wp-image-2486" title="14 copy" src="http://webrulon.com/wp-content/uploads/2010/05/14-copy.jpg" alt="14 copy" width="307" height="198" /></p>
<h2><a href="http://pupunzi.com/#mb.components/mb.tooltip/tooltip.html">MB Tooltip</a></h2>
<p><img class="alignnone size-full wp-image-2487" title="15 copy" src="http://webrulon.com/wp-content/uploads/2010/05/15-copy.jpg" alt="15 copy" width="311" height="198" /></p>
<h2><a href="http://plugins.learningjquery.com/cluetip/demo/">ClueTip</a></h2>
<p><img class="alignnone size-full wp-image-2488" title="16 copy" src="http://webrulon.com/wp-content/uploads/2010/05/16-copy.jpg" alt="16 copy" width="307" height="198" /></p>
<h2><a href="http://dev.mariusilie.net/content/simple-tooltip-jquery-plugin">webDev Tooltip</a></h2>
<p><img class="alignnone size-full wp-image-2489" title="17 copy" src="http://webrulon.com/wp-content/uploads/2010/05/17-copy.jpg" alt="17 copy" width="307" height="198" /></p>
<h2><a href="http://www.userfirst.com/creations/orbital-tooltip/">Orbital </a></h2>
<p><img class="alignnone size-full wp-image-2490" title="18 copy" src="http://webrulon.com/wp-content/uploads/2010/05/18-copy.jpg" alt="18 copy" width="307" height="198" /></p>
<h2><a href="http://www.queness.com/post/556/jquery-horizontal-tooltips-menu-tutorials">Horizontal Tooltip</a></h2>
<p><img class="alignnone size-full wp-image-2491" title="19 copy" src="http://webrulon.com/wp-content/uploads/2010/05/19-copy.jpg" alt="19 copy" width="307" height="198" /></p>
<h2><a href="http://net.tutsplus.com/tutorials/javascript-ajax/build-a-better-tooltip-with-jquery-awesomeness/">Build a Better Tooltip with jQuery Awesomeness</a></h2>
<p><img class="alignnone size-full wp-image-2492" title="20 copy" src="http://webrulon.com/wp-content/uploads/2010/05/20-copy.jpg" alt="20 copy" width="311" height="198" /></p>
<h2><a href="http://blufusion.net/2009/07/27/creating-a-simple-tooltip-using-jquery-and-css/">BluFusion Tooltip</a></h2>
<p><img class="alignnone size-full wp-image-2493" title="21 copy" src="http://webrulon.com/wp-content/uploads/2010/05/21-copy.jpg" alt="21 copy" width="311" height="198" /></p>
<h2><a href="http://craigsworks.com/projects/qtip/">qTip</a></h2>
<p><img class="alignnone size-full wp-image-2494" title="22 copy" src="http://webrulon.com/wp-content/uploads/2010/05/22-copy.jpg" alt="22 copy" width="311" height="198" /></p>
<h2><a href="http://flowplayer.org/tools/tooltip.html">Flowplayer Tooltip</a></h2>
<p><img class="alignnone size-full wp-image-2495" title="23 copy" src="http://webrulon.com/wp-content/uploads/2010/05/23-copy.jpg" alt="23 copy" width="307" height="198" /></p>
<h2><a href="http://www.nickstakenburg.com/projects/prototip2/">ProtoTip2</a></h2>
<p><img class="alignnone size-full wp-image-2496" title="24 copy" src="http://webrulon.com/wp-content/uploads/2010/05/24-copy.jpg" alt="24 copy" width="307" height="198" /></p>
<h2><a href="http://stanlemon.net/projects/jgrowl.html">Jgrowl</a></h2>
<p><img class="alignnone size-full wp-image-2497" title="25 copy" src="http://webrulon.com/wp-content/uploads/2010/05/25-copy.jpg" alt="25 copy" width="307" height="198" /></p>
<h2><a href="http://theezpzway.com/demos/ezpz-tooltip">Ezpz Tooltip</a></h2>
<p><img class="alignnone size-full wp-image-2498" title="26 copy" src="http://webrulon.com/wp-content/uploads/2010/05/26-copy.jpg" alt="26 copy" width="307" height="198" /></p>
<h2><a href="http://jqueryfordesigners.com/coda-popup-bubbles/">Coda Tooltip</a></h2>
<p><img class="alignnone size-full wp-image-2499" title="27 copy" src="http://webrulon.com/wp-content/uploads/2010/05/27-copy.jpg" alt="27 copy" width="314" height="198" /></p>
<h2><a href="http://onehackoranother.com/projects/jquery/tipsy/">Tipsy</a></h2>
<p><img class="alignnone size-full wp-image-2500" title="28 copy" src="http://webrulon.com/wp-content/uploads/2010/05/28-copy.jpg" alt="28 copy" width="307" height="198" /></p>
<h2><a href="http://pop.seaofclouds.com/">Pop</a></h2>
<p><img class="alignnone size-full wp-image-2501" title="29 copy" src="http://webrulon.com/wp-content/uploads/2010/05/29-copy.jpg" alt="29 copy" width="307" height="198" /></p>
<h2><a href="http://www.vertigo-project.com/projects/vtip">vTip</a></h2>
<p><img class="alignnone size-full wp-image-2502" title="30 copy" src="http://webrulon.com/wp-content/uploads/2010/05/30-copy.jpg" alt="30 copy" width="311" height="198" /></p>
<p>And that&#8217;s it! As always, if you know of any more send us an email or drop it in the comment box. Happy designing!</p>
<!-- google_ad_section_end -->]]></content:encoded>
			<wfw:commentRss>http://webrulon.com/30-jquery-tooltip-plugins-to-make-your-web-design-sparkle/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cold Hard Flash &#8211; Your source for Flash news, tips and videos.</title>
		<link>http://webrulon.com/cold-hard-flash-your-source-for-flash-news-tips-and-videos/</link>
		<comments>http://webrulon.com/cold-hard-flash-your-source-for-flash-news-tips-and-videos/#comments</comments>
		<pubDate>Thu, 04 Mar 2010 22:58:13 +0000</pubDate>
		<dc:creator>Lawrence Bonk</dc:creator>
				<category><![CDATA[Creative Design]]></category>
		<category><![CDATA[Dev Resources]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[How-To]]></category>

		<guid isPermaLink="false">http://webrulon.com/?p=1789</guid>
		<description><![CDATA[<a href="http://webrulon.com/cold-hard-flash-your-source-for-flash-news-tips-and-videos/"><img align="left" hspace="5" width="150" height="150" src="http://webrulon.com/wp-content/uploads/2010/03/Cold-Hard-Flash-150x150.gif" class="alignleft wp-post-image tfe" alt="Cold Hard Flash" title="" /></a>]]></description>
			<content:encoded><![CDATA[<!-- google_ad_section_start --><p><img class="alignnone size-full wp-image-1790" src="http://webrulon.com/wp-content/uploads/2010/03/Cold-Hard-Flash.gif" alt="Cold Hard Flash" width="239" height="164" /></p>
<p>Cold Hard Flash is on the case to entertain all of you flashheads out there. This blog aggregates all of the best in news and tips. The kind folks over at the site also showcase hot videos, animations and programs to show you what is possible with everyone&#8217;s favorite web development tool.  If you are in the market for Flash-related advice, you could do no better than this handy, dandy website. Check it out <a href="http://coldhardflash.com/">here.</a> Tell em we sent ya.</p>
<!-- google_ad_section_end -->]]></content:encoded>
			<wfw:commentRss>http://webrulon.com/cold-hard-flash-your-source-for-flash-news-tips-and-videos/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>5 web design trends to look out for in 2010</title>
		<link>http://webrulon.com/5-web-design-trends-to-look-out-for-in-2010/</link>
		<comments>http://webrulon.com/5-web-design-trends-to-look-out-for-in-2010/#comments</comments>
		<pubDate>Sun, 10 Jan 2010 23:15:25 +0000</pubDate>
		<dc:creator>Lawrence Bonk</dc:creator>
				<category><![CDATA[Ajax & Javascript]]></category>
		<category><![CDATA[Creative Design]]></category>
		<category><![CDATA[Design Examples]]></category>
		<category><![CDATA[Dev Resources]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Web Design & Development]]></category>

		<guid isPermaLink="false">http://webrulon.com/?p=1667</guid>
		<description><![CDATA[<a href="http://webrulon.com/5-web-design-trends-to-look-out-for-in-2010/"><img align="left" hspace="5" width="150" height="150" src="http://webrulon.com/wp-content/uploads/2010/01/web-design-150x150.jpg" class="alignleft wp-post-image tfe" alt="web design" title="" /></a>]]></description>
			<content:encoded><![CDATA[<!-- google_ad_section_start --><p><img class="alignnone size-full wp-image-1668" src="http://webrulon.com/wp-content/uploads/2010/01/web-design.jpg" alt="web design" width="400" height="300" /></p>
<p>The king is dead! Long live the king! As 2009 fades into nostalgic glory, and 2010 begins it&#8217;s slow crawl towards infamy, web designers can&#8217;t help but wonder what the year will hold for their favorite profession/hobby/whatever. Here is a list of five web design trends to look out for in 2010. None of this stuff is going to reinvent the wheel. Mostly&#8217; it&#8217;s an analysis of several things that people caught on to during 2009 that look to be making a giant leap towards the e-mainstream.</p>
<p><strong>1. Oversized logos and headers</strong></p>
<p><img class="alignnone size-full wp-image-1670" src="http://webrulon.com/wp-content/uploads/2010/01/oversized-logos1.jpg" alt="oversized logos " width="400" height="260" /></p>
<p>It&#8217;s easy to see why this trend is going to blow up big in 2010. It&#8217;s eye-catching. It catches people&#8217;s interests. Heck, it could potentially prevent someone from clicking away for a few seconds. Isn&#8217;t that the point? Plus that de-emphasize clicking and place a strong emphasis on scrolling down. This simple transition helps ease anxieties of users used to years of poor and malfunctioning links.</p>
<p><strong>2. Sketched and hand-drawn design </strong></p>
<p><img class="alignnone size-full wp-image-1671" src="http://webrulon.com/wp-content/uploads/2010/01/hand-drawn-design.jpg" alt="hand-drawn design " width="400" height="260" /></p>
<p>Hand-drawn and sketched design is by no means new, but it hasn&#8217;t exactly caught on in a big way yet. Why is that? Most web-designers are afraid to dip their toes into the genre for fear they can&#8217;t draw. The thing is, it doesn&#8217;t really matter. Even poorly drawn letters can imbue any site with a personalized sense of charm. That&#8217;s what 2010 is going to be all about, putting your personal stamp on your website. This will be one such tool for doing just that.</p>
<p><strong>3. Slab typefaces </strong></p>
<p><img class="alignnone size-full wp-image-1672" src="http://webrulon.com/wp-content/uploads/2010/01/slab-typefaces.jpg" alt="slab typefaces" width="400" height="260" /></p>
<p>Slab typefaces are relatively new in the Internet world. However, they&#8217;ve been around for hundreds of years in the &#8220;real world.&#8221; Think, the typeface used on wild west wanted posters. Why are they catching on now? The aforementioned trend towards larger logos and typefaces lends itself nicely for the mighty slab to take it&#8217;s place among the web-elite. Like a double bacon burger with extra cheese, slab typeface doesn&#8217;t do anything daintily.</p>
<p><strong>4. One page layouts </strong></p>
<p><img class="alignnone size-full wp-image-1673" src="http://webrulon.com/wp-content/uploads/2010/01/one-page-layouts.jpg" alt="one page layouts " width="400" height="260" /></p>
<p>As opposed to the mighty slab, one page layouts challenge you to edit away what’s unnecessary. In 2010, this trend will move away from quirky navigation and become more minimal in its approach. These websites are more like clickable business cards. They will be more of a one-stop-shop for how to locate you and your work on various other sites– your blog and your social media hangouts. They could also eventually overtake the conventional resume.</p>
<p><strong>5. Change of perspective </strong></p>
<p><img class="alignnone size-full wp-image-1674" src="http://webrulon.com/wp-content/uploads/2010/01/change-of-perspective.jpg" alt="change of perspective " width="400" height="260" /></p>
<p>The desktop perspective has been around so long now that it&#8217;s time for a chance. Put a cork in it. It&#8217;s done. Ok, well not done. But there will be more choices in 2010 for sure. One such choice is a change in perspective. This could be side-shot aerial, foregrounds and backgrounds mixed(shown above) and any other number of experimental perspectives. We&#8217;ll see what designers think of as the year plays out</p>
<p>That is it for now. What do you think? Have any of your own ideas where web design is going in 2010? Let us know.</p>
<!-- google_ad_section_end -->]]></content:encoded>
			<wfw:commentRss>http://webrulon.com/5-web-design-trends-to-look-out-for-in-2010/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
