<?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>Webdesigner Depot &#187; Applications</title> <atom:link href="http://www.webdesignerdepot.com/category/applications/feed/" rel="self" type="application/rss+xml" /><link>http://www.webdesignerdepot.com</link> <description>Web Design Resources and Tutorials</description> <lastBuildDate>Fri, 10 Feb 2012 09:48:34 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=abc</generator> <item><title>What&#8217;s new for web designers &#8211; July 2011</title><link>http://www.webdesignerdepot.com/2011/07/whats-new-for-web-designers-july-2011/</link> <comments>http://www.webdesignerdepot.com/2011/07/whats-new-for-web-designers-july-2011/#comments</comments> <pubDate>Mon, 11 Jul 2011 11:32:06 +0000</pubDate> <dc:creator>Cameron</dc:creator> <category><![CDATA[Applications]]></category> <category><![CDATA[Fonts]]></category> <category><![CDATA[Resources]]></category> <category><![CDATA[Android]]></category> <category><![CDATA[Apps]]></category> <category><![CDATA[CSS]]></category> <category><![CDATA[Design]]></category> <category><![CDATA[Freebies]]></category> <category><![CDATA[html5]]></category> <category><![CDATA[iOS]]></category> <category><![CDATA[Mac]]></category> <category><![CDATA[online tools]]></category> <category><![CDATA[Software]]></category> <category><![CDATA[tools]]></category> <category><![CDATA[Vectors]]></category> <category><![CDATA[Web Design]]></category> <category><![CDATA[WordPress]]></category><guid
isPermaLink="false">http://www.webdesignerdepot.com/?p=24404</guid> <description><![CDATA[This month&#8217;s edition of what&#8217;s new out there for web designers and developers includes a number of new smartphone apps (for both iOS and Android), as well as a few great web apps and some desktop apps. There are also new tools and resources for web design and development, and twenty great new free and [...]]]></description> <content:encoded><![CDATA[<p><a
href="http://new.myfonts.com/fonts/casvandegoor/phi-roman/"><img
class="alignleft" src="http://netdna.webdesignerdepot.com/uploads6/whats-new-july/thumbnail.jpg" alt="new for web designers July 2011" /></a>This month&#8217;s edition of what&#8217;s new out there for web designers and developers includes a number of new smartphone apps (for both iOS and Android), as well as a few great web apps and some desktop apps.</p><p>There are also new tools and resources for web design and development, and twenty great new free and paid fonts.</p><p>As always, if we&#8217;ve missed something you think should have been included, please let us know in the comments.</p><p>And if you have an app or other resource you&#8217;d like to see included next month, tweet it to <a
href="http://twitter.com/cameron_chapman">@cameron_chapman</a> for consideration.<span
id="more-24404"></span></p><h1>Gridless</h1><p><a
href="http://thatcoolguy.github.com/gridless-boilerplate/">Gridless</a> is an HTML5 and CSS3 framework for creating websites that are cross-browser compatible, responsive, and have beautiful typography. It uses a mobile-first architecture with progressive enhancement and uses CSS normalization instead of CSS resets.</p><p><a
href="http://thatcoolguy.github.com/gridless-boilerplate/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/whats-new-july/gridless.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Wptuts+</h1><p><a
href="http://wp.tutsplus.com/">Wptuts+</a> is the newest blog in the Tuts+ network, from Envato. It covers WordPress development and theming with regular tutorials and other educational posts.</p><p><a
href="http://wp.tutsplus.com/"><img
src="http://netdna.webdesignerdepot.com/uploads6/whats-new-july/wptuts.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Vectorian</h1><p><a
href="http://www.vectorian.net/">Vectorian</a> offers hand-drawn vector ornaments with Victorian style. There are two packs available: a free pack with 85 vector ornaments and 30 border brushes, or a full pack (for $57) that includes 930 vector ornaments and 230 border brushes.</p><p><a
href="http://www.vectorian.net/"><img
src="http://netdna.webdesignerdepot.com/uploads6/whats-new-july/vectorian.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Automatoon</h1><p><a
href="http://www.automatoon.com/">Automatoon</a> is a web-based animation tool that uses HTML5, built using a new technology called &#8220;CBT&#8221; or &#8220;Composition by Tool&#8221;. It&#8217;s free, though there are some premium features that cost extra.</p><p><a
href="http://www.automatoon.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/whats-new-july/automatoon.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Codeplane</h1><p><a
href="https://codeplane.com/">Codeplane</a> offers 2GB of storage space for Git repositories. The include a web interface or you can access everything from your terminal. You can have as many contributors as you want, and as many repositories as you can fit into 2GB. They also offer backups of your repositories, using Amazon S3. There&#8217;s a 30-day free trial and after that it&#8217;s only $9/month.</p><p><a
href="https://codeplane.com/"><img
src="http://netdna.webdesignerdepot.com/uploads6/whats-new-july/codeplane.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Miro 4</h1><p><a
href="http://www.getmiro.com/">Miro 4</a> is the newest version of this open source music and video player. Miro will sync with Android devices, lets you purchase music and apps from right inside the app, and will download and play almost any video or music format.</p><p><a
href="http://www.getmiro.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/whats-new-july/miro.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>flickrBomb</h1><p><a
href="http://www.zurb.com/playground/rapid-prototyping-with-flickrbomb">flickrBomb</a> is a new offering from Zurb that will place relevant images from Flickr into your prototypes. It&#8217;s easy to use, easy to implement, and it makes it easy to change the images it pulls.</p><p><a
href="http://www.zurb.com/playground/rapid-prototyping-with-flickrbomb"><img
src="http://netdna.webdesignerdepot.com/uploads6/whats-new-july/flickrbomb.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Dummy HTML Snippets</h1><p>BlindTextGenerator offers a set of <a
href="http://www.blindtextgenerator.com/snippets">Dummy HTML Snippets</a> that you can quickly and easily use in your website prototypes. Choose from Lorem Ipsum or Kafka text, and a variety of commonly used elements (including H1, h1, short and long paragraphs, forms, lists, and more).</p><p><a
href="http://www.blindtextgenerator.com/snippets"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/whats-new-july/htmlsnippets.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>UX Stickynotes</h1><p><a
href="http://www.uxstickynotes.com/#downloads">UX Stickynotes</a> offers two different kinds of wireframing templates: pre-printed stickynotes, and downloadable templates. They have templates for various browser styles and for the iPhone.</p><p><a
href="http://www.uxstickynotes.com/#downloads"><img
src="http://netdna.webdesignerdepot.com/uploads6/whats-new-july/uxstickynotes.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Site Trail</h1><p><a
href="http://www.sitetrail.com/analysis/">Site Trail</a> offers a website analysis tool that gives you insight into the traffic and potential revenue of competing websites. It also includes social media analysis, SEO analysis, content analysis, and more for some sites.</p><p><a
href="http://www.sitetrail.com/analysis/"><img
src="http://netdna.webdesignerdepot.com/uploads6/whats-new-july/sitetrail.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>CSS Lint</h1><p><a
href="http://csslint.net/">CSS Lint</a> will point out potential problems with your CSS code. It checks not only basic syntax, but also applies a set of rules to your code to look for inefficiencies and problematic patterns. You can select which rules you want to apply.</p><p><a
href="http://csslint.net/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/whats-new-july/csslint.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>WebBannerLove</h1><p><a
href="http://www.webbannerlove.com/">WebBannerLove</a> is a gallery of web banners open for anyone to submit to, including designers, developers, creators, and banner fans.</p><p><a
href="http://www.webbannerlove.com/"><img
src="http://netdna.webdesignerdepot.com/uploads6/whats-new-july/webbannerlove.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>AllYou</h1><p><a
href="http://www.allyou.net/">AllYou</a> is a new website builder for easily creating online portfolio sites. It&#8217;s free for 30 days, and then $8/month after that.</p><p><a
href="http://www.allyou.net/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/whats-new-july/allyou.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Mosaiqy</h1><p><a
href="http://www.fabriziocalderan.it/mosaiqy/index.php">Mosaiqy</a> is a jQuery and HTML5 plugin that creates a mosaic-style photo gallery. You can configure how many columns and rows it has, and when a thumbnail is clicked on, the grid expands to show that image, with a nice animation effect.</p><p><a
href="http://www.fabriziocalderan.it/mosaiqy/index.php"><img
src="http://netdna.webdesignerdepot.com/uploads6/whats-new-july/mosaiqy.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>TouchRetouch</h1><p><a
href="https://market.android.com/details?id=com.advasoft.touchretouch">TouchRetouch</a> is an Android app for retouching photos and removing unwanted elements. It&#8217;s a good option for some simple retouching on the go, and is $.99.</p><p><a
href="https://market.android.com/details?id=com.advasoft.touchretouch"><img
src="http://netdna.webdesignerdepot.com/uploads6/whats-new-july/touchretouch.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Anytime</h1><p><a
href="http://www.getanytimeapp.com/">Anytime</a> is an iOS app that helps you track and analyze the time you spend working. It&#8217;s useful for managing your project budgets in addition to basic time tracking and analyzing. Anytime is $4.99 through the App Store.</p><p><a
href="http://www.getanytimeapp.com/"><img
src="http://netdna.webdesignerdepot.com/uploads6/whats-new-july/anytime.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>SketchBook Pro for iPad</h1><p><a
href="http://itunes.apple.com/us/app/sketchbook-pro-for-ipad/id364253478">Sketchbook Pro</a> is a new iPad app from Autodesk. It&#8217;s a professional-grade drawing and paint application that uses the same paint engine as its desktop counterpart, making it a great choice for pros and amateurs alike (and it&#8217;s only $4.99).</p><p><a
href="http://itunes.apple.com/us/app/sketchbook-pro-for-ipad/id364253478"><img
src="http://netdna.webdesignerdepot.com/uploads6/whats-new-july/sketchbook.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Daedalus Touch</h1><p><a
href="http://www.the-soulmen.com/daedalus/">Daedalus Touch</a> is a text editor for iPad that&#8217;s completely gesture-based and uses a paper stack rather than file lists and files. Daedalus Touch is $3.99.</p><p><a
href="http://www.the-soulmen.com/daedalus/"><img
src="http://netdna.webdesignerdepot.com/uploads6/whats-new-july/daedalus.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>ScatterBrain</h1><p><a
href="http://www.scttrbrn.com/">ScatterBrain</a> is a free note-taking app for iOS that offers simple organizational tools (like color coding and labeling) and reminders, among other features.</p><p><a
href="http://www.scttrbrn.com/"><img
src="http://netdna.webdesignerdepot.com/uploads6/whats-new-july/scatterbrain.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Reeder</h1><p><a
href="http://itunes.apple.com/us/app/reeder/id439845554">Reeder</a> is a new Google Reader app for Mac OS X. It has full Readability integration, to make your feeds easier to read. It also includes support for gestures and customizable shortcuts.</p><p><a
href="http://itunes.apple.com/us/app/reeder/id439845554"><img
src="http://netdna.webdesignerdepot.com/uploads6/whats-new-july/reeder.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Pulp</h1><p><a
href="http://www.acrylicapps.com/pulp/ipad/">Pulp</a> is a  new reader application for the iPad and OS X. It reformats your news feeds into a more friendly format for reading. The iPad app is $4.99 and the OS X version is $9.99.</p><p><a
href="http://www.acrylicapps.com/pulp/ipad/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/whats-new-july/pulp.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Wren</h1><p><a
href="http://wrenapp.com/">Wren</a> is a minimalist Twitter app for Mac OS X. It lets you compose and send tweets without getting distracted by your Twitter timeline. It includes link shortening and auto-completion of usernames, and is $4.99 in the Mac App Store.</p><p><a
href="http://wrenapp.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/whats-new-july/wren.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Qwiki</h1><p><a
href="http://itunes.apple.com/us/app/qwiki/id373717412">Qwiki</a> is a new, free wiki app, with around 3,000,000 topics that are formatted specifically for the iPad.</p><p><a
href="http://itunes.apple.com/us/app/qwiki/id373717412"><img
src="http://netdna.webdesignerdepot.com/uploads6/whats-new-july/qwiki.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Carousel</h1><p><a
href="http://carousel.mobelux.com/">Carousel</a> is an Instagram app for your Mac. It lets you view your feed, popular and profile photos, has a variety of app themes, and includes support for drag &amp; drop saving and keyboard shortcuts. Carousel is $4.99.</p><p><a
href="http://carousel.mobelux.com/"><img
src="http://netdna.webdesignerdepot.com/uploads6/whats-new-july/carousel.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Color Kick + v1.2</h1><p><a
href="http://colorkick.tumblr.com/">Color Kick +</a> is a new, free color scheme app for iOS. Version 1.2 has bee completely re-written and lets you create, edit, and share your color schemes.</p><p><a
href="http://colorkick.tumblr.com/"><img
src="http://netdna.webdesignerdepot.com/uploads6/whats-new-july/colorkick.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Burvetica (free)</h1><p><a
href="http://www.dafont.com/burvetica-nc.font">Burvetica</a> comes in two weights and was inspired by the Helvetica and Burbank typefaces. It has a retro, hand-lettered feel to it.</p><p><a
href="http://www.dafont.com/burvetica-nc.font"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/whats-new-july/burvetica.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Sucker Font (free)</h1><p><a
href="http://www.dafont.com/sucker-font.font">Sucker Font</a> is a decorative font with a vintage, rock-and-roll feeling.</p><p><a
href="http://www.dafont.com/sucker-font.font"><img
src="http://netdna.webdesignerdepot.com/uploads6/whats-new-july/suckerfont.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Mangosteen (free)</h1><p><a
href="http://www.dafont.com/mangosteen.font">Mangosteen</a> is a retro decorative font with understated serifs and rectangular letters. It would be well-suited to antique-style designs, especially posters or product packaging, and looks fantastic in 3D.</p><p><a
href="http://www.dafont.com/mangosteen.font"><img
src="http://netdna.webdesignerdepot.com/uploads6/whats-new-july/mangosteen.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Salvo ($140-$180)</h1><p><a
href="http://www.fontshop.com/fontlist/super_families/salvo/">Salvo</a> is a family of sans serif and slab serif typefaces from Font Bureau. The twelve typefaces included come in various weights and styles.</p><p><a
href="http://www.fontshop.com/fontlist/super_families/salvo/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/whats-new-july/salvo.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Terital United OT ($65)</h1><p><a
href="http://www.fontshop.com/fonts/singles/letterbox/terital_united_ot/">Terital United OT</a> is a sharply slanted script font that&#8217;s highly readable and has an organic feeling.</p><p><a
href="http://www.fontshop.com/fonts/singles/letterbox/terital_united_ot/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/whats-new-july/teritalunited.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Alphabet Soup Pro ($60)</h1><p><a
href="http://www.fontshop.com/fonts/singles/red_rooster/alphabet_soup_pro/">Alphabet Soup Pro</a> is a rounded, comic-style typeface. It&#8217;s a heavy font, with well-balanced letters.</p><p><a
href="http://www.fontshop.com/fonts/singles/red_rooster/alphabet_soup_pro/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/whats-new-july/alphabetsoup.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Pickworth Old Style Pro ($60)</h1><p><a
href="http://www.fontshop.com/fonts/singles/red_rooster/pickworth_old_style_pro/">Pickworth Old Style Pro</a> is an antique-style display font. It has worn edges and some interesting, minimal swashes on some letters.</p><p><a
href="http://www.fontshop.com/fonts/singles/red_rooster/pickworth_old_style_pro/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/whats-new-july/pickworth.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Telemark ($100)</h1><p><a
href="http://new.myfonts.com/fonts/jurizaech/telemark/">Telemark</a> is a family of six monolinear slab serif fonts. They have vintage feel, reminiscent of the 19th century. In addition to the three weights, there&#8217;s an additional label style that makes it easy to create banners, cartouches, and pointers.</p><p><a
href="http://new.myfonts.com/fonts/jurizaech/telemark/"><img
src="http://netdna.webdesignerdepot.com/uploads6/whats-new-july/telemark.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Berber ($95)</h1><p><a
href="http://new.myfonts.com/fonts/letterbox/berber/">Berber</a> has a hand-lettered look and was initially inspired by an untitled typeface, and was recently redesigned. It&#8217;s a very strong, confident sans serif font in two styles (text bold and caps bold).</p><p><a
href="http://new.myfonts.com/fonts/letterbox/berber/"><img
src="http://netdna.webdesignerdepot.com/uploads6/whats-new-july/berber.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Cala ($179)</h1><p><a
href="http://new.myfonts.com/fonts/hoftype/cala/">Cala</a> is a set of eight serif fonts with a contemporary look, despite the influence of Venetian Renaissance type. It&#8217;s stable in small sizes but also work beautifully at display sizes.</p><p><a
href="http://new.myfonts.com/fonts/hoftype/cala/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/whats-new-july/cala.jpg" alt="" width="615" height="308" /></a></p><p><br
class="spacer_" /></p><h1>Bettendorff</h1><p><a
href="http://new.myfonts.com/fonts/gatf/bettendorff/">Bettendorff</a> is a  display-style &#8220;Masthead&#8221; font with obvious inspiration from the 1900s. It&#8217;s specifically designed to make it easy to create cartouche banners and mastheads in moments.</p><p><a
href="http://new.myfonts.com/fonts/gatf/bettendorff/"><img
src="http://netdna.webdesignerdepot.com/uploads6/whats-new-july/bettendorff.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Lobster 1.4 (free)</h1><p><a
href="http://www.impallari.com/lobster/">Lobster 1.4</a> is a completely-redrawn version of the popular Lobster script font by Pablo Impallari. It has improvements based on user feedback and an extended charset.</p><p><a
href="http://www.impallari.com/lobster/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/whats-new-july/lobster.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Sn Boldface (free)</h1><p><a
href="http://www.behance.net/gallery/Sn-Boldface-A/1512709">Sn Boldface</a> is a bold, squared sans-serif display font. It has thick strokes and finely rounded edges, and is a very expressive font.</p><p><a
href="http://www.behance.net/gallery/Sn-Boldface-A/1512709"><img
src="http://netdna.webdesignerdepot.com/uploads6/whats-new-july/snboldface.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Podkova (free)</h1><p><a
href="http://www.fontsquirrel.com/fonts/podkova">Podkova</a> is a medium-weight slab serif font with angled serifs for lowercase letters.</p><p><a
href="http://www.fontsquirrel.com/fonts/podkova"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/whats-new-july/podkova.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Sweet Sans (free)</h1><p><a
href="http://www.fontsquirrel.com/fonts/sweet-sans">Sweet Sans</a> is a geometric font that comes in both thin and thin small caps styles.</p><p><a
href="http://www.fontsquirrel.com/fonts/sweet-sans"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/whats-new-july/sweetsans.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Familiar Pro (free)</h1><p><a
href="http://www.fontsquirrel.com/fonts/familiar-pro">Familiar Pro</a> has squared characters and bold strokes. It was designed based on the idea of creating a font metrically compatible with Helvetica, but better than Arial.</p><p><a
href="http://www.fontsquirrel.com/fonts/familiar-pro"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/whats-new-july/familiarpro.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Kihachiro Swash (free)</h1><p><a
href="http://new.myfonts.com/fonts/wordshape/kihachiro-swash/">Kihachiro Swash</a> is a display typeface with a classical form and the sharp edges of phototype lettering. The swashes were taken from the logo for Emperor (a line of golf shoes) to give the typeface a Modern/Postmodern era look that offsets the historical base.</p><p><a
href="http://new.myfonts.com/fonts/wordshape/kihachiro-swash/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/whats-new-july/kihachiroswash.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Phi ($29)</h1><p><a
href="http://new.myfonts.com/fonts/casvandegoor/phi-roman/">Phi</a> is a modern geometric sans serif font, inspired by the Golden Ratio.</p><p><a
href="http://new.myfonts.com/fonts/casvandegoor/phi-roman/"><img
src="http://netdna.webdesignerdepot.com/uploads6/whats-new-july/phi.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>RM Sans ($130)</h1><p><a
href="http://new.myfonts.com/fonts/ray-meadows/rm-sans/">RM Sans</a> is a family of 14 fonts, including 5 regular weights, 3 condensed weights, 5 outline weights, and an eco font.</p><p><a
href="http://new.myfonts.com/fonts/ray-meadows/rm-sans/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/whats-new-july/rmsans.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Muli (free)</h1><p><a
href="http://www.fontsquirrel.com/fonts/muli">Muli</a> is a simple sans serif font that comes in two weights, with both Roman and italic versions of each.</p><p><a
href="http://www.fontsquirrel.com/fonts/muli"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads6/whats-new-july/muli.jpg" alt="" /></a></p><p><em>Written exclusively for WDD by <a
href="http://cameronchapman.com">Cameron Chapman</a>.</em></p><p><strong><em>Know of a new app or resource that should have been included but wasn&#8217;t? Let us know in the comments!</em></strong></p><p><br/><br
/><table
width="100%" style="border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;" height="20"><tr><td
valign="center"> <a
href="http://www.mightydeals.com/deal/wpbusinessbundle.html?ref=inwidget"><font
face="Arial" size="3" color="#e64f32"><b>Never Ending WordPress Business Bundle &#8211; only $14!</b></font></a></td><td
width="90"> <a
href="http://www.mightydeals.com/?ref=inwidget"><br
/> <img
src="http://mightydeals.com/web/images/widget-logo.png" height="40" width="90" border="0"  /><br
/> </a></td></tr></table><p><br/></p> <a
href="http://www.webdesignerdepot.com/2011/07/whats-new-for-web-designers-july-2011/">Source</a><style type="text/css">
 p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}
