<?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>Most Popular Post on the web &#187; Designs</title>
	<atom:link href="http://www.topwebpost.com/category/designs/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.topwebpost.com</link>
	<description>Find the top most post on the internet</description>
	<lastBuildDate>Sun, 13 Mar 2011 17:11:22 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.4</generator>
		<item>
		<title>Free WordPress mobile themes</title>
		<link>http://www.topwebpost.com/free-wordpress-mobile-themes/</link>
		<comments>http://www.topwebpost.com/free-wordpress-mobile-themes/#comments</comments>
		<pubDate>Sun, 13 Mar 2011 17:11:22 +0000</pubDate>
		<dc:creator>Julia</dc:creator>
				<category><![CDATA[Designs]]></category>
		<category><![CDATA[Most Popular Post]]></category>
		<category><![CDATA[Top websites]]></category>
		<category><![CDATA[Wordpess]]></category>
		<category><![CDATA[mobile games]]></category>
		<category><![CDATA[mobile softwares]]></category>
		<category><![CDATA[mobile themes]]></category>
		<category><![CDATA[mobile wallpapers]]></category>
		<category><![CDATA[nokia mobile themes]]></category>
		<category><![CDATA[nokia themes]]></category>
		<category><![CDATA[samsung mobile themes]]></category>
		<category><![CDATA[sony ericsson mobile themes]]></category>
		<category><![CDATA[windows mobile themes]]></category>

		<guid isPermaLink="false">http://www.topwebpost.com/?p=169</guid>
		<description><![CDATA[<a href="http://www.topwebpost.com/free-wordpress-mobile-themes/"><img align="left" hspace="5" width="150" height="150" src="http://www.topwebpost.com/wp-content/uploads/2011/03/sm_wordpress_theme_hh-150x150.jpg" class="alignleft wp-post-image tfe" alt="" title="sm_wordpress_theme_hh" /></a>Free Mobile Themes For WordPress iPhonsta WordPress theme (demo) iPhonsta Theme is made for iPhone but it also looks nice on other mobile phones and gadgets. iPhonsta wordpress theme is an easy way to expand your visitor’s loyality by providing them with a mobile version of your website. WordPress Mobile Pack The WordPress Mobile Pack [...]]]></description>
			<content:encoded><![CDATA[<h3>Free Mobile Themes For WordPress</h3>
<p><a href="http://wpshower.com/free-wordpress-themes/iphonsta-free-wordpress-theme-for-iphone/">iPhonsta WordPress theme</a> (<a href="http://wpshower.com/iphonsta/">demo</a>)<br />
iPhonsta Theme is made for iPhone but it also looks nice on other mobile phones and gadgets. iPhonsta wordpress theme is an easy way to expand your visitor’s loyality by providing them with a mobile version of your website.</p>
<p><a href="http://www.topwebpost.com/wp-content/uploads/2011/03/sm_wordpress_theme_hh.jpg"><img class="alignnone size-full wp-image-170" title="sm_wordpress_theme_hh" src="http://www.topwebpost.com/wp-content/uploads/2011/03/sm_wordpress_theme_hh.jpg" alt="" width="500" height="290" /></a></p>
<p><a href="http://wordpress.org/extend/plugins/wordpress-mobile-pack/">WordPress Mobile Pack</a><br />
The WordPress Mobile Pack includes the following: a mobile switcher to select themes based on the type of user visiting your website; a selection of mobile themes; extra widgets; device adaptation; and a mobile administration panel to allow users to edit the website or write posts while out and about.</p>
<p><a href="http://wordpress.org/extend/plugins/wordpress-mobile-pack/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/sm_wordpress_theme_68.jpg" alt="Sm WordPress Theme 68 in 100 Free High Quality WordPress Themes: 2010 Edition" width="500" height="290" /></a></p>
<p><a href="http://www.blogohblog.com/wordpress-mobile-theme/">WordPress Mobile Theme</a><br />
This is a minimalist theme that can be used to target mobile users. The theme works with any mobile phone of any resolution. And with its light weight, it also drastically reduces loading times.</p>
<p><a href="http://www.blogohblog.com/wordpress-mobile-theme/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/sm_wordpress_theme_69.jpg" alt="Sm WordPress Theme 69 in 100 Free High Quality WordPress Themes: 2010 Edition" width="500" height="290" /></a></p>
<p><a href="http://www.mobilizetoday.com/wordpress-themes/">Möbius</a><br />
Möbius is compatible with iPhone (and iPod Touch), Android, BlackBerry, Windows, Palm Pre and Symbian touchscreen mobile phones.</p>
<p><a href="http://www.mobilizetoday.com/wordpress-themes/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/sm_wordpress_theme_70.jpg" alt="Sm WordPress Theme 70 in 100 Free High Quality WordPress Themes: 2010 Edition" width="500" height="290" /></a></p>
<p><a href="http://www.wptap.com/index.php/news-press/">News Press Mobile</a><br />
The News Press theme is a simple and elegant solution for creating an iPhone-friendly news, blog or other text-centric WordPress website. It comes complete with all the standard WordPress blog features: search, log-in, categories, tags, archives, photos and more.</p>
<p><a href="http://www.wptap.com/index.php/news-press/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/sm_wordpress_theme_71.jpg" alt="Sm WordPress Theme 71 in 100 Free High Quality WordPress Themes: 2010 Edition" width="500" height="290" /></a></p>
<p><a href="http://crowdfavorite.com/wordpress/themes/carrington-mobile/">Carrington Mobile</a><br />
Carrington Mobile is an elegant mobile theme that supports advanced touchscreen browsers (iPhone, Android, BlackBerry, Pre) and that is also backwards-compatible with older mobile devices.</p>
<p><a href="http://crowdfavorite.com/wordpress/themes/carrington-mobile/"><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/sm_wordpress_theme_72.jpg" alt="Sm WordPress Theme 72 in 100 Free High Quality WordPress Themes: 2010 Edition" width="500" height="290" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.topwebpost.com/free-wordpress-mobile-themes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Top Ten Mistakes in Web Design</title>
		<link>http://www.topwebpost.com/top-ten-mistakes-in-web-design/</link>
		<comments>http://www.topwebpost.com/top-ten-mistakes-in-web-design/#comments</comments>
		<pubDate>Sat, 17 Jul 2010 06:50:14 +0000</pubDate>
		<dc:creator>Julia</dc:creator>
				<category><![CDATA[Designs]]></category>
		<category><![CDATA[Top Ten Mistakes]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.topwebpost.com/?p=32</guid>
		<description><![CDATA[<a href="http://www.topwebpost.com/top-ten-mistakes-in-web-design/"><img align="left" hspace="5" width="150" height="150" src="http://www.topwebpost.com/wp-content/plugins/thumbnail-for-excerpts/tfe_no_thumb.png" class="alignleft wp-post-image tfe" alt="" title="" /></a>1. Bad Search Overly literal search engines reduce usability in that they&#8217;re unable to handle typos, plurals, hyphens, and other variants of the query terms. Such search engines are particularly difficult for elderly users, but they hurt everybody. A related problem is when search engines prioritize results purely on the basis of how many query terms [...]]]></description>
			<content:encoded><![CDATA[<h2>1. Bad Search</h2>
<p>Overly literal search engines reduce usability in that they&#8217;re unable to handle typos, plurals, hyphens, and other variants of the query terms. Such search engines are <a title="Alertbox: Usability for Senior Citizens" href="http://www.useit.com/alertbox/20020428.html">particularly difficult for elderly users</a>, but they hurt everybody.</p>
<p>A related problem is when search engines prioritize results purely on the basis of how many query terms they contain, rather than on each document&#8217;s importance. Much better if your search engine calls out &#8220;best bets&#8221; at the top of the list &#8212; especially for important queries, such as the names of your products.</p>
<p>Search is the user&#8217;s lifeline when navigation fails. Even though advanced search can sometimes help,<a title="Alertbox: Search: Visible and Simple" href="http://www.useit.com/alertbox/20010513.html">simple search usually works best</a>, and search should be presented as a simple box, since that&#8217;s what users are looking for.<span id="more-32"></span></p>
<h2>2. PDF Files for Online Reading</h2>
<p>Users hate coming across a PDF file while browsing, because it breaks their flow. Even simple things like printing or saving documents are difficult because standard browser commands don&#8217;t work. Layouts are often optimized for a sheet of paper, which rarely matches the size of the user&#8217;s browser window. Bye-bye smooth scrolling. Hello tiny fonts.</p>
<p>Worst of all, PDF is an undifferentiated blob of content that&#8217;s hard to navigate.</p>
<p>PDF is great for printing and for distributing manuals and other big documents that need to be printed. Reserve it for this purpose and convert any information that needs to be browsed or read on the screen into real web pages.</p>
<p>&gt; Detailed discussion of why <a title="Alertbox: PDF: Unfit for Human Consumption" href="http://www.useit.com/alertbox/20030714.html">PDF is bad for online reading</a></p>
<h2>3. Not Changing the Color of Visited Links</h2>
<p>A good grasp of past navigation helps you understand your current location, since it&#8217;s the culmination of your journey. Knowing your past and present locations in turn makes it easier to decide where to go next. Links are a key factor in this navigation process. Users can exclude links that proved fruitless in their earlier visits. Conversely, they might revisit links they found helpful in the past.</p>
<p>Most important, knowing which pages they&#8217;ve already visited frees users from unintentionally revisiting the same pages over and over again.</p>
<p>These benefits only accrue under one important assumption: that users can tell the difference between visited and unvisited links because the site shows them in different colors. When visited links don&#8217;t change color, users exhibit more navigational disorientation in usability testing and unintentionally revisit the same pages repeatedly.</p>
<p><strong>Source:</strong></p>
<p><strong><a href="http://www.useit.com/alertbox/9605.html">http://www.useit.com/alertbox/9605.html</a></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.topwebpost.com/top-ten-mistakes-in-web-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>100 Typography Resources for Professional Designers</title>
		<link>http://www.topwebpost.com/100-typography-resources-for-professional-designers/</link>
		<comments>http://www.topwebpost.com/100-typography-resources-for-professional-designers/#comments</comments>
		<pubDate>Sat, 17 Jul 2010 06:42:05 +0000</pubDate>
		<dc:creator>Julia</dc:creator>
				<category><![CDATA[Designs]]></category>
		<category><![CDATA[Professional Designers]]></category>
		<category><![CDATA[Typography Resources]]></category>

		<guid isPermaLink="false">http://www.topwebpost.com/?p=27</guid>
		<description><![CDATA[<a href="http://www.topwebpost.com/100-typography-resources-for-professional-designers/"><img align="left" hspace="5" width="150" height="150" src="http://www.topwebpost.com/wp-content/plugins/thumbnail-for-excerpts/tfe_no_thumb.png" class="alignleft wp-post-image tfe" alt="" title="" /></a>Lists of Great Fonts: 50 Incredible Fonts for Professional Web &#38; Print Design –noupe 75+ Excellent Free Fonts For Professional Design &#8211; Tripwire magazine 40+ Excellent Freefonts for Professional Design - Smashing Magazine 80 Beautiful Typefaces for Professional Design &#8211; Smashing Magazine 60 Brilliant Typefaces for Corporate Design - Smashing Magazine 30 Fonts that All Designers Must [...]]]></description>
			<content:encoded><![CDATA[<h3><strong>Lists of Great Fonts:</strong></h3>
<p><a href="http://www.noupe.com/fonts/50-free-fonts-for-professional-designs.html" target="_blank">50 Incredible Fonts for Professional Web &amp; Print Design</a> –<cite>noupe</cite></p>
<p><a href="http://www.tripwiremagazine.com/Design/Fonts/75-free-fonts-for-professional-design.html" target="_blank">75+ Excellent Free Fonts For Professional Design</a> &#8211; Tripwire magazine</p>
<p><a href="http://www.smashingmagazine.com/2007/11/08/40-excellent-freefonts-for-professional-design/" target="_blank">40+ Excellent Freefonts for Professional Design</a> - Smashing Magazine</p>
<p><a href="http://www.smashingmagazine.com/2007/08/08/80-beautiful-fonts-typefaces-for-professional-design/" target="_blank">80 Beautiful Typefaces for Professional Design</a> &#8211; Smashing Magazine</p>
<p><a href="http://www.smashingmagazine.com/2008/03/20/60-brilliant-typefaces-for-corporate-design/" target="_blank">60 Brilliant Typefaces for Corporate Design</a> - Smashing Magazine</p>
<p><a href="http://justcreativedesign.com/2008/03/02/30-best-font-downloads-for-designers/" target="_blank">30 Fonts that All Designers Must Own</a> &#8211; Just Creative Design</p>
<p><a href="http://techmagazine.ws/most-popular-free-quality-fonts/" target="_blank">Most Popular Free Quality Fonts</a> &#8211; Tech Magazine</p>
<p><a href="http://www.modernlifeisrubbish.co.uk/article/great-fonts-for-web-2.0" target="_blank">Great Fonts for Web 2.0</a> &#8211; Modern Life is Rubbish</p>
<p><a href="http://www.davidairey.com/13-typefaces-every-graphic-designer-needs/" target="_blank">13 Typefaces Every Graphic Designer Needs</a> &#8211; David Airey</p>
<p><a href="http://www.alvit.de/blog/article/20-best-license-free-official-fonts" target="_blank">25 Best Free Quality Fonts</a> &#8211; Vitaly Friedman</p>
<p><a href="http://www.instantshift.com/2008/10/05/21-most-used-fonts-by-professional-designers/" target="_blank">21 Most Used <em>Fonts By Professional Designers</em></a> –DKumar m<span id="more-27"></span></p>
<h3><strong>Download Fonts:</strong></h3>
<p><a href="http://www.1001freefonts.com/" target="_blank">1001 Free <em>Fonts</em> </a>- 1001 free <em>fonts</em></p>
<p><a href="http://www.dafont.com/" target="_blank">Dafont</a> &#8211; One of the most popular sources of free fonts</p>
<p><a href="http://www.dafont.com/" target="_blank">Urban Fonts</a> &#8211; More than 8,000 fonts to choose from</p>
<p><a href="http://betterfonts.com/" target="_blank">Better Fonts</a> &#8211; Over 10,000 free fonts</p>
<p><a href="http://fawnt.com/fonts/" target="_blank">Fawnt</a> &#8211; Over 9,000 fonts</p>
<p><a href="http://rrfonts.com/" target="_blank">RFonts.com</a> &#8211; Hundreds of fonts categorized by style</p>
<p><a href="http://flashden.net/" target="_blank">FlashDen</a> &#8211; Commercial pixel fonts</p>
<p><a href="http://www.fontfreak.com/main.htm" target="_blank">Font Freak</a> &#8211; 5,000 free fonts and 25,000 commercial fonts</p>
<p><a href="http://www.highfonts.com/" target="_blank">High Fonts</a> &#8211; 3,000 free fonts, 25,000 commercial fonts</p>
<p><a href="http://betterfonts.com/" target="_blank">Better Fonts</a> &#8211; 10,000 fonts and counting</p>
<p><a href="http://www.abstractfonts.com/" target="_blank">Abstract Fonts</a> &#8211; 10,000 free fonts</p>
<p><a href="http://www.dailyfreefonts.com/" target="_blank">Daily Free Fonts</a> &#8211; Thousands of free fonts</p>
<p><a href="http://www.searchfreefonts.com/" target="_blank">SearchFreeFonts</a> &#8211; 13,000 free fonts and more that can be purchased</p>
<p><a href="http://www.1001freefonts.com/" target="_blank">1001 Free Fonts</a> &#8211; Nicely categorized</p>
<p><a href="http://www.1001fonts.com/" target="_blank">1001 Fonts</a> &#8211; Free fonts by category</p>
<p><a href="http://www.filecart.com/fonts/" target="_blank">File Cart</a> &#8211; Over 9,000 free fonts</p>
<p><a href="http://www.acidfonts.com/" target="_blank">Acid Fonts</a> &#8211; Categorized free fonts</p>
<p><a href="http://www.grsites.com/fonts/" target="_blank">Absolute Fonts</a> &#8211; Almost 7,000 fonts</p>
<p><a href="http://www.fontpool.com/" target="_blank">The Font Pool</a> &#8211; Over 40,000 fonts</p>
<p><a href="http://www.typenow.net/" target="_blank">Type Now</a> &#8211; Currently 6,846 fonts</p>
<p><a href="http://simplythebest.net/fonts/" target="_blank">SimplyTheBestFonts</a> &#8211; A lot of different categories to choose from</p>
<p><a href="http://www.fonts500.com/" target="_blank">Fonts 500</a> &#8211; The web’s top 500 free fonts</p>
<p><a href="http://www.fontcubes.com/" target="_blank">FontCubes</a> &#8211; Over 9,000 free fonts</p>
<p><a href="http://www.freemacfonts.com/" target="_blank">Free Mac Fonts</a> &#8211; Over 6,000 fonts for Macs</p>
<p><a href="http://www.webpagepublicity.com/free-fonts.html" target="_blank">WebPagePublicity</a> &#8211; Over 6,000 fonts</p>
<p><a href="http://www.philsfonts.com/" target="_blank">Phil’s Fonts</a> &#8211; Commercial</p>
<p><a href="http://www.fontsforflash.com/" target="_blank">Fonts for Flash</a> &#8211; Commercial</p>
<p><a href="http://www.fontgarden.com/" target="_blank">Font Garden</a> &#8211; 1,500 fonts not very well categorized</p>
<p><a href="http://www.2200freefonts.com/" target="_blank">2200FreeFonts</a> &#8211; Not categorized</p>
<p><a href="http://www.showfont.net/" target="_blank">ShowFont</a> &#8211; 10,000 fonts only in alphabetical order</p>
<p><a href="http://www.getfreefonts.info/" target="_blank">GetFreeFonts.info</a> &#8211; 2,500 fonts in alphabetical order</p>
<p><a href="http://www.creamundo.com/index.php?lang=en" target="_blank">Creamundo</a> &#8211; Almost 10,000 fonts, but difficult to find what you want</p>
<h3><strong>Tools:</strong></h3>
<p><a href="http://www.fonttester.com/" target="_blank">Font Tester</a> &#8211; View and compare fonts easily</p>
<p><a href="http://typetester.maratz.com/" target="_blank">TypeTester</a> &#8211; An easy way to compare fonts on-screen</p>
<p><a href="http://www.csstype.com/" target="_blank">CSSTYPE</a> &#8211; Another useful font testing tool<a href="http://www.csstype.com/" target="_blank"><br />
</a></p>
<p><a href="http://riddle.pl/emcalc/" target="_blank">Em Calculator</a> &#8211; Converts size in pixels to relative em units, which are based on a text size</p>
<p><a href="http://www.lipsum.com/" target="_blank">Lorem Ipsum</a> &#8211; The best tool for creating dummy text</p>
<p><a href="http://www.myfonts.com/WhatTheFont/" target="_blank">What the Font?</a> &#8211; Upload a file and it will identify a font</p>
<p><a href="http://www.snook.ca/technical/colour_contrast/colour.html" target="_blank">Colour Contrast Check</a> &#8211; Specify a foreground and a background colour and determine if they provide enough of a contrast when viewed by someone having color deficits or when viewed on a black and white screen</p>
<p><a href="http://www.linotype.com/3321/freedownloadpc.html" target="_blank">FontExplorer X</a> &#8211; Free font management software</p>
<p><a href="http://www.designerplaything.co.uk/" target="_blank">Designer Plaything</a> &#8211; The Standalone Web Typography and Colour Testing Tool</p>
<p><a href="http://drewish.com/tools/vertical-rhythm" target="_blank">CSS with Vertical Rhythm</a> &#8211; Will help you compute CSS that has a consistent vertical rhythm</p>
<p><a href="http://topfunky.com/baseline-rhythm-calculator/" target="_blank">Baseline Rhythm Calculator</a> &#8211; Helps you to generate a stylesheet</p>
<h3><strong>Articles:</strong></h3>
<p><a href="http://ilovetypography.com/2008/02/28/a-guide-to-web-typography/" target="_blank">A Guide to Web Typography</a> &#8211; I Love Typography</p>
<p><a href="http://ilovetypography.com/2007/09/19/15-excellent-examples-of-web-typography/" target="_blank">15 Excellent Examples of Web Typography</a> &#8211; I Love Typography</p>
<p><a href="http://www.sitepoint.com/article/anatomy-web-fonts" target="_blank">The Anatomy of Web Fonts</a> &#8211; SitePoint</p>
<p><a href="http://www.sitepoint.com/article/principles-beautiful-typography" target="_blank">The Principles of Beautiful Typography</a> &#8211; SitePoint</p>
<p><a href="http://www.alistapart.com/articles/howtosizetextincss" target="_blank">How to Size Text in CSS</a> &#8211; A List Apart</p>
<p><a href="http://www.alistapart.com/articles/relafont" target="_blank">Power to the People: Relative Font Sizes</a> &#8211; A List Apart</p>
<p><a href="http://www.alistapart.com/articles/typography" target="_blank">Typography Matters</a> &#8211; A List Apart</p>
<p><a href="http://www.cameronmoll.com/archives/000240.html" target="_blank">The Non-Typographer’s Guide to Practical Typeface Selection</a> &#8211; Cameron Moll</p>
<p><a href="http://www.markboulton.co.uk/journal/comments/five_simple_steps_to_better_typography/" target="_blank">5 Simple Steps to Better Typography</a> &#8211; Mark Boulton</p>
<p><a href="http://psychology.wichita.edu/surl/usabilitynews/92/POF.htm" target="_blank">The Effect of Website Typeface Appropriateness on the Perception of a Company’s Ethos</a> &#8211; Usability News</p>
<p><a href="http://www.clagnut.com/blog/348/" target="_blank">How to Size Text Using Ems</a> &#8211; Clagnut</p>
<p><a href="http://www.designobserver.com/archives/025212.html" target="_blank">13 Ways of Looking at a Type Face</a> &#8211; Design Observer</p>
<p><a href="http://www.digital-web.com/articles/typography_and_web_advertising/" target="_blank">Typography and Web Advertising: Making Every Opportunity Count</a> &#8211; Digital Web Magazine</p>
<p><a href="http://www.digital-web.com/articles/better_font_management/" target="_blank">Better Font Management</a> &#8211; Digital Web Magazine</p>
<p><a href="http://www.digital-web.com/articles/css_typography/" target="_blank">CSS Typography</a> &#8211; Digital Web Magazine</p>
<p><a href="http://typies.blogspot.com/2006/11/15-tips-to-choose-good-text-type.html" target="_blank">15 Tips to Choose a Good Type Text</a> &#8211; Typies</p>
<p><a href="http://dustinbrewer.com/fonts-on-the-web-and-a-list-of-web-safe-fonts/" target="_blank">Fonts on the Web and a List of Web Safe Fonts</a> &#8211; Dustin Brewer</p>
<p><a href="http://kurafire.net/log/archive/2005/07/23/typography-serif-vs-sans-serif" target="_blank">Serif vs. San Serif</a> &#8211; KuraFire Network</p>
<p><a href="http://www.modernlifeisrubbish.co.uk/article/web-typography-cheat-sheet" target="_blank">Web Typography Cheat Sheet</a> &#8211; Modern Life</p>
<p><a href="http://www.modernlifeisrubbish.co.uk/article/working-with-limited-web-font-set" target="_blank">Working with a Limited Font Set on the Web</a> &#8211; Modern Life</p>
<p><a href="http://www.davidairey.com/typography-tips-and-advice-for-graphic-design-students/" target="_blank">Typography Tips and Advice for Graphic Design Students</a> &#8211; David Airey</p>
<p><a href="http://www.redsun.com/type/logotype/" target="_blank">Logo Type Guide</a> &#8211; RedSun</p>
<p><a href="http://www.fontshop.com/fontfeed/archives/erik-spiekermanns-typo-tips/" target="_blank">Typo Tips</a> &#8211; The FontFeed</p>
<p><a href="http://astheria.com/design/choosing-type-alignments-fortheweb" target="_blank">Choosing Type Alignments for the Web</a> &#8211; Astheria</p>
<p><a href="http://wisdump.com/design/motion-typography-4-approaches-to-kinetic-text/" target="_blank">Motion Typography: 4 Approaches to Kinetic Text</a> &#8211; Wisdump</p>
<p><a href="http://www.fonts.com/aboutfonts/articles/typography/legibility.htm" target="_blank">It’s All About Legibility</a> &#8211; Fonts.com</p>
<p><a href="http://www.istockphoto.com/article_view.php?ID=153" target="_blank">Know Your Type</a> &#8211; iStockphoto</p>
<p><a href="http://www.smashingmagazine.com/2007/10/15/the-showcase-of-big-typography/" target="_blank">The Showcase of BIG Typography</a> - Smashing Magazine</p>
<h3><strong>Resources:</strong></h3>
<p><a href="http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html" target="_blank">Browser Safe Fonts</a></p>
<p><a href="http://speckyboy.com/2007/12/30/top-10-web-safe-blogging-fonts/" target="_blank">Top 10 Web Safe Fonts</a></p>
<p><a href="http://webtypography.net/toc/" target="_blank">The Elements of Typographic Style Applied to the Web</a></p>
<p><a href="http://usabletype.com/styles/" target="_blank">Web Typography Style Guide</a></p>
<p><a href="http://www.yourhtmlsource.com/text/webtypography.html" target="_blank">An Introduction to Font Families and Font Choices</a></p>
<p><a href="http://abc.planet-typography.com/" target="_blank">ABC Typography: A Virtual Type Museum</a></p>
<p><a href="http://www.typeneu.com/" target="_blank">TypeNeu &#8211; Typography News</a></p>
<p><a href="http://nicewebtype.com/" target="_blank">Nice Web Type &#8211; Gallery</a></p>
<p><a href="http://particletree.com/notebook/typography-crash-course-roundup/" target="_blank">Typography Crashcourse Roundup</a></p>
<p><a href="http://www.codestyle.org/css/font-family/sampler-CombinedResults.shtml" target="_blank">Combined Font Survey Results</a></p>
<p><a href="http://www.smileycat.com/miaow/archives/typography-for-headlines.php" target="_blank">Typography for Headlines &#8211; Gallery of Headlines</a></p>
<p><a href="http://www.scotconnect.com/webtypography/" target="_blank">Accessible Web Typography</a></p>
<p><a href="http://www.fontlover.com/" target="_blank">FontLover</a></p>
<p><a href="http://yuxt.com/artist/Typography" target="_blank">Typography Videos at Yuxt</a></p>
<p><a href="http://www.redsun.com/type/glossary/a.shtml" target="_blank">Typography Glossary</a></p>
<p><a href="http://www.thenoodleincident.com/tutorials/box_lesson/font/browser.html" target="_blank">Text Sizing Methods by Browser</a></p>
<p><a href="http://www.paratype.com/help/class/" target="_blank">Font Classification</a></p>
<p><a href="http://typenav.fontshop.com/" target="_blank">TypeNavigator</a></p>
<p><a href="http://www.behancemag.com/Spotlight-Typography-in-the-Behance-Network/5629" target="_blank">Typography in the Behance Network</a></p>
<p><a href="http://www.linotype.com/2255/moviefonts.html" target="_blank">Movie Fonts</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.topwebpost.com/100-typography-resources-for-professional-designers/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Innovative Icon-Based Navigation Menus</title>
		<link>http://www.topwebpost.com/innovative-icon-based-navigation-menus/</link>
		<comments>http://www.topwebpost.com/innovative-icon-based-navigation-menus/#comments</comments>
		<pubDate>Fri, 16 Jul 2010 22:07:52 +0000</pubDate>
		<dc:creator>Julia</dc:creator>
				<category><![CDATA[Designs]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Navigation Menus]]></category>

		<guid isPermaLink="false">http://www.topwebpost.com/?p=18</guid>
		<description><![CDATA[<a href="http://www.topwebpost.com/innovative-icon-based-navigation-menus/"><img align="left" hspace="5" width="150" src="http://designshack.co.uk/wp-content/uploads/icon-nav-1.jpg" class="alignleft wp-post-image tfe" alt="screenshot" title="" /></a>Here at Design Shack we love a good navigation menu. Lately we’ve noticed a trend arising around menus that use icons either exclusively in place of text or as a support of additional textual information. Adding icons to your navigation can not only give you an aesthetic boost but actually make for a quicker visual [...]]]></description>
			<content:encoded><![CDATA[<p>Here at Design Shack we love a good navigation menu. Lately we’ve noticed a trend arising around menus that use icons either exclusively in place of text or as a support of additional textual information.</p>
<p>Adding icons to your navigation can not only give you an aesthetic boost but actually make for a quicker visual read of the link. Here’s a collection of over thirty icon-based navigation menus that we found online. We’ll conclude with a few resources you can use to snag some free icons to create your own fancy menus.</p>
<p><span id="more-18"></span></p>
<h2>The Menus</h2>
<h3><a href="http://www.davidjonsson.com.au/">David Jonnson</a></h3>
<p><img src="http://designshack.co.uk/wp-content/uploads/icon-nav-1.jpg" alt="screenshot" width="510" /></p>
<p><a href="http://designshack.co.uk/articles/css/30-innovative-icon-based-navigation-menus" target="_blank"><strong>Read more from original source site</strong></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.topwebpost.com/innovative-icon-based-navigation-menus/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>5 Tips for Sending More Useful and Effective Invoices</title>
		<link>http://www.topwebpost.com/5-tips-for-sending-more-useful-and-effective-invoices/</link>
		<comments>http://www.topwebpost.com/5-tips-for-sending-more-useful-and-effective-invoices/#comments</comments>
		<pubDate>Fri, 16 Jul 2010 22:01:33 +0000</pubDate>
		<dc:creator>Julia</dc:creator>
				<category><![CDATA[Designs]]></category>
		<category><![CDATA[Effective Invoices]]></category>

		<guid isPermaLink="false">http://www.topwebpost.com/?p=11</guid>
		<description><![CDATA[<a href="http://www.topwebpost.com/5-tips-for-sending-more-useful-and-effective-invoices/"><img align="left" hspace="5" width="150" src="http://designshack.co.uk/wp-content/uploads/betterInvoices-e1.jpg" class="alignleft wp-post-image tfe" alt="screenshot" title="" /></a>It happens all the time. No sooner than you click the send button does the phone ring. At the other end is an angry client who just received an invoice. Despite the fact that all of your payment agreements were handled before the project ever started, he has still somehow managed to be surprised at [...]]]></description>
			<content:encoded><![CDATA[<p>It happens all the time. No sooner than you click the send button does the phone ring. At the other end is an angry client who just received an invoice. Despite the fact that all of your payment agreements were handled before the project ever started, he has still somehow managed to be surprised at the amount that he owes you.<span id="more-11"></span></p>
<p>Whether the description above typifies your client base or not, it can still be a good idea to soften the blow of an invoice by showcasing what you did and how it benefited them. There are also a few things you can do to make the whole process easier and therefore (hopefully) speed up payment. Below we’ll look at five things you can do to make your invoices both more useful and impressive.</p>
<h2>1. Show Measurable Improvement</h2>
<p><img src="http://designshack.co.uk/wp-content/uploads/betterInvoices-e1.jpg" alt="screenshot" width="510" /></p>
<p><a href="http://designshack.co.uk/articles/business-articles/5-tips-for-sending-more-useful-and-effective-invoices" target="_blank"><strong>more info from source websites</strong></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.topwebpost.com/5-tips-for-sending-more-useful-and-effective-invoices/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Adobe Photoshop Tutorials – Best Of</title>
		<link>http://www.topwebpost.com/adobe-photoshop-tutorials-%e2%80%93-best-of/</link>
		<comments>http://www.topwebpost.com/adobe-photoshop-tutorials-%e2%80%93-best-of/#comments</comments>
		<pubDate>Fri, 16 Jul 2010 21:17:37 +0000</pubDate>
		<dc:creator>Julia</dc:creator>
				<category><![CDATA[Designs]]></category>
		<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Most Popular Post]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Adobe Photoshop Tutorials]]></category>
		<category><![CDATA[Photoshop Tutorials]]></category>

		<guid isPermaLink="false">http://www.topwebpost.com/?p=7</guid>
		<description><![CDATA[<a href="http://www.topwebpost.com/adobe-photoshop-tutorials-%e2%80%93-best-of/"><img align="left" hspace="5" width="150" src="http://media.smashingmagazine.com/cdn_smash/images/photoshop2/mp3.jpg" class="alignleft wp-post-image tfe" alt="Mp3 in Adobe Photoshop Tutorials - Best Of" title="" /></a>One year ago we’ve presented a hand-picked collection of Photoshop tutorials. Now it’s time for a fresh portion of healthy Photoshop learning material. This article provides professional Adobe Photoshop tutorials which can enrich your design skills and improve the quality of your works. Although the authors of the tutorials rarely provide the information about the used version, [...]]]></description>
			<content:encoded><![CDATA[<p>One year ago we’ve presented a hand-picked collection of <a href="http://www.smashingmagazine.com/2007/01/12/hand-picked-photoshop-tutorials/">Photoshop tutorials</a>. Now it’s time for a fresh portion of healthy Photoshop learning material. This article provides <strong>professional Adobe Photoshop tutorials</strong> which can enrich your design skills and improve the quality of your works. Although the authors of the tutorials rarely provide the information about the used version, we tried to pick only those tutorials that can be used with both CS 3 and older versions of Adobe Photoshop.</p>
<p><a href="http://www.smashingmagazine.com/2008/01/08/100-excellent-free-high-quality-wordpress-themes/" target="_blank"><strong>Resource From Smashingmagazine</strong></a></p>
<p><strong><span id="more-7"></span><br />
</strong></p>
<h3>Photo- and Picture Editing and Processing</h3>
<ul>
<li><a href="http://www.zymic.com/tutorials/photoshop/mp3-player-design/">MP3 Player Design</a><br />
In this tutorial you will learn how to design a product in Photoshop. The product is a RCA Lyra X3030 portable media player. Although the chances are, you are thinking “why would I need to make it?”, the reason for this tutorial is to teach people the techniques used for mocking up a product design.<a href="http://www.zymic.com/tutorials/photoshop/mp3-player-design/"><img src="http://media.smashingmagazine.com/cdn_smash/images/photoshop2/mp3.jpg" alt="Mp3 in Adobe Photoshop Tutorials - Best Of" width="330" height="200" /></a></li>
<li><a href="http://abduzeedo.com/magic-lighting-effect-photoshop">Magic Lighting Effect</a><br />
How to create a nice light and magic effect.<a href="http://abduzeedo.com/magic-lighting-effect-photoshop"><img src="http://media.smashingmagazine.com/cdn_smash/images/photoshop2/magic.jpg" alt="Magic in Adobe Photoshop Tutorials - Best Of" width="330" height="200" /></a></li>
<li><a href="http://photoshop8x.com/view_tut.php?id=5">Beautiful Lady Effect</a><br />
Learn how to combine some brushes and color adjustment to make a beautiful lady effect.<a href="http://photoshop8x.com/view_tut.php?id=5"><img src="http://media.smashingmagazine.com/cdn_smash/images/photoshop2/lady.jpg" alt="Lady in Adobe Photoshop Tutorials - Best Of" width="330" height="200" /></a></li>
<li><a href="http://www.photoshopsupport.com/elements/tutorials/extract-hair/masking-tutorial.html">Selecting &amp; Extracting Hair – Masking Tutorial – Extraction Tips</a><br />
One of the most challenging montage or masking jobs in the profession of post-production editing is the hair lift. When the model has long flowing hair and the subject needs to change location many post-production artists call in sick.<a href="http://www.photoshopsupport.com/elements/tutorials/extract-hair/masking-tutorial.html"><img src="http://media.smashingmagazine.com/cdn_smash/images/photoshop2/hairy.jpg" alt="Hairy in Adobe Photoshop Tutorials - Best Of" width="330" height="200" /></a></li>
<li><a href="http://niftytutorials.com/photo-effects/add-a-dreamy-or-misty-effect-to-your-photos/#more-80">Add a Dreamy or Misty Effect To Your Photos</a><br />
This quick tutorial will show how to add a really cool dreamy or misty effect to your photos. This tutorial works best with nature related images.<a href="http://niftytutorials.com/photo-effects/add-a-dreamy-or-misty-effect-to-your-photos/#more-80"><img src="http://media.smashingmagazine.com/cdn_smash/images/photoshop2/dreamy.jpg" alt="Dreamy in Adobe Photoshop Tutorials - Best Of" width="330" height="200" /></a></li>
<li><a href="http://flickr.com/photos/soffia/505766043/">Improving the Quality of Photos</a><br />
Improve the look of your photos by playing with some simple Photoshop techniques.<a href="http://flickr.com/photos/soffia/505766043/"><img src="http://media.smashingmagazine.com/cdn_smash/images/photoshop2/mountain.jpg" alt="Mountain in Adobe Photoshop Tutorials - Best Of" width="330" height="200" /></a></li>
<li><a href="http://recedinghairline.co.uk/tutorials/fakemodel/">Fake Model Photography</a><br />
With a very little effort, you can take existing photographs of everyday scenes and make it look like they’re actually of miniature models.<a href="http://recedinghairline.co.uk/tutorials/fakemodel/"><img src="http://media.smashingmagazine.com/cdn_smash/images/photoshop2/fakemodel.jpg" alt="Fakemodel in Adobe Photoshop Tutorials - Best Of" width="330" height="200" /></a></li>
<li><a href="http://photoshopcontest.com/tutorials/26/displacement-water.html">Displacement Water</a><br />
Creating a realistic water surface in Photoshop is quite a challenge because it is the distorted reflection of the surroundings that makes the water look liquid. The displace filter is an excellent tool for making this distortion.<a href="http://photoshopcontest.com/tutorials/26/displacement-water.html"><img src="http://media.smashingmagazine.com/cdn_smash/images/photoshop2/water.jpg" alt="Water in Adobe Photoshop Tutorials - Best Of" width="330" height="200" /></a></li>
<li><a href="http://tutiki.nikoncafe.com/w/index.php/Beautiful_Skin_by_Czechman">Making Skin Beautiful</a><br />
Not everyone has a beautiful skin. This tutorial will help the photographer put their models in the</li>
</ul>
<p><a href="http://www.smashingmagazine.com/2008/01/08/100-excellent-free-high-quality-wordpress-themes/" target="_blank"><strong>Resource From Smashingmagazine</strong></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.topwebpost.com/adobe-photoshop-tutorials-%e2%80%93-best-of/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