</style>]]></content:encoded> <wfw:commentRss>http://www.webdesignerdepot.com/2011/07/whats-new-for-web-designers-july-2011/feed/</wfw:commentRss> <slash:comments>16</slash:comments> </item> <item><title>How to Design a Great User Interface</title><link>http://www.webdesignerdepot.com/2010/10/how-to-design-a-great-user-interface/</link> <comments>http://www.webdesignerdepot.com/2010/10/how-to-design-a-great-user-interface/#comments</comments> <pubDate>Thu, 28 Oct 2010 10:31:29 +0000</pubDate> <dc:creator>Cameron</dc:creator> <category><![CDATA[Applications]]></category> <category><![CDATA[Design]]></category> <category><![CDATA[User Interface]]></category> <category><![CDATA[How to]]></category> <category><![CDATA[ui]]></category> <category><![CDATA[Usability]]></category> <category><![CDATA[web interface]]></category><guid
isPermaLink="false">http://www.webdesignerdepot.com/?p=18662</guid> <description><![CDATA[When designing a web app, functionality is often placed above everything else. For the most part, this is a good thing. People (mostly) use apps because they&#8217;re useful, not because they look pretty. But that doesn&#8217;t mean you can ignore good UI design, or just slap together a generic-looking user interface. Good UI design adds [...]]]></description> <content:encoded><![CDATA[<p><img
class="size-full wp-image-18663 alignleft" src="http://netdna.webdesignerdepot.com/uploads/2010/07/thumbnail3.jpg" alt="thumbnail" width="200" height="160" />When designing a web app, functionality is often placed above everything else. For the most part, this is a good thing.</p><p>People (mostly) use apps because they&#8217;re useful, not because they look pretty. But that doesn&#8217;t mean you can ignore good UI design, or just slap together a generic-looking user interface. Good UI design adds to the overall user satisfaction of any web app.</p><p>Good UI design is, in many ways, similar to good web design. Principles of color theory, negative space, and layout all still apply. But UI design requires a bit more thought in many cases due to the interactivity it requires.</p><p>Visitors won&#8217;t just be looking at your site; they&#8217;ll be interacting with it, sometimes in ways you didn&#8217;t expect. It&#8217;s vital that you take the time to really explore UI design prior to embarking on a web app design.</p><p>Below are a number of principles and ideas for designing a great user interface.<span
id="more-18662"></span></p><h1>Consistency is Vital</h1><p>In user interface design, consistency between pages, functions, and options is vital. Users come to expect certain things as they use your program, and if those things change from one page to the next, it&#8217;s both confusing and frustrating.</p><p>For example, if on the home page for your application users navigate between pages with a top navigation bar, make sure that same top navigation bar appears on subsequent pages, and that the pages linked from it appear in the same order.</p><p>Other things that need to be kept consistent include your color scheme and general layout, as well as links to important pages that might not be directly used within the application (such as an account page or an FAQ).</p><p><br
class="spacer_" /></p><h1>Your Users Will Make Mistakes</h1><p>Regardless of how carefully you design your user interface and how intuitive it is, your users will make mistakes on occasion. Sometimes it&#8217;s just because they inadvertently clicked when they didn&#8217;t mean to. Other times it&#8217;s because they weren&#8217;t really paying attention to what they were doing, or weren&#8217;t reading the page&#8217;s content.</p><p>In either case, it&#8217;s important that users can easily undo the mistakes they make.</p><p>You&#8217;ll notice on a number of web apps, including Google Docs, that virtually any time you do something, a link appears to undo the last action. On other apps, you might have to use a menu to undo an action, but the best web apps still make it easy and accessible to go back a step or two at any point.</p><p><br
class="spacer_" /></p><h1>Highlight Changes</h1><p>When changes are made during the use of a web app, it&#8217;s useful to your users if you highlight those changes. For example, if your app includes a feed of information from a variety of sources or users, highlighting new content as it appears is a useful feature.</p><p>There are a number of ways you can highlight content. One of the most popular is to put a shaded background behind new content.</p><p>Other apps use icons to indicate new content. Whatever you decide to do, make sure the new-content indications don&#8217;t interfere with the readability of the content. It&#8217;s also important to make these notifications unintrusive, so as not to distract users who aren&#8217;t currently concerned with changing content.</p><p><a
href="http://titanpad.com"><img
class="alignnone size-full wp-image-18664" src="http://netdna.webdesignerdepot.com/uploads/2010/07/titanpad.jpg" alt="titanpad" width="615" height="411" /></a></p><p><em>TitanPad uses color coding to indicate changes made by each user.</em></p><p><em><br
/> </em></p><h1>Enable Keyboard Shortcuts</h1><p>Not every user out there is going to use keyboard shortcuts, even if you make them available. But for the percentage of users who are used to keyboard shortcuts, not including them can have a disastrous effect on user satisfaction.</p><p>Think about the most common actions users will perform on your website and make sure keyboard shortcuts are available for those.</p><p>Make sure, too, that whatever keyboard shortcuts you use are logical. Certain shortcuts are already commonly used for certain functions (like Ctrl+Z to undo or Ctrl+V to paste), so make sure those continue to work as they do in other programs.</p><p>Choose the keys used in your shortcuts logically, so they&#8217;re easy to remember for your users. Make sure you also include them in any drop-down menus next to their respective actions.</p><p><br
class="spacer_" /></p><h1>Use Familiar Standards and Conventions</h1><p>Widely-used applications have set certain standards for the way things are expected to work in an application. For example, people are used to seeing a folder icon for &#8220;Open&#8221;, or a clipboard for &#8220;Paste&#8221;.</p><p>They&#8217;re also used to having certain options and actions appear under specific application menus (creating a new document or file is almost always located under the &#8220;File&#8221; menu dropdown; copy and paste are almost always found under the &#8220;Edit&#8221; menu dropdown).</p><p>Think about established apps that do similar things to what your app will do, and look at how they organize actions and what icons they use.</p><p>If you see consistencies between various apps, you should seriously consider using the same or similar icons for your own app. It makes it more intuitive for users who are switching from another app to yours and will improve their experience.</p><p><br
class="spacer_" /></p><h1>Offer Personalization Options</h1><p>A lot of web apps allow users to make customizations to their account. Some sites let you adjust the color scheme or upload custom graphics. Others let you rearrange the layout or what&#8217;s shown when you first log in. Still others let you create custom pages or similar content that displays the information you&#8217;re concerned with.</p><p>Think about the possible customizations that would improve both the functionality and the user experience of your apps.</p><p>Some apps might not benefit much from customizations, while others are filled with possibilities. Even simple things like allowing users to upload their own logo or change the color scheme or font to suit their personal preferences can have a drastic impact on user experience and satisfaction.</p><p><a
href="http://highrisehq.com/tour"><img
class="alignnone size-full wp-image-18665" src="http://netdna.webdesignerdepot.com/uploads/2010/07/highrise.jpg" alt="highrise" width="615" height="262" /></a></p><p><em>Highrise lets users customize the color scheme of their dashboard. Small customization options like this can greatly add to user satisfaction.</em></p><p><em><br
/> </em></p><h1>Use Tooltips and Integrated Help Messages</h1><p>A lot of app developers include extensive documentation for using their apps, which is incredibly helpful to new users. But in many cases, this documentation is kept in its own, separate section on the website. In order to access it, users have to effectively leave the application.</p><p>While extensive documentation is still a good idea for complicated apps, incorporating tooltips and integrated help messages in modal windows or in a sidebar within the page increases usability for the majority of users.</p><p>It&#8217;s a seamless way of offering help while someone is actually using your application, which saves them time and makes the entire experience more enjoyable.</p><p><br
class="spacer_" /></p><h1>Use Tabbed Navigation and Buttons for Actions</h1><p>Tabbed navigation has a number of advantages over buttons or text links. The most important, though, is the subtle psychological effect it has.</p><p>Tabs evoke using a notebook or binder. Each tab denotes a new section or topic. The same is true online. Tabs make people subconsciously think of physically moving to a new section of a site or app.</p><p>Buttons, on the other hand, evoke an action. Using buttons for things like submitting a form makes sense psychologically, as people associate pushing a button with <em>doing</em> something. So for optimal user experience, remember tabs = navigation, buttons = action.</p><p><br
class="spacer_" /></p><h1>Shade Everything Behind a Modal Window</h1><p>This is one of those really basic things that sometimes gets overlooked. When opening a modal window, make sure you shade out everything in the background behind the window. This makes the window stand out more and eliminates distractions.</p><p><a
href="http://www.usefultools.com/2010/04/enlightened-task-management/"><img
class="alignnone size-full wp-image-18666" src="http://netdna.webdesignerdepot.com/uploads/2010/07/nirvana.jpg" alt="nirvana" width="615" height="500" /></a></p><p><em>A good example of a modal window with a shaded background.</em></p><p><em><br
/> </em></p><h1>Use Relevant Icons and Labels</h1><p>A lot of developers opt to use icons in their apps without labeling those icons. Other than the absolute most common icons, this is often a mistake and only confuses the user.</p><p>Adding in alt tags that appear when icons are hovered over isn&#8217;t a good solution to avoid confusion, as it still requires too much effort on the part of the user.</p><p>Placing labels next to your icons means they&#8217;re instantly recognizable. As users become familiar with the meaning of each icon, they&#8217;ll be able to more quickly find what they&#8217;re looking for, and until then they can easily see exactly what each icon stands for.</p><p>Another option is to make it possible for your users to hide the labels, though make sure the default option is for them to be shown.</p><p><br
class="spacer_" /></p><h1>Keep Things Simple</h1><p>The best interfaces are as simple as they can effectively be. Don&#8217;t add bells and whistles for the sake of adding bells and whistles. If a function has a clear purpose, then add it. If it doesn&#8217;t, then don&#8217;t.</p><p>The same goes for design elements. If there&#8217;s a purpose to an element, then it&#8217;s okay to add it. But avoid adding things that just look pretty. They&#8217;ll only add visual clutter and confuse your users. Choose the simplest solution that gets the job done.</p><p>This doesn&#8217;t necessarily mean your app needs to be minimalist. But remember that most people use apps for their functionality, not for their design. As long as the design doesn&#8217;t interfere with their ability to efficiently use your app, then they&#8217;re unlikely to even pay much attention to the visual elements of the app.</p><p><br
class="spacer_" /></p><h1>Efficient Workflow</h1><p>When designing a user interface, you need to consider the workflow of your users. People have predetermined ways they use particular types of software and particular apps, and you&#8217;ll need to design your interface to conform to those patterns.</p><p>For example, if certain actions are generally taken in association with each other, group them together in the same area of the app.</p><p>Study the workflow of a number of users to see what seems to be getting in the way of their efficient completion of tasks, and then figure out how to improve the UI to cater to their needs. In some cases, UI alone can&#8217;t solve these issues, but sometimes it can.</p><p><br
class="spacer_" /></p><h1>15 Examples of Great User Interfaces</h1><p>There are hundreds or even thousands of web apps out there with fantastic user interface designs. Here are more than a dozen to give you some ideas.</p><h2>Shoply</h2><p><a
href="http://shoply.com/">Shoply</a> makes it quite easy for users to delete, edit, or view products they&#8217;ve already uploaded, as well as to add new products.</p><p><a
href="http://shoply.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2010/07/shoply.jpg" alt="shoply" width="615" height="465" /></a></p><p><br
class="spacer_" /></p><h2>Invoicera</h2><p><a
href="http://www.invoicera.com/">Invoicera</a> uses tabbed navigation and buttons to perform actions. It also keeps a relatively simple and straight-forward layout and color scheme.</p><p><a
href="http://www.invoicera.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2010/07/invoicera.jpg" alt="invoicera" width="615" height="481" /></a></p><p><br
class="spacer_" /></p><h2>Pandora</h2><p>It&#8217;s obvious that the designers behind <a
href="http://www.pandora.com/">Pandora</a> took into account the interfaces present on MP3 players and other media devices in designing their user interface. It&#8217;s an intuitive and easy-to-use design with virtually no learning curve.</p><p><a
href="http://www.pandora.com/"><img
class="alignnone size-full wp-image-18669" src="http://netdna.webdesignerdepot.com/uploads/2010/07/pandora.jpg" alt="pandora" width="615" height="500" /></a></p><p><br
class="spacer_" /></p><h2>Wufoo</h2><p><a
href="http://www.wufoo.com/">Wufoo&#8217;s</a> form design interface is about as intuitive as an app can get. Help messages are displayed when you start designing a new form to explain exactly what to do without having to leave the page.</p><p><a
href="http://www.wufoo.com/"><img
class="alignnone size-full wp-image-18670" src="http://netdna.webdesignerdepot.com/uploads/2010/07/wufoo.jpg" alt="wufoo" width="615" height="374" /></a></p><p><br
class="spacer_" /></p><h2>Grooveshark</h2><p><a
href="http://listen.grooveshark.com/">Grooveshark</a> uses icons to help with navigation and functionality. Commonly recognized icons like the &#8220;play&#8221; and &#8220;skip&#8221; buttons aren&#8217;t labeled, but others, like the Home and Favorites icons, are.</p><p><a
href="http://listen.grooveshark.com/"><img
class="alignnone size-full wp-image-18671" src="http://netdna.webdesignerdepot.com/uploads/2010/07/grooveshark.jpg" alt="grooveshark" width="615" height="395" /></a></p><p><br
class="spacer_" /></p><h2>Wridea</h2><p><a
href="http://www.wridea.com">Wridea</a> uses an intuitive interface that lets you edit anything just by clicking on it. They also use menus that only expand when you hover over an idea, which reduces visual clutter, and they let users choose between two color schemes.</p><p><a
href="http://www.wridea.com"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2010/07/wridea.jpg" alt="wridea" width="615" height="469" /></a></p><p><br
class="spacer_" /></p><h2>Backpack</h2><p><a
href="http://backpackit.com">Backpack</a> uses buttons for actions and tabs for navigation, making it more intuitive to use.</p><p><a
href="http://backpackit.com/tour"><img
class="alignnone size-full wp-image-18673" src="http://netdna.webdesignerdepot.com/uploads/2010/07/backpack.jpg" alt="backpack" width="615" height="500" /></a></p><p><br
class="spacer_" /></p><h2>Remember the Milk</h2><p><a
href="http://www.rememberthemilk.com/">Remember the Milk</a> uses tabbed navigation and buttons for actions. They also include helpful notations that mostly negate the need for separate documentation.</p><p><a
href="http://www.rememberthemilk.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2010/07/rememberthemilk.jpg" alt="rememberthemilk" width="615" height="394" /></a></p><p><br
class="spacer_" /></p><h2>Ta-da List</h2><p><a
href="http://tadalist.com/">Ta-da Lists</a> keeps their interface as simple as possible. There&#8217;s no extra information, just the task at hand. It&#8217;s incredibly intuitive and makes for an excellent user experience.</p><p><a
href="http://tadalist.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2010/07/tadalist.jpg" alt="tadalist" width="615" height="441" /></a></p><p><br
class="spacer_" /></p><h2>Relenta</h2><p><a
href="http://www.relenta.com/">Relenta</a> uses tabbed navigation and labeled icons. They also stick to standard conventions for email programs, so there&#8217;s virtually no learning curve for their users.</p><p><a
href="http://www.relenta.com/"><img
class="alignnone size-full wp-image-18676" src="http://netdna.webdesignerdepot.com/uploads/2010/07/relenta.jpg" alt="relenta" width="615" height="500" /></a></p><p><br
class="spacer_" /></p><h2>Viviti</h2><p><a
href="http://viviti.com/">Viviti</a> uses an intuitive user interface that takes into account the needs of their non-designer users. Tips are provided whenever you log in, and the documentation is easily accessible and user-friendly, allowing you to choose what type of help you want before actually leaving the page you&#8217;re working on.</p><p><a
href="http://viviti.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2010/07/viviti.jpg" alt="viviti" width="615" height="408" /></a></p><p><br
class="spacer_" /></p><h2>Bounce</h2><p><a
href="http://www.bounceapp.com/">Bounce&#8217;s</a> interface is very straight-forward and simple. The tools available are intuitive (just drag over an area to make a note, write feedback, and then share).</p><p><a
href="http://www.bounceapp.com/"><img
class="alignnone size-full wp-image-18678" src="http://netdna.webdesignerdepot.com/uploads/2010/07/bounce.jpg" alt="bounce" width="615" height="500" /></a></p><p><br
class="spacer_" /></p><h2>Meetifyr</h2><p><a
href="http://www.meetifyr.com/">Meetifyr</a> uses such an intuitive interface that virtually no documentation is needed. Looking over the app, it takes only seconds to instantly recognize both how to use it and what the different icons and color codes mean.</p><p><a
href="http://www.meetifyr.com/example"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2010/07/meetifyr.jpg" alt="meetifyr" width="615" height="441" /></a></p><p><br
class="spacer_" /></p><h2>DoingText</h2><p><a
href="http://doingtext.com/">DoingText</a> simplifies use by not requiring any type of signup process. Documents are simply URL-based and collaborators only need the URL. It makes collaboration an almost-instantaneous process.</p><p><a
href="http://doingtext.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2010/07/doingtext.jpg" alt="doingtext" width="615" height="500" /></a></p><p><br
class="spacer_" /></p><h2>Writeboard</h2><p><a
href="http://writeboard.com">Writeboard</a> includes useful styling help in the sidebar next to the main content area.</p><p><a
href="http://writeboard.com"><img
class="alignnone size-full wp-image-18681" src="http://netdna.webdesignerdepot.com/uploads/2010/07/writeboard.jpg" alt="writeboard" width="615" height="333" /></a></p><p><br
class="spacer_" /></p><p><em>Written exclusively for WDD by <a
href="http://twitter.com/cameron_chapman">Cameron Chapman</a>.</em></p><p><em><strong>What&#8217;s your favorite UI design? Have any other tips for designing outstanding user interfaces? Please share them in the comments!</strong></em></p><p><br/><br
/><table
width="100%" style="border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;" height="20"><tr><td
valign="center"> <a
href="http://www.mightydeals.com/deal/wpbusinessbundle.html?ref=inwidget"><font
face="Arial" size="3" color="#e64f32"><b>Never Ending WordPress Business Bundle &#8211; only $14!</b></font></a></td><td
width="90"> <a
href="http://www.mightydeals.com/?ref=inwidget"><br
/> <img
src="http://mightydeals.com/web/images/widget-logo.png" height="40" width="90" border="0"  /><br
/> </a></td></tr></table><p><br/></p> <a
href="http://www.webdesignerdepot.com/2010/10/how-to-design-a-great-user-interface/">Source</a><style type="text/css">
 p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}
</style>]]></content:encoded> <wfw:commentRss>http://www.webdesignerdepot.com/2010/10/how-to-design-a-great-user-interface/feed/</wfw:commentRss> <slash:comments>41</slash:comments> </item> <item><title>20+ New Apps and Websites for Designers  Sep. 2010</title><link>http://www.webdesignerdepot.com/2010/09/20-new-apps-and-websites-for-designers-2/</link> <comments>http://www.webdesignerdepot.com/2010/09/20-new-apps-and-websites-for-designers-2/#comments</comments> <pubDate>Tue, 14 Sep 2010 10:30:04 +0000</pubDate> <dc:creator>Walter</dc:creator> <category><![CDATA[Applications]]></category> <category><![CDATA[Compilation]]></category> <category><![CDATA[Websites]]></category> <category><![CDATA[compilations]]></category><guid
isPermaLink="false">http://www.webdesignerdepot.com/?p=19728</guid> <description><![CDATA[New apps and websites seem to appear on an almost-daily basis. Trying to find the best ones each week or month can be tough, especially considering how many come out that aren’t that great. In this post we’ve compiled some of the best apps and websites that have come out recently. Some are apps closely [...]]]></description> <content:encoded><![CDATA[<p><a
href="http://netdna.webdesignerdepot.com/uploads/2010/09/thumnb.jpg"><img
class="alignleft size-full wp-image-19733" title="thumnb" src="http://netdna.webdesignerdepot.com/uploads/2010/09/thumnb.jpg" alt="thumnb" width="200" height="160" /></a>New apps and websites seem to appear on an almost-daily basis.</p><p>Trying to find the best ones each week or month can be tough, especially considering how many come out that aren’t that great.</p><p>In this post we’ve compiled some of the best apps and websites that have come out recently.</p><p>Some are apps closely tied to a web designer’s daily work, while others aren’t likely to be used as often, but are still useful.</p><p>As always, if we&#8217;ve missed something, please let us know in the comments.</p><p>And if you know of an app you&#8217;d like included in the next roundup,  please tweet it to <a
href="http://twitter.com/cameron_chapman">@cameron_chapman</a>.<span
id="more-19728"></span></p><h1>Muro</h1><p>DeviantART has long been an excellent place for artists and designers  to showcase their work. Now, they&#8217;ve released a browser-based drawing  app, created in HTML5. Initial reviews seem positive, and it&#8217;s free to  use.</p><p><a
href="http://muro.deviantart.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/websites_september/muro.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Google Font Preview</h1><p>If you use Google&#8217;s Font API, it can be helpful to try out fonts  before embedding them in your website. Google recently launched their  Font Preview that lets you do just that. You can switch fonts from  within the Preview app, and modify them in a number of ways on  customized text.</p><p><a
href="http://code.google.com/webfonts/preview#font-family=Crimson+Text"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/websites_september/googlefontpreview.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Periodic Table of the Elements</h1><p>This chart, created by Josh Duck, showcases the 104 elements currently in the HTML5 working draft and two proposed elements (marked with an asterisk). It also includes a tool for looking at how the  elements are used on existing websites. Click on any element in the  table for a brief definition and links to further information.</p><p><a
href="http://joshduck.com/periodic-table.html"><img
src="http://netdna.webdesignerdepot.com/uploads/websites_september/periodictable.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>iMockups for iPad</h1><p>This iPad app lets you create rough sketches perfect for rapid  wireframing and brainstorming. The mockups are low fidelity so that  designers can concentrate more on functionality and flow, rather than  making things look &#8220;pretty&#8221;. The downside is that it&#8217;s not a free app  (it&#8217;s $9.99).</p><p><a
href="http://itunes.apple.com/us/app/imockups/id364885913?mt=8#"><img
src="http://netdna.webdesignerdepot.com/uploads/websites_september/imockups.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Invoice Bubble</h1><p>Invoice Bubble is a free, professional invoicing app that lets you  create one-time or recurring invoices, complete with PayPal payment  integration. The free version does include ads and a link back to  Invoice Bubble, but for $5/month you can have both those things removed.  It also tracks your invoices, lets you create estimates, and shows you  how much you&#8217;ve been paid and how much is still outstanding.</p><p><a
href="http://invoicebubble.com/"><img
src="http://netdna.webdesignerdepot.com/uploads/websites_september/invoicebubble.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>TinyBounce</h1><p>TinyBounce lets you save a screenshot of an image, create notes for  feedback on it, and then send the link to others. It&#8217;s a tiny app,  created as part of 10K Apart.</p><p><a
href="http://10k.aneventapart.com/Entry/91"><img
src="http://netdna.webdesignerdepot.com/uploads/websites_september/tinybounce.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>ColorBlendy 2</h1><p>Here&#8217;s another app created as part of 10K Apart, this time for  creating and finding the results of blending colors. Just choose two colors,  and then the effect you want to simulate to get the resulting hex code.</p><p><a
href="http://10k.aneventapart.com/Entry/424"><img
src="http://netdna.webdesignerdepot.com/uploads/websites_september/colorblendy.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Selectivizer</h1><p>Using CSS3 pseudo-classes is great if you don&#8217;t care about your pages  showing up the way you want them to in Internet Explorer 6-8.  Selectivizer is a JavaScript utility that automatically emulates the  pseudo-classes you want to use. Just add the script to your pages and it  does the rest.</p><p><a
href="http://selectivizr.com/"><img
src="http://netdna.webdesignerdepot.com/uploads/websites_september/selectivizer.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>UNicod Sans Font Family</h1><p>UNicod Sans is a new font family from Mostardesign. It&#8217;s a modern,  slightly-rounded sans serif typeface with five weights. There are  versions for both text and headlines.</p><p><a
href="http://new.myfonts.com/fonts/mostardesign/unicod-sans/"><img
src="http://netdna.webdesignerdepot.com/uploads/websites_september/unicodsans.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Gridulator</h1><p>Gridulator lets you create pixel guides for grid design, in any  configuration you want. Just put in the overall width and the number of  columns and it will spit out a variety of grid templates with varying  gutter widths.</p><p><a
href="http://gridulator.com/subrosa/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/websites_september/gridulator.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Keynotopia Wireframing Set</h1><p>If you&#8217;ve considered creating wireframes and prototypes, then this  wireframing template set from Smashing Magazine will make your life much  easier. It includes a variety of web application elements, as well as a  tutorial for using Keynote for prototyping.</p><p><a
href="http://www.smashingmagazine.com/2010/09/06/keynotopia-wireframing-set-free-wireframing-templates-for-apple-keynote/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/websites_september/keynotopia.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Primary</h1><p>Primary is a CSS Framework that consists of 22 layouts, and is based  on the concepts in &#8220;22 Panels That Always Work&#8221; by comic book artist  Wally Wood.</p><p><a
href="http://www.primarycss.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/websites_september/primary.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>User Interface Design Framework</h1><p>This GUI design kit includes hundreds of vector elements for  interface design in Adobe Illustrator. There&#8217;s a library of 200 styles,  260 vector icons, and more.</p><p><a
href="http://www.webalys.com/design-interface-application-framework.php"><img
src="http://netdna.webdesignerdepot.com/uploads/websites_september/uidesignframework.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Fan Script</h1><p>Here&#8217;s a new script font by Umbrella Type, available from Veer. It  includes more than 1000 glyphs, and was inspired by the fonts used in  classic sports paraphernalia.</p><p><a
href="http://marketplace.veer.com/fonts/UMT0001033"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/websites_september/fanscript.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Antetype</h1><p>Antetype is a new prototyping application currently in private beta.  It includes a number of tools not commonly found in most wireframing and  prototyping apps, including the ability to apply styles to your  prototypes with a single click.</p><p><a
href="http://www.antetype.com/"><img
src="http://netdna.webdesignerdepot.com/uploads/websites_september/antetype.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Anchor Font Family</h1><p>Anchor is a new rounded sans-serif typeface from Process Type  Foundry. It was designed specifically to work in cramped spaces and  includes four different weights.</p><p><a
href="http://processtypefoundry.com/fonts/anchor/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/websites_september/anchor.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Patternry</h1><p>Patternry, formerly known as UI Pattern Factory (it&#8217;s been completely  revamped) is an excellent source to find specific user interface  pattern examples. It&#8217;s a good place to go for inspiration or to find  examples of existing patterns.</p><p><a
href="http://www.patternry.com/"><img
src="http://netdna.webdesignerdepot.com/uploads/websites_september/patternry.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Fillerati</h1><p>Fillerati is a filler text generator that uses text from books in the  public domain (from Project Gutenberg). You can grab heading,  paragraphs, list items, and plain text. The interface is particularly  nice for such a utilitarian app.</p><p><a
href="http://www.fillerati.com/"><img
src="http://netdna.webdesignerdepot.com/uploads/websites_september/fillerati.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Web Wireframe Kit</h1><p>Here&#8217;s a stylish wireframe kit from Emazekraker, which includes both  light and dark versions of each element. It includes base colors,  tables, tooltips, buttons, form elements and more.</p><p><a
href="http://www.emazekraker.biz/projects/webWireframeKit/"><img
src="http://netdna.webdesignerdepot.com/uploads/websites_september/webwireframekit.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Forza</h1><p>Forza is a beautiful, modern, squared sans-serif typeface from Hoefler &amp; Frere-Jones. It was designed for <em>Wired</em>. It comes in a variety of weights and styles.</p><p><a
href="http://www.typography.com/fonts/font_overview.php?productLineID=100041&amp;affiliateID=94&amp;track=002"><img
src="http://netdna.webdesignerdepot.com/uploads/websites_september/forza.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Paper Browser</h1><p>Paper Browser is a paper wireframing template you can download and  print out. The templates are sized at 1024 x 768 pixels, and come in two  versions: Quick Sketch and Browser Sketch. They&#8217;re also releasing  printed, notebook versions of both that are currently available for  pre-order.</p><p><a
href="http://www.raincreativelab.com/paperbrowser/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/websites_september/paperbrowser.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Wazala</h1><p>Wazala is a new ecommerce platform that can be used with any website  or blog. It&#8217;s great for non-programmers, and can be used with up to five  products for free. Paid plans start at $9.95/month.</p><p><a
href="http://www.wazala.com/"><img
src="http://netdna.webdesignerdepot.com/uploads/websites_september/wazala.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>Defolio</h1><p>Defolio is a collaboration tool for sharing website designs with  colleagues and clients. It handles version control and allows for visual  comparison between versions, as well as comments on version updates.  It&#8217;s still in development, but soon will be adding file synchronization,  the ability to make projects public or private, and better archiving.</p><p><a
href="http://defol.io/"><img
src="http://netdna.webdesignerdepot.com/uploads/websites_september/defolio.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>CSS3.0 Maker</h1><p>This handy app lets you create a variety of CSS3 elements, including  rounded corners, gradients, and shadows. You change properties using  drop-downs and sliders, and it shows you a preview of what you&#8217;ve  created. It also includes which browsers each element works in.</p><p><a
href="http://www.css3maker.com/"><img
src="http://netdna.webdesignerdepot.com/uploads/websites_september/css3maker.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>WebMadeMovies</h1><p>While the WebMadeMovies project has been around for awhile, they&#8217;ve  finally released an example video, making the entire thing a bit closer  to being ready for wide release. It&#8217;s a project dedicated to open video  with standards like HTML5 that will allow for more interactive and  interesting video experiences online. Their first big project is  popcorn.js, which allows semantic information to be added to online  videos.</p><p><a
href="http://www.drumbeat.org/webmademovies"><img
src="http://netdna.webdesignerdepot.com/uploads/websites_september/webmademovies.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>WebINK</h1><p>WebINK is a new web fonts service from Extensis. They include fonts  from a number of type foundries, including exljbris, P22, Rimmer Type  Foundy, and ShinnType. Pricing plans are scalable, and start at just  $.99/month.</p><p><a
href="http://www.extensis.com/en/WebINK/"><img
src="http://netdna.webdesignerdepot.com/uploads/websites_september/webink.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><h1>WebHooks</h1><p>Formstack has released a new feature for developers called WebHooks  that make it easier for their forms to interact with web apps in  near-real-time. Previously, there was a delay of 5-10 minutes before  Formstack forms would complete certain operations because it required  the app to check Fromstack&#8217;s servers. Now, new submissions are pushed to  the app, resulting in virtually no delay.</p><p><a
href="http://www.formstack.com/webhooks"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/websites_september/webhooks.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><p><em>Written exclusively for WDD by <a
href="http://twitter.com/cameron_chapman">Cameron Chapman</a>.</em></p><p><em><strong>What do you think of these new websites and apps? </strong><strong>If you know of an app/website that you&#8217;d like included in the next roundup,  please tweet it to <a
href="http://twitter.com/cameron_chapman">@cameron_chapman</a>.</strong></em></p><p><br/><br
/><table
width="100%" style="border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;" height="20"><tr><td
valign="center"> <a
href="http://www.mightydeals.com/deal/wpbusinessbundle.html?ref=inwidget"><font
face="Arial" size="3" color="#e64f32"><b>Never Ending WordPress Business Bundle &#8211; only $14!</b></font></a></td><td
width="90"> <a
href="http://www.mightydeals.com/?ref=inwidget"><br
/> <img
src="http://mightydeals.com/web/images/widget-logo.png" height="40" width="90" border="0"  /><br
/> </a></td></tr></table><p><br/></p> <a
href="http://www.webdesignerdepot.com/2010/09/20-new-apps-and-websites-for-designers-2/">Source</a><style type="text/css">
 p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}
</style>]]></content:encoded> <wfw:commentRss>http://www.webdesignerdepot.com/2010/09/20-new-apps-and-websites-for-designers-2/feed/</wfw:commentRss> <slash:comments>24</slash:comments> </item> <item><title>20+ New Apps and Websites for Designers</title><link>http://www.webdesignerdepot.com/2010/08/20-new-apps-and-websites-for-designers/</link> <comments>http://www.webdesignerdepot.com/2010/08/20-new-apps-and-websites-for-designers/#comments</comments> <pubDate>Wed, 11 Aug 2010 10:30:54 +0000</pubDate> <dc:creator>Cameron</dc:creator> <category><![CDATA[Applications]]></category> <category><![CDATA[Compilation]]></category> <category><![CDATA[Websites]]></category> <category><![CDATA[Best Of]]></category> <category><![CDATA[Design]]></category> <category><![CDATA[Web Design]]></category><guid
isPermaLink="false">http://www.webdesignerdepot.com/?p=19225</guid> <description><![CDATA[New apps and websites seem to appear on an almost-daily basis. Trying to find the best ones each week or month can be tough, especially considering how many come out that aren&#8217;t that great. Here we&#8217;ve compiled some of the best apps and websites that have come out in the past few months. Some are [...]]]></description> <content:encoded><![CDATA[<p><a
href="http://netdna.webdesignerdepot.com/uploads/2010/07/thumb10.jpg"><img
class="alignleft size-full wp-image-19316" title="thumb" src="http://netdna.webdesignerdepot.com/uploads/2010/07/thumb10.jpg" alt="thumb" width="200" height="160" /></a>New apps and websites seem to appear on an almost-daily basis.</p><p>Trying to find the best ones each week or month can be tough, especially considering how many come out that aren&#8217;t that great.</p><p>Here we&#8217;ve compiled some of the best apps and websites that have come out in the past few months.</p><p>Some are apps closely tied to a web designer&#8217;s daily work, while others aren&#8217;t likely to be used as often, but are still useful.</p><p>If you want to share a recent web app or website useful to designers, please send a tweet to <a
href="http://twitter.com/cameron_chapman">@cameron_chapman</a> for inclusion in our next monthly roundup.<span
id="more-19225"></span></p><h1>Ember</h1><p>Ember is a new site that lets designers share their design inspiration. You can share images, follow other users, browse what others have uploaded, and organize your screen shots into collections. You can save parts of a page or the entire thing, depending on what you need.</p><p><a
href="http://emberapp.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2010/07/ember.jpg" alt="ember" width="615" height="475" /></a></p><p><br
class="spacer_" /></p><h1>Dribbble</h1><p>Dribbble lets designers upload small thumbnail images (up to 120,000 pixels, or about 400 x 300) of projects they&#8217;re working on. It&#8217;s a neat way to get a sneak-peek at what other creatives are doing and what their next release might be. Dribbble also allows you to follow other designers and what they upload.</p><p><a
href="http://dribbble.com/"><img
class="alignnone size-full wp-image-19233" src="http://netdna.webdesignerdepot.com/uploads/2010/07/dribbble.jpg" alt="dribbble" width="615" height="475" /></a></p><p><br
class="spacer_" /></p><h1>Web Font Specimen</h1><p>Web Font Specimen lets you test out how fonts will actually look on the web. Combined with browser cross-testing, you can see how the fonts you use with @font-face will actually appear to your visitors.</p><p><a
href="http://webfontspecimen.com/"><img
class="alignnone size-full wp-image-19249" src="http://netdna.webdesignerdepot.com/uploads/2010/07/webfontspecimen.jpg" alt="webfontspecimen" width="615" height="475" /></a></p><p><br
class="spacer_" /></p><h1>Launchlist</h1><p>Launchlist is a complete checklist of things to verify before launching a website. It includes everything from making sure there&#8217;s a print stylesheet (and that it works) to making sure forms work correctly to verifying cross-browser compatibility, and you can add your own fields. Complete the report and then have it emailed to your client or colleagues.</p><p><a
href="http://launchlist.net/"><img
class="alignnone size-full wp-image-19240" src="http://netdna.webdesignerdepot.com/uploads/2010/07/launchlist.jpg" alt="launchlist" width="615" height="475" /></a></p><p><br
class="spacer_" /></p><h1>Sensational Jobs</h1><p>Sensational Jobs is a job board for web designers and developers. You can browse through full-time and freelance listings, and set up custom alerts via email and RSS for any desired keywords.</p><p><a
rel="follow" href="http://www.sensationaljobs.com"><img
class="size-full wp-image-19371 alignnone" title="sj" src="http://netdna.webdesignerdepot.com/uploads/2010/08/sj.jpg" alt="" width="615" height="475" /></a></p><p><br
class="spacer_" /></p><h1>Endorse</h1><p>Endorse lets users recommend one another for different skills. You set up an account through Twitter, set your own availability, and then start endorsing others. You can then look through the recommendations of others if you need to find someone skilled in a certain area.</p><p><a
href="http://endor.se/"><img
class="alignnone size-full wp-image-19235" src="http://netdna.webdesignerdepot.com/uploads/2010/07/endorse.jpg" alt="endorse" width="615" height="475" /></a></p><p><br
class="spacer_" /></p><h1>Glass</h1><p>Glass lets you add notes over the content of any website, which you can then share with others. It&#8217;s currently in private beta, but invite codes are available on a regular basis (and existing members can invite new members).</p><p><a
href="https://www.writeonglass.com/"><img
class="alignnone size-full wp-image-19238" src="http://netdna.webdesignerdepot.com/uploads/2010/07/glass.jpg" alt="glass" width="615" height="475" /></a></p><p><br
class="spacer_" /></p><h1>Cu3er</h1><p>Cu3er is a Flash 3D image slider. There are a few different options available and you can create your own quickly and easily.</p><p><a
href="http://getcu3er.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2010/07/cu3er.jpg" alt="cu3er" width="615" height="475" /></a></p><p><br
class="spacer_" /></p><h1>The Wallee</h1><p>The Wallee is a hard case for the iPad that also allows for wall mounting. It comes in a variety of colors and you can purchase multiple wall plates to allow mounting in more than one location.</p><p><a
href="http://www.thewallee.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2010/07/thewallee.jpg" alt="thewallee" width="615" height="351" /></a></p><p><br
class="spacer_" /></p><h1>FontFonter</h1><p>FontFonter lets you see what different Web FontFonts look like on almost any website. Just type in a URL and then select which fonts you want to replace the serif and sans-serif fonts on the site.</p><p><a
href="http://fontfonter.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2010/07/fontfonter.jpg" alt="fontfonter" width="615" height="468" /></a></p><p><br
class="spacer_" /></p><h1>Microsoft WebMatrix</h1><p>WebMatrix is a new app from Microsoft for web design and development. It&#8217;s a complete testing environment that doesn&#8217;t require you to set up a server, and includes both a code and database editor. It will even work with popular CMSs like WordPress and Drupal.</p><p><a
href="http://www.microsoft.com/web/webmatrix/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2010/07/webmatrix.jpg" alt="webmatrix" width="615" height="475" /></a></p><p><br
class="spacer_" /></p><h1>CloudApp</h1><p>CloudApp lets you share links, music, images, files, and videos right from a menubar. Just drag what you want to share to the menubar and CloudApp gives you a short link, automatically copied to your clipboard that you can then share.</p><p><a
href="http://www.getcloudapp.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2010/07/cloudapp.jpg" alt="cloudapp" width="615" height="475" /></a></p><p><br
class="spacer_" /></p><h1>OpenStack</h1><p>OpenStack is open source cloud computing software that lets any organization create and offer cloud computing capabilities. It&#8217;s licensed under the Apache 2.0 license, meaning anyone can run it, build on it, or submit changes to it.</p><p><a
href="http://www.openstack.org/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2010/07/openstack.jpg" alt="openstack" width="615" height="475" /></a></p><p><br
class="spacer_" /></p><h1>Anologue</h1><p>Anologue is a new way to chat with people online. You set up a &#8220;chat room&#8221; and share the link with whoever you want, and you can chat with an unlimited number of people (within reason). It&#8217;s like combining the best parts of IRC, instant messaging, and comments.</p><p><a
href="http://anologue.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2010/07/anologue.jpg" alt="anologue" width="615" height="475" /></a></p><p><br
class="spacer_" /></p><h1>PadPressed</h1><p>PadPressed is a plugin that makes your WordPress-powered blog look like a native iPad app. It adds functionality for iPad users that makes your blog function more like a native app, while still working with your current theme.</p><p><a
href="http://padpressed.com/"><img
class="alignnone size-full wp-image-19242" src="http://netdna.webdesignerdepot.com/uploads/2010/07/padpressed.jpg" alt="padpressed" width="615" height="475" /></a></p><p><br
class="spacer_" /></p><h1>Catch404</h1><p>Catch404 is a jQuery plugin that catches 404 errors before loading a new page and returns the result in a modal window. It improves usability for your visitors, as they don&#8217;t have to use the back button to get away from a broken link.</p><p><a
href="http://addyosmani.com/blog/catch404/"><img
class="alignnone size-full wp-image-19229" src="http://netdna.webdesignerdepot.com/uploads/2010/07/catch404.jpg" alt="catch404" width="615" height="475" /></a></p><p><br
class="spacer_" /></p><h1>AJ Help Desk</h1><p>AJ Help Desk is a new customer support app with tons of useful features, including a knowledge base, support for PDF guides, and user forums.</p><p><a
href="http://www.ajhelpdesk.com/index/index.html"><img
class="alignnone size-full wp-image-19226" src="http://netdna.webdesignerdepot.com/uploads/2010/07/ajhelpdesk.jpg" alt="ajhelpdesk" width="615" height="461" /></a></p><p><br
class="spacer_" /></p><h1>The Inspiration Blog</h1><p>The Inspiration Blog is a great resource if you&#8217;re feeling uninspired for your latest project. They post regular roundups of inspiring images, both related to design and not.</p><p><a
href="http://www.theinspirationblog.net/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2010/07/theinspirationblog.jpg" alt="theinspirationblog" width="615" height="475" /></a></p><p><br
class="spacer_" /></p><h1>CSS3 PIE</h1><p>CSS3 PIE (Progressive Internet Explorer) adds support for a number of CSS3 decorative features for Internet Explorer 6-8. It includes support for things like rounded corners, gradients, and shadows.</p><p><a
href="http://css3pie.com/"><img
class="alignnone size-full wp-image-19231" src="http://netdna.webdesignerdepot.com/uploads/2010/07/css3pie.jpg" alt="css3pie" width="615" height="475" /></a></p><p><br
class="spacer_" /></p><h1>Fake</h1><p>Fake is a new browser for OS X that lets you automate repetitive web tasks. It&#8217;s built on the same browser technology behind Fluid, and uses AppleScript for all of its automation tools.</p><p><a
href="http://fakeapp.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2010/07/fake.jpg" alt="fake" width="615" height="475" /></a></p><p><br
class="spacer_" /></p><h1>resizeMyBrowser</h1><p>This is a simple site that lets you resize your browser window to popular sizes for web devices with a single click. Included are resolutions for things like the Nexus One, the iPad, and the iPhone 4G, as well as common laptop and computer screen resolutions.</p><p><a
href="http://www.resizemybrowser.com/"><img
class="size-full wp-image-19425 alignnone" title="rmb" src="http://netdna.webdesignerdepot.com/uploads/2010/08/rmb1.jpg" alt="rmb" width="615" height="475" /></a></p><p><br
class="spacer_" /></p><h1>App Inventor for Android</h1><p>Google came out with their new App Inventor software to help non-developers create Android apps. That means you can roll your own apps painlessly, custom-tailoring them to do exactly what you need. You can also use App Inventor to create apps for public release.</p><p><a
href="http://appinventor.googlelabs.com/about/"><img
class="alignnone size-full wp-image-19228" src="http://netdna.webdesignerdepot.com/uploads/2010/07/appinventor.jpg" alt="appinventor" width="615" height="378" /></a></p><p><br
class="spacer_" /></p><h1>PandaForm</h1><p>PandaForm is a new web form creator that lets you create and share forms in minutes. It lets users submit updated forms, too, which is something many form creation services don&#8217;t provide for.</p><p><a
href="http://www.pandaform.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2010/07/pandaform.jpg" alt="pandaform" width="615" height="475" /></a></p><p><br
class="spacer_" /></p><h1>Urlist</h1><p>Urlist lets you create lists of links that you can then share with others. It saves time when you want to share more than one link at a time. They also offer a bookmarklet for adding items to your lists.</p><p><a
href="http://urli.st/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2010/07/urlist.jpg" alt="urlist" width="615" height="411" /></a></p><p><br
class="spacer_" /></p><h1>iFontMaker</h1><p>iFontMaker is a font editor specifically for the iPad. It lets you create handwriting fonts in minutes, and then convert it to TTF for use in other programs.</p><p><a
href="http://2ttf.com/"><img
class="image-border" src="http://netdna.webdesignerdepot.com/uploads/2010/07/ifontmaker.jpg" alt="ifontmaker" width="615" height="475" /></a></p><p><br
class="spacer_" /></p><p><em>Written exclusively for WDD by <a
href="http://twitter.com/cameron_chapman">Cameron Chapman</a>.</em></p><p><em><strong>Used any of the apps on the list above and want to offer your opinion? Please let us know in the comments! And don&#8217;t forget to send new apps or websites for inclusion in the next roundup to <a
href="http://twitter.com/cameron_chapman">@cameron_chapman</a>.</strong></em></p><p><br/><br
/><table
width="100%" style="border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;" height="20"><tr><td
valign="center"> <a
href="http://www.mightydeals.com/deal/wpbusinessbundle.html?ref=inwidget"><font
face="Arial" size="3" color="#e64f32"><b>Never Ending WordPress Business Bundle &#8211; only $14!</b></font></a></td><td
width="90"> <a
href="http://www.mightydeals.com/?ref=inwidget"><br
/> <img
src="http://mightydeals.com/web/images/widget-logo.png" height="40" width="90" border="0"  /><br
/> </a></td></tr></table><p><br/></p> <a
href="http://www.webdesignerdepot.com/2010/08/20-new-apps-and-websites-for-designers/">Source</a><style type="text/css">
 p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}
</style>]]></content:encoded> <wfw:commentRss>http://www.webdesignerdepot.com/2010/08/20-new-apps-and-websites-for-designers/feed/</wfw:commentRss> <slash:comments>52</slash:comments> </item> <item><title>WDD Launches Mobile Version with Mobify</title><link>http://www.webdesignerdepot.com/2009/11/wdd-launches-mobile-version-with-mobify/</link> <comments>http://www.webdesignerdepot.com/2009/11/wdd-launches-mobile-version-with-mobify/#comments</comments> <pubDate>Tue, 17 Nov 2009 17:18:17 +0000</pubDate> <dc:creator>Walter</dc:creator> <category><![CDATA[Applications]]></category> <category><![CDATA[Compatibility]]></category> <category><![CDATA[iPhone]]></category> <category><![CDATA[converting website to mobile version]]></category> <category><![CDATA[mobify]]></category> <category><![CDATA[mobile version]]></category> <category><![CDATA[mobile website]]></category><guid
isPermaLink="false">http://www.webdesignerdepot.com/?p=13487</guid> <description><![CDATA[Today we&#8217;re pleased to announce the official launch of the mobile version of Webdesigner Depot. Thanks to the awesome team and service of Mobify, we were able to easily deploy a mobile version for WDD, which loads extremely quickly and makes it easy to browse our content when you&#8217;re on the go on your mobile [...]]]></description> <content:encoded><![CDATA[<p><a
href="http://www.webdesignerdepot.com/2009/11/wdd-launches-mobile-version-with-mobify/"><img
class="alignleft" src="http://netdna.webdesignerdepot.com/uploads/mobify/thumb.jpg" alt="" width="200" height="160" /></a>Today we&#8217;re pleased to announce the official launch of the <strong>mobile version</strong> of Webdesigner Depot.</p><p>Thanks to the awesome team and service of <a
rel="nofollow" href="http://mobify.me/" target="_blank">Mobify</a>, we were able to easily deploy a mobile version for WDD, which loads extremely quickly and makes it easy to browse our content when you&#8217;re on the go on your mobile phone.</p><p>Why did we create a mobile version? <strong>Mobile access is growing 30% every year</strong>. While WDD was optimized to load quickly on your desktop, the same format is not best suited to a mobile device. A more streamlined version was needed, and that&#8217;s when Mobify came to our rescue.</p><p>The mobile version now carries specially <strong>optimized images</strong> that load quickly on your mobile phone as opposed to loading the full sized images which are better suited for broadband connections.<span
id="more-13487"></span></p><p>Mobify is a service that makes WordPress, Drupal and other websites mobile-friendly. Supports iPhone, Android, BlackBerry and 5000+ other devices. It includes some <a
rel="nofollow" href="http://mobify.me/features/" target="_blank">great features</a> such as Google Analytics, custom domain and branding, CMS plugins and SSL security.</p><p>The basic service is <em><strong>free</strong></em> and there are paid plans available for advanced options. How does it work? Mobify doesn&#8217;t like &#8216;complicated&#8217; &#8211; the process is kept simple and easy.</p><p><a
href="http://mobify.me/"><img
src="http://netdna.webdesignerdepot.com/uploads/mobify/1.jpg" alt="" width="615" height="442" /></a></p><p><br
class="spacer_" /></p><p><img
class="alignright" src="http://netdna.webdesignerdepot.com/uploads/mobify/iphone2.jpg" alt="" width="200" height="360" /></p><p>To get started, you&#8217;d simply click on the different elements of a live website to make them a part of the mobile layout.</p><p>Then, deploy one of the mobile device detection plugins provided by Mobify.</p><p>Whenever a mobile user visits, <strong>Mobify generates a real-time mobile version</strong>, optimizing images, styles and advertising for the small screen.</p><p>Designing for mobile used to be difficult, requiring style hacks and support for many screen sizes.</p><p>Mobify allows web designers to reuse existing CSS, working with familiar classes and elements.</p><p>It&#8217;s also possible to add content just for mobile, like maps or contact information.</p><p>Mobify stores the mobile layout and optimizes content in real-time for devices used by the visitors.</p><p>The service integrates with the full site, capturing mobile traffic originating from Twitter, Google and social networks. Since <strong>every page gets a mobile version</strong>, users get exactly the content they were looking for.</p><p>JavaScript, WordPress, Drupal, ExpressionEngine and Apache device detection plugins are provided.</p><p>For more information, take the tour below:</p><p><a
href="http://mobify.me/tour/"><img
src="http://netdna.webdesignerdepot.com/uploads/mobify/3.jpg" alt="" width="615" height="487" /></a></p><p><br
class="spacer_" /></p><p>Although Mobify is barely a year old, its success speak for itself with many leading websites in the web development industry adopting Mobify&#8217;s technology. Check out some of them below:</p><p><a
href="http://mobify.me/gallery/"><img
src="http://netdna.webdesignerdepot.com/uploads/mobify/2.jpg" alt="" width="615" height="487" /></a></p><p><br
class="spacer_" /></p><p>Here are some testimonials from well known webmasters:</p><blockquote><p><em>“Extremely impressed with how easy it was! The entire process has been incredibly enjoyable and I have already begun recommending Mobify to my friends and colleagues.” <strong>Matt Bango, The New York Times</strong>.</em></p></blockquote><blockquote><p><em>&#8220;It looks sharp and still feels very light. Everything fits perfectly on the iPhone&#8217;s screen, and it feels very true to the original. It&#8217;s brilliant!&#8221; <span>- <strong>Veerle Pieters, Duoh.com</strong></span></em></p></blockquote><blockquote><p><em>&#8220;OH MY HEAVENS TO GOD, IT&#8217;S FREAKIN&#8217; GORGEOUS. And works perfectly. And it&#8217;s so damn smart! AWESOME!!!!!!!!!!!!!!!!!!!!!!!&#8221; <span>- <strong>Jeffrey Zeldman, AListApart.com</strong></span></em></p></blockquote><blockquote><p><em>It was really easy to set up the mobile version of JustCreativeDesign through Mobify&#8217;s dashboard&#8230; the interface behind the scenes of Mobify is quite easy to use and I had the mobile version customized within 20 minutes of signing in to their site. &#8211; <strong><span>Jacob Cass, JustCreativeDesign</span></strong></em></p></blockquote><blockquote><p><em><span><br
/> </span></em></p></blockquote><p>I worked extensively to customize everything for the best possible results.</p><p>A very special thanks to the Mobify team: Igor Faletski, Nick Foster, John Boxall and Peter McLachlan. Thanks guys for helping us out to deliver WDD in the best possible way to our mobile users!</p><p>To check out the mobile version, simply point your mobile phone &#8216;s browser to <a
href="http://www.webdesignerdepot.com" target="_self">www.webdesignerdepot.com</a> and it will redirect you automatically, or you can enter the mobile version directly by going to <a
href="http://m.webdesignerdepot.com" target="_self">m.webdesignerdepot.com</a> on your phone.</p><p>I highly recommend Mobify&#8217;s service to port any of your websites to the mobile world, I couldn&#8217;t be happier and I&#8217;m sure it will do the same for your sites.</p><p><br
class="spacer_" /></p><p><em><strong>What do you think of WDD&#8217;s new &#8216;mobified&#8217; version? Share your comments and questions below&#8230;</strong></em></p><p><br
class="spacer_" /></p><p><br/><br
/><table
width="100%" style="border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;" height="20"><tr><td
valign="center"> <a
href="http://www.mightydeals.com/deal/wpbusinessbundle.html?ref=inwidget"><font
face="Arial" size="3" color="#e64f32"><b>Never Ending WordPress Business Bundle &#8211; only $14!</b></font></a></td><td
width="90"> <a
href="http://www.mightydeals.com/?ref=inwidget"><br
/> <img
src="http://mightydeals.com/web/images/widget-logo.png" height="40" width="90" border="0"  /><br
/> </a></td></tr></table><p><br/></p> <a
href="http://www.webdesignerdepot.com/2009/11/wdd-launches-mobile-version-with-mobify/">Source</a><style type="text/css">
 p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}
</style>]]></content:encoded> <wfw:commentRss>http://www.webdesignerdepot.com/2009/11/wdd-launches-mobile-version-with-mobify/feed/</wfw:commentRss> <slash:comments>33</slash:comments> </item> <item><title>40 Great Adobe AIR Applications for Designers and Developers</title><link>http://www.webdesignerdepot.com/2009/07/40-great-adobe-air-applications-for-designers-and-developers/</link> <comments>http://www.webdesignerdepot.com/2009/07/40-great-adobe-air-applications-for-designers-and-developers/#comments</comments> <pubDate>Mon, 13 Jul 2009 02:32:18 +0000</pubDate> <dc:creator>Walter</dc:creator> <category><![CDATA[Applications]]></category> <category><![CDATA[Web Designers]]></category> <category><![CDATA[Web Developers]]></category> <category><![CDATA[Adobe]]></category> <category><![CDATA[adobe air]]></category> <category><![CDATA[adobe air apps]]></category> <category><![CDATA[Apps]]></category> <category><![CDATA[Designers]]></category> <category><![CDATA[developers]]></category><guid
isPermaLink="false">http://www.webdesignerdepot.com/?p=10576</guid> <description><![CDATA[Adobe AIR is one of the most under-appreciated application platforms, but the number of applications available for AIR make it incredibly useful. There are apps for everything from business to shopping to image management to video editing. And plenty of applications are useful to designers and developers, including HTML text editors, Flickr search apps, color [...]]]></description> <content:encoded><![CDATA[<p><a
href="http://www.webdesignerdepot.com/2009/07/40-great-adobe-air-applications-for-designers-and-developers/"><img
class="alignleft" src="http://netdna.webdesignerdepot.com/uploads/air_apps/thumb.jpg" alt="" width="200" height="160" /></a><strong>Adobe AIR</strong> is one of the most under-appreciated application platforms, but the number of applications available for AIR make it incredibly useful.</p><p>There are apps for everything from business to shopping to image management to video editing.</p><p>And plenty of applications are useful to <strong>designers and developers</strong>, including HTML text editors, Flickr search apps, color palette management tools and even ones to help with the business side of the industry.</p><p>Below are <strong>40 awesome AIR apps</strong> that we have selected to help you streamline your design and development workflow.<span
id="more-10576"></span></p><h1>Color Tools</h1><p><a
href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;marketplaceid=1&amp;offeringid=10162" target="_blank">Kuler Desktop</a><br
/> View RSS feeds of the newest, highest-rated and most popular color themes, as well as random ones. You can browse or search for color themes and then import them directly into Creative Suite 3 Illustrator, Photoshop and InDesign.</p><p><a
href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;marketplaceid=1&amp;offeringid=10162" target="_blank"><img
src="http://netdna.webdesignerdepot.com/uploads/air_apps/kulerdesktop.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><p><a
href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;marketplaceid=1&amp;offeringid=10037" target="_blank">Color Browser</a><br
/> The Color Browser application lets you store your color palettes locally. It works with ASE files, so you can import your Kuler and COLOURlovers palettes.</p><p><a
href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;marketplaceid=1&amp;offeringid=10077" target="_blank">COLOURlovers Desktop Color Finder</a><br
/> The COLOURlovers Desktop Color Finder lets you search the entire COLOURlovers database, which contains over 300,000 color palettes and almost 1 million named colors.</p><p><a
href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;marketplaceid=1&amp;offeringid=10077"><img
src="http://netdna.webdesignerdepot.com/uploads/air_apps/colorbrowser.jpg" alt="" width="615" height="445" /></a></p><p><br
class="spacer_" /></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><br
/> Contrast-A is a tool for checking the contrast between different colors, according to both WCAG 2.0 and 1.0. It allows you to view RGB colors in a three-dimensional model.</p><p><br
class="spacer_" /></p><h1>Image Tools</h1><p><a
href="http://www.psyked.co.uk/adobe/apollo/imagesizer-updated-and-now-with-a-crop-tool.htm" target="_blank">ImageSizer</a><br
/> A simple application to resize images in batches. It includes settings for quality and a crop tool for individual images.</p><p><a
href="http://www.psyked.co.uk/adobe/apollo/imagesizer-updated-and-now-with-a-crop-tool.htm" target="_blank"><img
src="http://netdna.webdesignerdepot.com/uploads/air_apps/imagesizer.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><p><a
href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;marketplaceid=1&amp;offeringid=10313" target="_blank">Icon Generator</a><br
/> The Icon Generator helps you create CS3 and Web 2.0-style icons in three easy steps.</p><p><a
href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;marketplaceid=1&amp;offeringid=10355" target="_blank">Shrink O&#8217;Matic</a><br
/> Shrink O&#8217;Matic is a batch image resizer that works with JPEGs, GIFs and PNGs. It resizes, names and formats images using a simple drag-and-drop interface.</p><p><a
href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;marketplaceid=1&amp;offeringid=10118" target="_blank">Random Patter</a><br
/> Random Patter lets you create random patterns based on images and other parameters. The outputted file can be saved as an SVG document.</p><p><a
href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;marketplaceid=1&amp;offeringid=10222" target="_blank">Splashup Light</a><br
/> An image editor for simple image enhancements. It allows you to adjust levels, contrast, brightness, hue, saturation and more.</p><p><a
href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;marketplaceid=1&amp;offeringid=10222" target="_blank"><img
src="http://netdna.webdesignerdepot.com/uploads/air_apps/splashuplight.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><p><a
href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;marketplaceid=1&amp;offeringid=11080" target="_blank">JustResizeIt!</a><br
/> Resize images by dragging and dropping them in and out of this program. You can also create widgets that contain preset definitions for resizing.</p><p><a
href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;marketplaceid=1&amp;offeringid=10079" target="_blank">PNG Icon Generator for Adobe AIR Applications</a><br
/> A simple app for creating AIR application icons in all four icon sizes out of one 256&#215;256 PNG file.</p><p><a
href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;marketplaceid=1&amp;offeringid=10142" target="_blank">BetaDesigns Caliper</a><br
/> Caliper lets you measure anything on your screen. It floats above other programs, can be rotated 360º and takes pixel-perfect measurements.</p><p><a
href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;offeringid=10180&amp;marketplaceid=1" target="_blank">Flickr Desktop Search</a><br
/> Flickr Desktop Search lets you search for Flickr photos, groups and people right from your desktop.</p><p><a
href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;offeringid=10180&amp;marketplaceid=1" target="_blank"><img
src="http://netdna.webdesignerdepot.com/uploads/air_apps/flickrdesktopsearch.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><p><a
href="http://toki-woki.net/p/WebKut/" target="_blank">WebKut</a><br
/> A screenshot application that lets you capture an entire web page, your current view or a section of the page.</p><p><a
href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;marketplaceid=1&amp;offeringid=10069" target="_blank">Websnapshot</a><br
/> Capture a screenshot of any web page with Websnapshot just by entering the URL or dragging and dropping the page into the program. It also lets you select the type of image you want captured: thumbnail, browser size or full page.</p><p><br
class="spacer_" /></p><h1>Wireframing and Prototyping</h1><p><a
href="http://iplotz.com/index.php" target="_blank">iPlotz</a><br
/> iPlotz is a downloadable application for wireframing and creating clickable, navigable mockups of websites and apps. It comes with collaboration and project management tools. The desktop version is $75.</p><p><a
href="http://iplotz.com/index.php" target="_blank"><img
src="http://netdna.webdesignerdepot.com/uploads/air_apps/iplotz.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><p><a
href="http://www.flairbuilder.com/blog/" target="_blank">FlairBuilder</a><br
/> FlairBuilder is a wireframe, prototype and mockup builder. It supports multiple projects, includes a components library featuring common website elements (buttons, drop-downs, etc.), and has plenty of formatting options. The trial version is free, and the full program costs $99.</p><p><a
href="http://www.balsamiq.com/products/mockups" target="_blank">Balsamiq Mockups</a><br
/> Balsamiq Mockups lets you create website mockups in an environment that makes you feel as if you&#8217;re simply drawing a picture. The desktop Air version is $79, but you can try it for free (although you will not be able to save any of your files without a license key).</p><p><br
class="spacer_" /></p><h1>Typography and Fonts</h1><p><a
href="http://blog.coursevector.com/merlin" target="_blank">.merlin</a><br
/> .merlin is a free font organizer. It handles OTF, TTF and Type1 fonts.</p><p><a
href="http://blog.coursevector.com/merlin" target="_blank"><img
class="alignnone" src="http://netdna.webdesignerdepot.com/uploads/air_apps/merlin.jpg" alt="" width="362" height="189" /></a></p><p><br
class="spacer_" /></p><p><a
href="http://richardsprojects.co.uk/products/font-picker/" target="_blank">Font Picker</a><br
/> Font Picker does just what its name suggests: it helps you pick fonts for your design projects from the ones already installed on your computer.</p><p><br
class="spacer_" /></p><h1>SEO and Analytics Tools</h1><p><a
href="http://www.demandbase.com/stream_monitor_web_traffic.html" target="_blank">Demandbase Stream</a><br
/> Demandbase Stream lets you see in real time and on your desktop which businesses are visiting your website. It allows you to filter the data, set up a watch list, see the search keywords that visitors used to reach your website and see the pages that visitors are currently viewing.</p><p><a
href="http://www.demandbase.com/stream_monitor_web_traffic.html" target="_blank"><img
src="http://netdna.webdesignerdepot.com/uploads/air_apps/demandbase.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><p><a
href="http://code.google.com/p/seoanalyzer/" target="_blank">SEO Analyzer</a><br
/> SEO Analyzer checks your page rank and analyzes your links and keywords for their search ranking effectiveness.</p><p><br
class="spacer_" /></p><h1>Framework and Grid Tools</h1><p><a
href="http://toki-woki.net/p/Boks/" target="_blank">Boks</a><br
/> Boks is a free user interface for working with the Blueprint CSS framework. It handles baseline rhythm and grid configuration, CSS and grid.png exporting and HTML layouts.</p><p><a
href="http://toki-woki.net/p/Boks/" target="_blank"><img
src="http://netdna.webdesignerdepot.com/uploads/air_apps/boks.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><p><a
href="http://jameswhittaker.com/journal/em-based-layouts-vertical-rhythm-calculator/" target="_blank">Em Calculator</a><br
/> The Em Calculator calculates the vertical rhythm of your designs in em units rather than pixels.</p><p><br
class="spacer_" /></p><h1>Collaboration and Presentation Tools</h1><p><a
href="http://www.live-documents.com/live_presentations.html" target="_blank">Live Presentations</a><br
/> Its owners describe Live Presentations as &#8220;presentation software for the Internet generation.&#8221; It works online and offline, lets you share and collaborate with others and allows you to import and export to PowerPoint, among other things.</p><p><a
href="http://www.live-documents.com/live_presentations.html" target="_blank"><img
src="http://netdna.webdesignerdepot.com/uploads/air_apps/livepresentations.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><p><a
href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;marketplaceid=1&amp;offeringid=10189" target="_blank">ConceptShare Desktop Companion</a><br
/> If you already use ConceptShare, the Desktop Companion makes it easier to share media files. Just drag and drop files from your computer to a new or existing ConceptShare workspace.</p><p><br
class="spacer_" /></p><h1>Business and Project Management Tools</h1><p><a
href="http://www.johnwu.com/ora" target="_blank">Ora Time and Expense</a><br
/> Ora Time and Expense is a free, easy-to-use application for creating and managing timesheets, expense reports and invoices.</p><p><a
href="http://www.johnwu.com/ora" target="_blank"><img
src="http://netdna.webdesignerdepot.com/uploads/air_apps/oratimeandexpense.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><p><a
href="http://blog.hexagonstar.com/feat/" target="_blank">FEAT (Freelancer&#8217;s Estimation Assistance Tool)</a><br
/> This tool helps freelancers create more accurate pricing estimates. It stores values that you set to save you time when creating estimates in future.</p><p><a
href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;marketplaceid=1&amp;offeringid=10342" target="_blank">Klok</a><br
/> Klok is a time-management and tracking application that simplifies the process of working with multiple projects, clients or tasks simultaneously. Just press a button when you start working and then again when you stop, and Klok tracks everything else.</p><p><a
href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;marketplaceid=1&amp;offeringid=10021" target="_blank">Google Calendar Invoice Creator</a><br
/> If you use Google Calendar for time management, this app makes it easy to create invoices from your calendar&#8217;s RSS feed. It creates text and HTML-formatted invoices.</p><p><a
href="http://www.rad3.com/timeloc/" target="_blank">timeloc</a><br
/> Timeloc tracks the time you spend working on projects. It can handle multiple projects and clients, lets you edit the billing period and change the rate per client and uses audible alerts and reminders.</p><p><a
href="http://www.doominow.com/" target="_blank">Doomi</a><br
/> Doomi is a simple app for to-do lists. It shows current to-do items, along with archived tasks.</p><p><br
class="spacer_" /></p><h1>Backup and Archiving Tools</h1><p><a
href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;marketplaceid=1&amp;offeringid=10210" target="_blank">Fireworks AutoBackup Utility</a><br
/> If you use Fireworks, this app will continually back up any PNG images you use in the background as you work. It automatically saves a copy of the working file at intervals that you specify.</p><p><a
href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;marketplaceid=1&amp;offeringid=10210" target="_blank"><img
src="http://netdna.webdesignerdepot.com/uploads/air_apps/fireworksautobackuputility.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><p><a
href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;marketplaceid=1&amp;offeringid=10103" target="_blank">BackIt Archive Tool</a><br
/> BackIt lets you batch archive and copy files from your computer to a USB drive or CD. It has a drag-and-drop interface and stores your settings and current selections.</p><p><br
class="spacer_" /></p><h1>Other Useful Tools</h1><p><a
href="http://demonsterdebugger.com/" target="_blank">De MonsterDebugger</a><br
/> A free, open-source debugger for Flash, Flex and AIR. It includes live editing, method testing and a tree structure, among many other features.</p><p><a
href="http://demonsterdebugger.com/" target="_blank"><img
src="http://netdna.webdesignerdepot.com/uploads/air_apps/demonsterdebugger.jpg" alt="" /></a></p><p><br
class="spacer_" /></p><p><a
href="http://ffnnkk.org/" target="_blank">Fnk</a><br
/> Fnk is a visual programming environment for using a dataflow approach to real-time analysis of data from images, sounds and other sources. It simplifies the creation of multimedia presentation prototypes that respond to a number of input and output devices.</p><p><a
href="http://afoucal.free.fr/index.php/applications/sqlite-sorcerer/" target="_blank">SQLite Sorcerer</a><br
/> SQLite Sorcerer helps you perform the primary admin functions for your SQLite database. It supports the creation of new databases, opening recent databases from a list and retrieving the entire structure of a database. You can even compare the structure of two databases. You can also create, delete and modify tables and data and check the results of SQL that you write.</p><p><a
rel="nofollow" href="http://tweetdeck.com/beta/" target="_blank">TweetDeck</a><br
/> This is a great app for managing you Twitter account(s). It lets you update, post images, shorten links, and group those you follow. And there&#8217;s even an iPhone app you can use that will sync with your Air version.</p><p><img
src="http://netdna.webdesignerdepot.com/uploads/air_apps/tweetdeck.jpg" alt="" /></p><p><br
class="spacer_" /></p><p><a
href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;marketplaceid=1&amp;offeringid=10200" target="_blank">htmlText Editor</a><br
/> htmlText Editor is a simple visual WYSIWYG editor for HTML text editing.</p><p><a
href="http://code.google.com/p/snippely/" target="_blank">Snippely</a><br
/> Organize all of your code and text snippets in one place with Snippely. You can also save snippets in groups for quick retrieval.</p><p><a
href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;offeringID=10201" target="_blank">RichFLV</a><br
/> RichFLV lets you edit FLV files. It enables you to read, edit, modify and delete cue points, cut FLVs, convert FLV to SWF and modify the sound on FLV files, among other things.</p><p><br
class="spacer_" /></p><p><em><br
/> </em></p><p><em>Compiled exclusively for WDD by Cameron Chapman.</em></p><p><em><strong>Which ones are your favorites? Please suggest other apps that we didn&#8217;t mention in this article&#8230;<br
/> </strong></em></p><p><em><strong><br
/> </strong></em></p><p><br/><br
/><table
width="100%" style="border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;" height="20"><tr><td
valign="center"> <a
href="http://www.mightydeals.com/deal/wpbusinessbundle.html?ref=inwidget"><font
face="Arial" size="3" color="#e64f32"><b>Never Ending WordPress Business Bundle &#8211; only $14!</b></font></a></td><td
width="90"> <a
href="http://www.mightydeals.com/?ref=inwidget"><br
/> <img
src="http://mightydeals.com/web/images/widget-logo.png" height="40" width="90" border="0"  /><br
/> </a></td></tr></table><p><br/></p> <a
href="http://www.webdesignerdepot.com/2009/07/40-great-adobe-air-applications-for-designers-and-developers/">Source</a><style type="text/css">
 p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}
</style>]]></content:encoded> <wfw:commentRss>http://www.webdesignerdepot.com/2009/07/40-great-adobe-air-applications-for-designers-and-developers/feed/</wfw:commentRss> <slash:comments>36</slash:comments> </item> <item><title>25 Awesome Facebook Apps for Designers</title><link>http://www.webdesignerdepot.com/2009/06/25-awesome-facebook-apps-for-designers/</link> <comments>http://www.webdesignerdepot.com/2009/06/25-awesome-facebook-apps-for-designers/#comments</comments> <pubDate>Wed, 03 Jun 2009 04:02:09 +0000</pubDate> <dc:creator>Walter</dc:creator> <category><![CDATA[Applications]]></category> <category><![CDATA[Facebook]]></category> <category><![CDATA[Web Designers]]></category> <category><![CDATA[facebook apps]]></category> <category><![CDATA[for designers]]></category><guid
isPermaLink="false">http://www.webdesignerdepot.com/?p=9634</guid> <description><![CDATA[Facebook might not have all the glittery text and obnoxious backgrounds that MySpace has, but it still has its fair share of useless apps. This is especially true if you have ever tried to search for creative Facebook apps or those that may be of interest to creative people. If you have ever searched for [...]]]></description> <content:encoded><![CDATA[<p><a
href="http://www.webdesignerdepot.com/2009/06/25-awesome-facebook-apps-for-designers/"><img
class="alignleft" src="http://netdna.webdesignerdepot.com/uploads/facebook_apps/facebook_apps.gif" alt="" width="200" height="160" /></a>Facebook might not have all the glittery text and obnoxious backgrounds that MySpace has, but it still has its fair share of useless apps.</p><p>This is especially true if you have ever tried to search for creative Facebook apps or those that may be of interest to creative people.</p><p>If you have ever searched for such a thing, you have no doubt realized that there is an abundance of useless apps. This is the reason that I went through just about every app on Facebook to find the very few that were best suited for creative individuals, or had some sort of visual flair about them.</p><p>So here are 25 awesome Facebook applications that most designers will enjoy in their Facebook pages.<span
id="more-9634"></span></p><h1>1. Addicted to Photoshop</h1><p>This is a neat app brought to you by the master minds behind the &#8220;Sheezy&#8221; sites (Brusheezy, Flasheezy, etc).</p><p><em>&#8220;Photoshop Brush Junkies Rejoice! Get your daily fix of new Photoshop brushes and patterns from Brusheezy.com!&#8221;</em></p><p
style="text-align: center;"><a
href="http://www.facebook.com/apps/application.php?id=3914550130&amp;b&amp;ref=pd"><img
class="aligncenter" src="http://netdna.webdesignerdepot.com/uploads/facebook_apps/1.jpg" alt="" width="396" height="359" /></a></p><h1>2. Design Directory</h1><p>Get the latest news on just about everything in the design industry right on your Facebook page.</p><p><em>&#8220;Add the Dexigner app to your Facebook, get latest updates, news, events, and competitions.&#8221;</em></p><p
style="text-align: center;"><a
href="http://www.facebook.com/apps/application.php?id=5495653612"><img
class="aligncenter" src="http://netdna.webdesignerdepot.com/uploads/facebook_apps/2.jpg" alt="" width="360" height="337" /></a></p><p><br
class="spacer_" /></p><h1>3. My Merch Store</h1><p>If you have a Zazzle store and a Facebook page, it only makes sense to have this app to help you sell more. <em></em></p><p><em>&#8220;Zazzle lets you create and post products for sale to your profile, share products that you like, discover great artists and buy truly unique products.&#8221;</em></p><p
style="text-align: center;"><a
href="http://www.facebook.com/apps/application.php?id=18500409880"><img
class="aligncenter" src="http://netdna.webdesignerdepot.com/uploads/facebook_apps/3.jpg" alt="" width="394" height="396" /></a></p><p><br
class="spacer_" /></p><h1>4. Photography</h1><p>Just a simple app that lets you show off professional photography that you find creative or inspiring.</p><p><em>&#8220;Choose from thousands of great photographs, landscapes, portraits, historical moments, they&#8217;re all there for you to show on your profile! You can show multiple images, random photos, or a slideshow!&#8221;</em></p><p
style="text-align: center;"><a
href="http://www.facebook.com/apps/application.php?id=6459647992&amp;b&amp;ref=pd"><img
class="aligncenter" src="http://netdna.webdesignerdepot.com/uploads/facebook_apps/4.jpg" alt="" width="396" height="351" /></a></p><p><br
class="spacer_" /></p><h1>5. Group Photo Album</h1><p>With this app you and your friends can create group albums with all of your own photos.</p><p><em>&#8220;Group Photo Album works with multiple Facebook albums so all your friends can easily post their pics, reconfigure albums on the fly, provide witty commentary and create together. You can share it publicly for viewing and commenting, but only the friends you invite can post and move images.&#8221;</em></p><p
style="text-align: center;"><a
href="http://www.facebook.com/apps/application.php?id=33514062756&amp;b&amp;ref=pd_r"><img
class="aligncenter" src="http://netdna.webdesignerdepot.com/uploads/facebook_apps/5.jpg" alt="" width="396" height="308" /></a></p><p><br
class="spacer_" /></p><h1>6. Art Yourself</h1><p>Ever wanted to be an Art collector? Well, now you can with the Art Yourself app.</p><p><em>&#8220;Start collecting living masterpieces now and share them with your friends. Art Yourself by displaying your collection on your profile. Finding excellent art and meeting artists has never been easier! Share with others by posting collected pieces on a friends wall or adding them to your messages! Art Yourself is not just a Facebook app, it&#8217;s a society withing Facebook.&#8221;</em></p><p
style="text-align: center;"><a
href="http://www.facebook.com/apps/application.php?id=18895642056&amp;ref=s&amp;ref=s"><img
class="aligncenter" src="http://netdna.webdesignerdepot.com/uploads/facebook_apps/6.jpg" alt="" width="346" height="356" /></a></p><p><br
class="spacer_" /></p><h1>7. The Ultimate Vision Board</h1><p>Everyone needs some inspiration from time to time to remind them of what they are after in life.</p><p><em>&#8220;Vision boards takes writing down your goals to the next level by using pictures, making your goals visually appealing and specific. This will inspire and energize you and accelerate your progress! Tony Robbins also promotes the concept calling it a &#8220;Treasure Map.&#8221;</em></p><p
style="text-align: center;"><a
href="http://www.facebook.com/apps/application.php?id=9502989323&amp;b&amp;ref=pd_r"><img
class="aligncenter" src="http://netdna.webdesignerdepot.com/uploads/facebook_apps/7.jpg" alt="" width="396" height="299" /></a></p><p><br
class="spacer_" /></p><h1>8. JPG Themes</h1><p>If you are a regular reader and participant of the JPG magazine, you might be interested in this app that lets you vote and show off your choices.</p><p><em>&#8220;JPG Magazine is the photography magazine created by YOU. It is your submissions and your votes that determine what goes into each issue. Now, you can add the JPG Theme application to your Facebook profile and encourage your friends to vote for your photos submitted to each JPG theme. If you are published, you will win $100, a subscription to JPG Magazine, and your photos will be printed on our next issue!&#8221;</em></p><p
style="text-align: center;"><a
href="http://www.facebook.com/apps/application.php?id=2371568777&amp;b&amp;ref=pd"><img
class="aligncenter" src="http://netdna.webdesignerdepot.com/uploads/facebook_apps/8.jpg" alt="" width="395" height="275" /></a></p><p><br
class="spacer_" /></p><h1>9. Picnik</h1><p>This is a smaller, Facebook friendly version of the popular online photo editor.</p><p><em>&#8220;All our Edit tools are free, including auto- fix, rotate, crop, resize, exposure, color adjustments, basic sharpening, and red eye fixing.&#8221;</em></p><p
style="text-align: center;"><a
href="http://www.facebook.com/apps/application.php?id=2258014869&amp;b&amp;ref=pd_r"><img
class="aligncenter" src="http://netdna.webdesignerdepot.com/uploads/facebook_apps/9.jpg" alt="" width="396" height="396" /></a></p><p><br
class="spacer_" /></p><h1>10. PhotoPop</h1><p>Use this app to give your photos a comic book like feel with speech bubbles.</p><p><em>&#8220;Animate your photos or your friends&#8217; photos. Send your creations to friends using the built-in messaging feature. It&#8217;s never been easier to add stuff to your pictures! For starters, add speech and thought bubbles.&#8221;<br
/> </em></p><p
style="text-align: center;"><a
href="http://www.facebook.com/apps/application.php?id=2501121085&amp;b&amp;ref=pd_r"><img
class="aligncenter" src="http://netdna.webdesignerdepot.com/uploads/facebook_apps/10.jpg" alt="" width="396" height="298" /></a></p><p><br
class="spacer_" /></p><h1>11. TouchGraph Photos</h1><p>See a visual connection between you and all of your friends and your friends friends.</p><p><em>&#8220;TouchGraph lets you see how your friends are connected, and who has the most photos together. &#8221; <br
/> </em></p><p
style="text-align: center;"><a
href="http://www.facebook.com/apps/application.php?id=3267890192&amp;b&amp;ref=pd_r"><img
class="aligncenter" src="http://netdna.webdesignerdepot.com/uploads/facebook_apps/11.jpg" alt="" width="396" height="271" /></a></p><p
style="text-align: center;"> </p><h1 style="text-align: left;">12. Art</h1><p
style="text-align: left;">A small app to help you release your creative stress.  Kill time with this spin art like app.</p><p
style="text-align: left;"><em> &#8220;Create pieces of art.&#8221;</em></p><p
style="text-align: center;"><a
href="http://www.facebook.com/apps/application.php?sid=af1456328f749b4e6db4e17bda4fa9dd&amp;id=2416772570&amp;ref=search"><img
class="aligncenter" src="http://netdna.webdesignerdepot.com/uploads/facebook_apps/12.jpg" alt="" width="396" height="304" /></a></p><h1>13. My Favorite Color</h1><p>What&#8217;s the first question you usually ask someone you want to get to know? What&#8217;s your favorite color? Now you can show instead of tell.</p><p><em>&#8220;This application will allow you to show the world, on your profile, what your favorite color is.&#8221;</em></p><p
style="text-align: center;"><a
href="http://www.facebook.com/apps/application.php?id=10282021140&amp;b&amp;ref=pd"><img
class="aligncenter" src="http://netdna.webdesignerdepot.com/uploads/facebook_apps/13.jpg" alt="" width="284" height="194" /></a></p><p
style="text-align: center;"> </p><h1>14. My Label</h1><p>Feel like playing dress up? Use this app to create your own clothes and t-shirt designs.</p><p><em>&#8220;Send the latest, hottest, sexiest clothing to your friends! If that&#8217;s not enough for you, then create your own fashion and upload it, then either wear it, add it to your wardrobe, or send it as a gift. With many different styles to choose from, let the world know how stylish (or anti-stylish) you are!&#8221;</em></p><p
style="text-align: center;"><a
href="http://apps.facebook.com/apps/application.php?id=4799734171&amp;b&amp;ref=pd"><img
class="aligncenter" src="http://netdna.webdesignerdepot.com/uploads/facebook_apps/14.jpg" alt="" width="395" height="395" /></a></p><p><br
class="spacer_" /></p><h1>15. LunaPic Photo Editor</h1><p>Another online photo editor specially made for Facebook that allows you to edit and spice up your photos.</p><p><em>&#8220;Edit Your photos with the click of a button. Save back to your Facebook account. Cool effects and features including: Cut, crop, rotate, sharpen, blend and cool animation effects. (New) Browse and Edit your friend&#8217;s pictures as well!&#8221;</em></p><p
style="text-align: center;"><a
href="http://apps.facebook.com/apps/application.php?id=2360286988&amp;b&amp;ref=pd"><img
class="aligncenter" src="http://netdna.webdesignerdepot.com/uploads/facebook_apps/15.jpg" alt="" width="396" height="323" /></a></p><p><br
class="spacer_" /></p><h1>16. Six Degrees</h1><p>Another app that gives you a visual representation of you, your friends, and the people they know.</p><p><em>&#8220;This application is intended to test the 6 degrees of separation idea through the connections of Facebook users. What does it do? You can use the application to search for other users on Facebook and show how you&#8217;re connected to them through friends.&#8221;</em></p><p
style="text-align: center;"><a
href="http://www.facebook.com/apps/application.php?sid=916ae24cf9865ffb5e62aa5caef55beb&amp;id=4616854023&amp;ref=search"><img
class="aligncenter" src="http://netdna.webdesignerdepot.com/uploads/facebook_apps/16.jpg" alt="" width="380" height="332" /></a></p><p><br
class="spacer_" /></p><h1>17. Graffiti</h1><p>A fun little app that lets you create &#8220;graffiti&#8221; that you can send to your friends or post on your profile page.</p><p><em>&#8220;Draw graffiti for your friends.&#8221;</em></p><p
style="text-align: center;"><a
href="http://www.facebook.com/apps/application.php?id=2439131959&amp;b&amp;ref=pd_r"><img
class="aligncenter" src="http://netdna.webdesignerdepot.com/uploads/facebook_apps/17.jpg" alt="" width="395" height="264" /></a></p><p><br
class="spacer_" /></p><h1>18. Flickr Photosets</h1><p>A powerful app that lets you show off some of your Flicker photos and sets on your profile page.</p><p><em>&#8220;With Flickr Photosets you&#8217;ll also be able to display a small selection of your photos or sets right on your profile! You can select from either your most recent photos, fairly recent photos, or even random photos. You can also choose to filter the photos by specific tags.&#8221;</em></p><p
style="text-align: center;"><a
href="http://apps.facebook.com/apps/application.php?id=2360202224&amp;b&amp;ref=pd"><img
class="aligncenter" src="http://netdna.webdesignerdepot.com/uploads/facebook_apps/18.jpg" alt="" width="396" height="396" /></a></p><p><br
class="spacer_" /></p><h1>19. My Flickr</h1><p>You can use this app to search for photos on Flickr that you want to show off on your profile page.</p><p><em>&#8220;Find exactly the photos you want to show using simple search criteria such as: Recent Photos, Tags, Photosets, Favorites, Groups, Interestingness, Date Range, Flickr Privacy, and all &#8220;sorts&#8221; of other sorting and features. Easily showcase your Photo Search results on your Profile/Page or My Flickr profile Tab.&#8221;</em></p><p
style="text-align: center;"><a
href="http://www.facebook.com/apps/application.php?sid=32f5f4252eb7985527643188e9df72ac&amp;id=2352557895&amp;ref=search"><img
class="aligncenter" src="http://netdna.webdesignerdepot.com/uploads/facebook_apps/19.gif" alt="" width="396" height="303" /></a></p><p><br
class="spacer_" /></p><h1>20. zuPort: Flickr<br
/></h1><p>Another Flickr app, but this one is probably the most powerful out of the three on this list.</p><p><em>&#8220;You can customize zuPort: Flickr in the settings window, located on your zuPort: Flickr Library page. Customization allows you to pick how many photos to show in your profile, how your photos are displayed, which photos are shown and much more.&#8221;</em></p><p
style="text-align: center;"><a
href="http://apps.facebook.com/apps/application.php?id=2893465429&amp;b&amp;ref=pd"><img
class="aligncenter" src="http://netdna.webdesignerdepot.com/uploads/facebook_apps/20.jpg" alt="" width="396" height="338" /></a></p><p><br
class="spacer_" /></p><h1>21. Threadless Plus</h1><p>Do you have shirt designs on Threadless or have an account for street team points? This app can help you on all counts.</p><p><em>&#8220;Share your Threadless collection and promote your submissions! Features: Opt to get notifications of new Threadless releases in your News Feed, Easily earn Street Team points from other app users with &#8220;Share the Love&#8221;, Keep a nice list of the Threadless shirts you own, List your submissions and critiques too!&#8221;</em></p><p
style="text-align: center;"><a
href="http://www.facebook.com/apps/application.php?id=2402314936&amp;b&amp;ref=pd"><img
class="aligncenter" src="http://netdna.webdesignerdepot.com/uploads/facebook_apps/21.jpg" alt="" width="396" height="287" /></a></p><p
style="text-align: center;"> </p><h1>22. Slideshows and Photos<br
/></h1><p>The photo page not quite doing it for you? This app can give you a little bit of spice for showing off photos.</p><p><em>&#8220;Bring your Facebook photos to life with an animated Slideshow or show them off directly on your profile with a Photo Strip. Tons of customization options are available, and setup is super easy. Even cooler, our photo browsing experience let&#8217;s you quickly flip through all your friends&#8217; Facebook albums &#8211; no more clicking through endless photo pages!&#8221;</em></p><p
style="text-align: center;"><a
href="http://www.facebook.com/apps/application.php?id=2343264586&amp;b&amp;ref=pd_r"><img
class="aligncenter" src="http://netdna.webdesignerdepot.com/uploads/facebook_apps/22.gif" alt="" width="396" height="197" /></a></p><p
style="text-align: center;"> </p><h1>23. Sketch Me</h1><p>Just a simple app that gives your photo that computer animated sketched look.</p><p><em>&#8220;Bored with your profile picture? This app creates an artistic pencil sketch based on your profile photo! You don&#8217;t have to do anything &#8230; this app will automatically create your sketch for you.&#8221;</em></p><p
style="text-align: center;"><a
href="http://www.facebook.com/apps/application.php?id=4260387428&amp;b&amp;ref=pd_r"><img
class="aligncenter" src="http://netdna.webdesignerdepot.com/uploads/facebook_apps/23.jpg" alt="" width="394" height="186" /></a></p><h1>24. Famous Art</h1><p>Another simple app that lets you show off classic works of art on your profile page.</p><p><em>&#8220;Do you like classic art? Then use this app to show all your Facebook friends and family!&#8221;</em></p><p
style="text-align: center;"><a
href="http://www.facebook.com/apps/application.php?id=43426748416&amp;b&amp;ref=pd_r"><img
class="aligncenter" src="http://netdna.webdesignerdepot.com/uploads/facebook_apps/24.jpg" alt="" width="396" height="356" /></a></p><p
style="text-align: center;"> </p><h1>25. Phixr Photo Editor</h1><p>A pretty powerful online photo editor for &#8220;photoshopping&#8221; your image when you&#8217;re on the road and Photoshop isn&#8217;t an option.</p><p><em>&#8220;Phixr can e-mail photos directly to your friends, and it can upload photos to your accounts at Facebook, flickr, Picasa Web Albums, SmugMug and many, many more. More than ANY of our competitors! Phixr even fully supports Facebook&#8217;s photo tags!&#8221;</em></p><p
style="text-align: center;"><a
href="http://apps.facebook.com/apps/application.php?id=6090512332&amp;b&amp;ref=pd"><img
class="aligncenter" src="http://netdna.webdesignerdepot.com/uploads/facebook_apps/25.jpg" alt="" width="396" height="384" /></a></p><p
style="text-align: center;"> </p><p><em>Compiled exclusively for WDD by Daved Brosche. </em></p><p><em><strong>Which ones do you use? Please suggest others that we may have missed in the comments&#8217; area below&#8230;</strong></em></p><p><br
class="spacer_" /></p><p><em><strong><br
/> </strong></em></p><p><br/><br
/><table
width="100%" style="border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;" height="20"><tr><td
valign="center"> <a
href="http://www.mightydeals.com/deal/wpbusinessbundle.html?ref=inwidget"><font
face="Arial" size="3" color="#e64f32"><b>Never Ending WordPress Business Bundle &#8211; only $14!</b></font></a></td><td
width="90"> <a
href="http://www.mightydeals.com/?ref=inwidget"><br
/> <img
src="http://mightydeals.com/web/images/widget-logo.png" height="40" width="90" border="0"  /><br
/> </a></td></tr></table><p><br/></p> <a
href="http://www.webdesignerdepot.com/2009/06/25-awesome-facebook-apps-for-designers/">Source</a><style type="text/css">
 p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}
</style>]]></content:encoded> <wfw:commentRss>http://www.webdesignerdepot.com/2009/06/25-awesome-facebook-apps-for-designers/feed/</wfw:commentRss> <slash:comments>37</slash:comments> </item> <item><title>40 Awesome iPhone Application Websites</title><link>http://www.webdesignerdepot.com/2009/04/40-awesome-iphone-application-websites/</link> <comments>http://www.webdesignerdepot.com/2009/04/40-awesome-iphone-application-websites/#comments</comments> <pubDate>Mon, 27 Apr 2009 06:07:32 +0000</pubDate> <dc:creator>Matt</dc:creator> <category><![CDATA[Applications]]></category> <category><![CDATA[Design]]></category> <category><![CDATA[iPhone]]></category> <category><![CDATA[website design]]></category><guid
isPermaLink="false">http://www.webdesignerdepot.com/?p=7130</guid> <description><![CDATA[iPhone applications are hotter than ever. So how do these applications stand out and get noticed? One great way to do this is by creating a great website design that showcases these applications in the best possible way. These sites are usually very focused, professional and clean. You will also notice that there&#8217;s usually a [...]]]></description> <content:encoded><![CDATA[<p><a
href="http://www.webdesignerdepot.com/2009/04/40-awesome-iphone-application-websites/"><img
class="alignleft" src="http://netdna.webdesignerdepot.com/uploads/iphone_websites/iphone_websites.jpg" alt="" width="200" height="160" /></a>iPhone applications are hotter than ever. So how do these applications stand out and get noticed?</p><p>One great way to do this is by creating a great website design that showcases these applications in the best possible way.</p><p>These sites are usually very focused, professional and clean. You will also notice that there&#8217;s usually a video displayed in an iPhone casing that shows how these applications are used.</p><p>In this post we bring you 40 excellent websites designed to showcase iPhone and iPod touch applications. <span
id="more-7130"></span></p><h1>1. Tap Tap Tap</h1><p>Tap Tap Tap develops games, entertainment apps and useful tools.</p><p><a
href="http://www.taptaptap.com/#"><img
class="alignnone size-full wp-image-7131" src="http://netdna.webdesignerdepot.com/uploads/2009/03/taptaptap.jpg" alt="taptaptap" width="615" height="500" /></a></p><p><br
class="spacer_" /></p><h1>2. Weightbots</h1><p>Weightbots helps you keep track of your weight. You can track your progress easily in a very beautiful and easy to use interface.</p><p><a
href="http://tapbots.com/weightbot"><img
class="alignnone size-full wp-image-7133" src="http://netdna.webdesignerdepot.com/uploads/2009/03/weightbots.jpg" alt="weightbots" width="615" height="500" /></a></p><p><br
class="spacer_" /></p><h1>3. Sourcebits</h1><p>Sourcebits is a software development company that has created several iPhone apps.</p><p><a
href="http://www.sourcebits.com/iphone-development-sdk-programming-services"><img
class="alignnone size-full wp-image-7135" src="http://netdna.webdesignerdepot.com/uploads/2009/03/sourcebits.jpg" alt="sourcebits" width="615" height="500" /></a></p><p><br
class="spacer_" /></p><h1>4. AirPhones</h1><p>AirPhones allows you to wirelessly listen to audio from your computer on an iPhone or iPod touch using Wi-Fi, making it work like wireless headphones.</p><p><a
href="http://airphonesapp.com/"><img
class="alignnone size-full wp-image-7136" src="http://netdna.webdesignerdepot.com/uploads/2009/03/airphones.jpg" alt="airphones" width="615" height="500" /></a></p><p><br
class="spacer_" /></p><h1>5. WordPress</h1><p>WordPress, the popular blogging platform, also has an iPhone app. This app allows you to write and publish posts directly to your WordPress blog.</p><p><a
href="http://iphone.wordpress.org/"><img
class="alignnone size-full wp-image-7137" src="http://netdna.webdesignerdepot.com/uploads/2009/03/wordpress1.jpg" alt="wordpress1" width="615" height="500" /></a></p><p><br
class="spacer_" /></p><h1>6. Things</h1><p>Things is one of the top task manager applications for the Mac as well as the iPhone and iPod touch. It is easy to use and its many features increase productivity. You can even sync the iPhone and iPod version with the desktop version wirelessly using Wi-Fi.</p><p><a
href="http://culturedcode.com/things/iphone/"><img
class="alignnone size-full wp-image-7138" src="http://netdna.webdesignerdepot.com/uploads/2009/03/things.jpg" alt="things" width="615" height="500" /></a></p><p><br
class="spacer_" /></p><h1>7. Classics</h1><p>Classics is an application that holds many great books that you can read on your iPhone.</p><p><a
href="http://www.classicsapp.com/"><img
class="alignnone size-full wp-image-7146" src="http://netdna.webdesignerdepot.com/uploads/2009/03/classics.jpg" alt="classics" width="615" height="500" /></a></p><p><br
class="spacer_" /></p><h1>8. Ego</h1><p>Ego allows you to check your status on multiple different services such as FeedBurner, Google Analytics, Mint, and Twitter.</p><p><a
href="http://ego-app.com/"><img
class="alignnone size-full wp-image-7149" src="http://netdna.webdesignerdepot.com/uploads/2009/03/ego.jpg" alt="ego" width="615" height="500" /></a></p><p><br
class="spacer_" /></p><h1>9. Mock Draft</h1><p>Mock Draft allows football fans to watch highlights and scout players.</p><p><a
href="http://www.mockdraftapp.com/"><img
class="alignnone size-full wp-image-7150" src="http://netdna.webdesignerdepot.com/uploads/2009/03/mockdraft.jpg" alt="mockdraft" width="615" height="500" /></a></p><p><br
class="spacer_" /></p><h1>10. Parking</h1><p>This app provides a timer and GPS location tracking to help you avoid getting a parking ticket.</p><p><a
href="http://www.parkingapp.com/"><img
class="alignnone size-full wp-image-7152" src="http://netdna.webdesignerdepot.com/uploads/2009/03/parking.jpg" alt="parking" width="615" height="500" /></a></p><p><br
class="spacer_" /></p><h1>11. iShots</h1><p>A fun app that shows 20 recipes for shots, that is a fun app to play with on St. Patrick&#8217;s day.</p><p><a
href="http://www.ishotsapp.com/"><img
class="alignnone size-full wp-image-7153" src="http://netdna.webdesignerdepot.com/uploads/2009/03/ishots.jpg" alt="ishots" width="615" height="500" /></a></p><p><br
class="spacer_" /></p><h1>12. Mint for iPhone</h1><p>Mint is a popular budgeting application that is also available for the iPhone. You can check your account balances anywhere, and access accounting and budget information.</p><p><a
href="http://www.mint.com/features/iphone/"><img
class="alignnone size-full wp-image-7154" src="http://netdna.webdesignerdepot.com/uploads/2009/03/mint4.jpg" alt="mint4" width="615" height="500" /></a></p><p><br
class="spacer_" /></p><h1>13. Behance Action Method</h1><p>Behance&#8217;s task manager and productivity software on the iPhone is free. You can create To-Do items, manage project plans, and send notices to others.</p><p><a
href="http://www.actionmethod.com/iPhone_Tour"><img
class="alignnone size-full wp-image-7155" src="http://netdna.webdesignerdepot.com/uploads/2009/03/actionmethod.jpg" alt="actionmethod" width="615" height="500" /></a></p><p><br
class="spacer_" /></p><h1>14. Delivery Status<br
/></h1><p>This application allows you to track packages from top shipping companies such as UPS, FedEx, DHL, and TNT.</p><p><a
href="http://junecloud.com/"><img
class="alignnone size-full wp-image-7156" src="http://netdna.webdesignerdepot.com/uploads/2009/03/junecloud.jpg" alt="junecloud" width="615" height="500" /></a></p><p><br
class="spacer_" /></p><h1>15. Spoonjuice</h1><p>Spoonjuice is another development studio that has several iPhone applications. They design and invent fun and playful applications.</p><p><a
href="http://www.spoonjuice.com/"><img
class="alignnone size-full wp-image-7157" src="http://netdna.webdesignerdepot.com/uploads/2009/03/spoonjuice.jpg" alt="spoonjuice" width="615" height="500" /></a></p><p><br
class="spacer_" /></p><h1>16. Tapulous</h1><p>Tapulous is the creator of Tap Tap, a Guitar Hero like game, and many other games as well as tools.</p><p><a
href="http://tapulous.com/taptap2/"><img
class="alignnone size-full wp-image-7158" src="http://netdna.webdesignerdepot.com/uploads/2009/03/tapulous.jpg" alt="tapulous" width="615" height="500" /></a></p><p><br
class="spacer_" /></p><h1>17. iFood Assistant</h1><p>This application from Kraft gives recipes and food ideas for over 7,000 meals.</p><p><a
href="http://www.kraftfoods.com/kf/iFood.aspx"><img
class="alignnone size-full wp-image-7159" src="http://netdna.webdesignerdepot.com/uploads/2009/03/ifood.jpg" alt="ifood" width="615" height="500" /></a></p><p><br
class="spacer_" /></p><h1>18. Gas Cubby</h1><p>This application is an excellent tool to help you track gas mileage and maintenance records for your car.</p><p><a
href="http://www.appcubby.com/gas/index.html"><img
class="alignnone size-full wp-image-7540" src="http://netdna.webdesignerdepot.com/uploads/2009/03/gascubby.jpg" alt="gascubby" width="615" height="500" /></a></p><p><br
class="spacer_" /></p><h1>19. Frenzic</h1><p>Frenzic is another fun puzzle game for the iPhone.</p><p><a
href="http://frenzic.com/"><img
class="alignnone size-full wp-image-7161" src="http://netdna.webdesignerdepot.com/uploads/2009/03/frenzic.jpg" alt="frenzic" width="615" height="500" /></a></p><p><br
class="spacer_" /></p><h1>20. Snow Reports</h1><p>Snow Reports shows the latest snow reports from ski mountains worldwide. It shows information such as amounts of snow, weather reports, trail information and lift reports.</p><p><a
href="http://www.eddit.com/snow_reports/"><img
class="alignnone size-full wp-image-7162" src="http://netdna.webdesignerdepot.com/uploads/2009/03/snowreports.jpg" alt="snowreports" width="615" height="500" /></a></p><p><br
class="spacer_" /></p><h1>21. Bottle Rocket</h1><p>Bottle Rocket is a development studio that has numerous applications, including games and helpful tools. One of these is Voice Recorder, which allows you to take voice notes.</p><p><a
href="http://www.bottlerocketapps.com/#/home/"><img
class="alignnone size-full wp-image-7163" src="http://netdna.webdesignerdepot.com/uploads/2009/03/botttlerocket.jpg" alt="botttlerocket" width="615" height="500" /></a></p><p><br
class="spacer_" /></p><h1>22. Mustache</h1><p>Mustache is another great development firm with three awesome apps, including an application to help users quit smoking, a Twitter search tool and a March Madness application.</p><p><a
href="http://mustacheinc.com/streaks"><img
class="alignnone size-full wp-image-7164" src="http://netdna.webdesignerdepot.com/uploads/2009/03/mustache.jpg" alt="mustache" width="615" height="500" /></a></p><p><br
class="spacer_" /></p><h1>23. Tweetie</h1><p>Tweetie is a fully featured Twitter client and one of the top apps to manage your Twitter account.</p><p><a
href="http://www.atebits.com/software/tweetie/"><img
class="alignnone size-full wp-image-7165" src="http://netdna.webdesignerdepot.com/uploads/2009/03/tweetie.jpg" alt="tweetie" width="615" height="500" /></a></p><p><br
class="spacer_" /></p><h1>24. Evernote for iPhone</h1><p>Evernote is an application that helps you remember things by allowing you to create notes, take photo notes, record a voice memo and more.</p><p><a
href="http://www.evernote.com/about/download/iphone/"><img
class="alignnone size-full wp-image-7166" src="http://netdna.webdesignerdepot.com/uploads/2009/03/evernote1.jpg" alt="evernote1" width="615" height="500" /></a></p><p><br
class="spacer_" /></p><h1>25. Fieldrunners</h1><p>Fieldrunners is a strategy game with stunning graphics, developed exclusively for the iPhone.</p><p><a
href="http://fieldrunners.com/"><img
class="alignnone size-full wp-image-7167" src="http://netdna.webdesignerdepot.com/uploads/2009/03/fieldrunners.jpg" alt="fieldrunners" width="615" height="500" /></a></p><p><br
class="spacer_" /></p><h1>26. 1Password</h1><p>This application saves and stores passwords to make logging into websites easier. It also synchronizes your passwords with the Mac version.</p><p><a
href="http://agilewebsolutions.com/products/iphone"><img
class="alignnone size-full wp-image-7168" src="http://netdna.webdesignerdepot.com/uploads/2009/03/1password.jpg" alt="1password" width="615" height="500" /></a></p><p><br
class="spacer_" /></p><h1>27. Firetask</h1><p>Firetask is yet another task manager application. You can manage projects and due dates, along with many other features.</p><p><a
href="http://www.firetask.com/"></a><a
href="http://www.firetask.com/"><img
class="alignnone size-full wp-image-7172" src="http://netdna.webdesignerdepot.com/uploads/2009/03/firetask1.jpg" alt="firetask1" width="615" height="500" /></a></p><p><br
class="spacer_" /></p><h1>28. FileMagnet</h1><p>FileMagnet enables users to move files from their computer to their iPhone very easily. You can copy files quickly, and it is cross-platform compatible.</p><p><a
href="http://magnetismstudios.com/FileMagnet"><img
class="alignnone size-full wp-image-7173" src="http://netdna.webdesignerdepot.com/uploads/2009/03/filemagnet.jpg" alt="filemagnet" width="615" height="500" /></a></p><p><br
class="spacer_" /></p><h1>29. Where To?<br
/></h1><p>Where To? is an application that helps you find businesses based on your location.</p><p><a
href="http://www.futuretap.com/"><img
class="alignnone size-full wp-image-7174" src="http://netdna.webdesignerdepot.com/uploads/2009/03/futuretap.jpg" alt="futuretap" width="615" height="500" /></a></p><p><br
class="spacer_" /></p><h1>30. Sketches</h1><p>Sketches makes it easy for you take notes and sketch on the iPhone.</p><p><a
href="http://www.sketchesapp.com/"><img
class="alignnone size-full wp-image-7175" src="http://netdna.webdesignerdepot.com/uploads/2009/03/sketches.jpg" alt="sketches" width="615" height="500" /></a></p><p><br
class="spacer_" /></p><h1>31. Tipulator</h1><p>Tipulator does a great job at calculating tips. You can calculate a tip based on total cost, percent and number of people.</p><p><a
href="http://www.sophiestication.com/tipulator/"><img
class="alignnone size-full wp-image-7183" src="http://netdna.webdesignerdepot.com/uploads/2009/03/tipulator.jpg" alt="tipulator" width="615" height="500" /></a></p><p><br
class="spacer_" /></p><h1>32. ShareCard</h1><p>ShareCard is an easy way to move contact information to and from your iPhone/iPod touch and to other iPhones through email.</p><p><a
href="http://www.doseido.com/products/sharecard/"></a><a
href="http://www.doseido.com/products/sharecard/"><img
class="alignnone size-full wp-image-7193" src="http://netdna.webdesignerdepot.com/uploads/2009/03/sharecard1.jpg" alt="sharecard1" width="615" height="500" /></a></p><p><br
class="spacer_" /></p><h1>33. Parablox</h1><p>Parablos is a fun and interactive puzzle game.</p><p><a
href="http://www.parablox.mobi/"><img
class="alignnone size-full wp-image-7185" src="http://netdna.webdesignerdepot.com/uploads/2009/03/parablox.jpg" alt="parablox" width="615" height="500" /></a></p><p><br
class="spacer_" /></p><h1>34. Pharos IV Assualt</h1><p>A shooter game for the iPhone and iPod touch.</p><p><a
href="http://plasq.com/pharosiv"><img
class="alignnone size-full wp-image-7186" src="http://netdna.webdesignerdepot.com/uploads/2009/03/pharos.jpg" alt="pharos" width="615" height="500" /></a></p><p><br
class="spacer_" /></p><h1>35. Noter2</h1><p>Noter2 lets you sync your iPhone with the Noter Mac application. It allows you to easily create quick notes.</p><p><a
href="http://dbelement.com/"><img
class="alignnone size-full wp-image-7187" src="http://netdna.webdesignerdepot.com/uploads/2009/03/noter.jpg" alt="noter" width="615" height="500" /></a></p><p><br
class="spacer_" /></p><h1>36. Real Soccer 2009</h1><p>This is a fun and realistic soccer game for the iPhone.</p><p><a
href="http://www.gameloft.com/iphone-games/real-soccer-2009/"><img
class="alignnone size-full wp-image-7188" src="http://netdna.webdesignerdepot.com/uploads/2009/03/realsoccer.jpg" alt="realsoccer" width="615" height="500" /></a></p><p><br
class="spacer_" /></p><h1>37. Zumobi</h1><p>Zumobi is a development firm with many iPhone apps.</p><p><a
href="http://www.zumobi.com/"><img
class="alignnone size-full wp-image-7189" src="http://netdna.webdesignerdepot.com/uploads/2009/03/zumobi.jpg" alt="zumobi" width="615" height="500" /></a></p><p><br
class="spacer_" /></p><h1>38. FlightTrack Pro</h1><p>A great app that helps you track your flights, check flight status around the world, check airport weather, and more.</p><p><a
href="http://www.mobiata.com/"><img
class="alignnone" src="http://netdna.webdesignerdepot.com/uploads/iphone_websites/mobiata.jpg" alt="" width="615" height="500" /></a></p><p><br
class="spacer_" /></p><h1>39. Shooter</h1><p>This is a tactical game based off the movie Shooter.</p><p><a
href="http://www.botme.com/botme/en/iphonegames/shooter-7.htm"><img
class="alignnone size-full wp-image-7191" src="http://netdna.webdesignerdepot.com/uploads/2009/03/shooter.jpg" alt="shooter" width="615" height="500" /></a></p><p><br
class="spacer_" /></p><h1>40. Monopoly</h1><p>EA Mobile has a Monopoly application for the iPhone.</p><p><a
href="http://www.eamobile.com/Web/iphone-games/monopoly-world"><img
class="alignnone size-full wp-image-7192" src="http://netdna.webdesignerdepot.com/uploads/2009/03/monopoly.jpg" alt="monopoly" width="615" height="500" /></a></p><p><br
class="spacer_" /></p><p><em><strong><br
/> </strong></em></p><p><em><strong>Which ones do you use? Can you recommend other great websites for iPhone applications like these?</strong></em></p><p><br/><br
/><table
width="100%" style="border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;" height="20"><tr><td
valign="center"> <a
href="http://www.mightydeals.com/deal/wpbusinessbundle.html?ref=inwidget"><font
face="Arial" size="3" color="#e64f32"><b>Never Ending WordPress Business Bundle &#8211; only $14!</b></font></a></td><td
width="90"> <a
href="http://www.mightydeals.com/?ref=inwidget"><br
/> <img
src="http://mightydeals.com/web/images/widget-logo.png" height="40" width="90" border="0"  /><br
/> </a></td></tr></table><p><br/></p> <a
href="http://www.webdesignerdepot.com/2009/04/40-awesome-iphone-application-websites/">Source</a><style type="text/css">
 p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}
</style>]]></content:encoded> <wfw:commentRss>http://www.webdesignerdepot.com/2009/04/40-awesome-iphone-application-websites/feed/</wfw:commentRss> <slash:comments>100</slash:comments> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk
Page Caching using disk (User agent is rejected)
Database Caching 11/55 queries in 0.022 seconds using disk
Object Caching 1303/1385 objects using disk

Served from: www.webdesignerdepot.com @ 2012-02-10 14:54:06 -->
