<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:atom="http://www.w3.org/2005/Atom" xmlns:openSearch="http://a9.com/-/spec/opensearch/1.1/" xmlns:georss="http://www.georss.org/georss" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0"><channel><atom:id>tag:blogger.com,1999:blog-3319485364296460897</atom:id><lastBuildDate>Fri, 03 Jul 2009 21:57:16 +0000</lastBuildDate><title>Design Label</title><description /><link>http://www.designlabelblog.com/</link><managingEditor>noreply@blogger.com (Designlabel)</managingEditor><generator>Blogger</generator><openSearch:totalResults>10</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" href="http://feeds.feedburner.com/designlabel" type="application/rss+xml" /><feedburner:emailServiceId>designlabel</feedburner:emailServiceId><feedburner:feedburnerHostname>http://feedburner.google.com</feedburner:feedburnerHostname><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com" /><item><guid isPermaLink="false">tag:blogger.com,1999:blog-3319485364296460897.post-5365141739853374317</guid><pubDate>Mon, 09 Mar 2009 14:10:00 +0000</pubDate><atom:updated>2009-03-09T08:20:20.709-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Web Design</category><category domain="http://www.blogger.com/atom/ns#">Interaction Design</category><category domain="http://www.blogger.com/atom/ns#">Resources</category><title>20+ ways to create javascript modal windows and dialog boxes</title><description>&lt;p&gt;Liked that login modal window on Digg ? Want to incorporate something like that in your next project ? Then this article will be helpful for you. Javascript modal dialog boxes/windows can be used in any type of project from your personal website to e-commerce website or to just spice up user interface of your web app. These can significantly improve user experience. Designers seem to like using modal windows more and more, as they provide a quick way to show data without reloading the entire page. &lt;/p&gt;
&lt;p&gt;The most common cases where these can be used are :&lt;/p&gt;
&lt;p&gt;(1) When you want to draw attention to important information.&lt;/p&gt;
&lt;p&gt;(2) When you want some action from user to continue&lt;/p&gt;
&lt;p&gt;(3) Showing warning signs&lt;/p&gt;
&lt;p&gt;(4) For extra options panel (like login/register panel)&lt;/p&gt;


&lt;img src="http://2.bp.blogspot.com/_6SeCWrONMDY/SbUn2_2fF4I/AAAAAAAABCg/aSRz_SL_ePs/s400/prototype-window.png" border="0" alt="Prototype Window" id="BLOGGER_PHOTO_ID_5311195161359751042" /&gt;
&lt;p&gt;(1) &lt;a href="http://prototype-window.xilinus.com/index.html"&gt;
Prototype Window&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;This is a javascript class based on prototype framework. This class is tested on all modern browsers like Firefox,Internet Explorer, Camino,Safari,Opera. Features of this javascript class are valid HTML/XHTML code, resizable windows.&lt;/p&gt;

&lt;img src="http://1.bp.blogspot.com/_6SeCWrONMDY/SbUvQDkh4KI/AAAAAAAABEw/NPQw-qcGKkw/s400/simplemodal.png" border="0" alt="simplemodal" id="BLOGGER_PHOTO_ID_5311203288436301986" /&gt;
&lt;img src="http://1.bp.blogspot.com/_6SeCWrONMDY/SbUvhnAPeHI/AAAAAAAABE4/vM1iqJELfoQ/s400/simple-modal-2.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5311203590005553266" /&gt;
&lt;img src="http://2.bp.blogspot.com/_6SeCWrONMDY/SbUvzb5JtGI/AAAAAAAABFA/CLNKT50LmNA/s400/simple-modal-3.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5311203896260670562" /&gt;
&lt;p&gt;(2) &lt;a href="http://www.ericmmartin.com/projects/simplemodal/"&gt;Simple Modal&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Simple Modal is jQuery framework based plugin which can be used to create different types of modal dialog boxes. This plugin is cross browser compatible.&lt;/p&gt;


&lt;img src="http://3.bp.blogspot.com/_6SeCWrONMDY/SbUt8Cs_H1I/AAAAAAAABEI/WIg2gmZ4TTg/s400/modalbox.png" border="0" alt="Modalbox" id="BLOGGER_PHOTO_ID_5311201845094326098" /&gt;
&lt;img src="http://4.bp.blogspot.com/_6SeCWrONMDY/SbUuQdYDxKI/AAAAAAAABEQ/IO8LkoB8Teg/s400/modalbox2.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5311202195851691170" /&gt;
&lt;p&gt;(3) &lt;a href="http://www.wildbit.com/labs/modalbox/"&gt;Modalbox&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Modalbox is based on Prototype and script.aculo.us frameworks.Modalbox is lightweight (10kb) and produces valid XHTML/CSS code.It uses ajax instead of iframe to load content and is also cross browser compatible( Tested in IE6, IE7, Firefox 1.0, 1.5, 2.0, Safari, Camino, Opera 8 and 9).&lt;/p&gt;

&lt;img src="http://1.bp.blogspot.com/_6SeCWrONMDY/SbUue64qi-I/AAAAAAAABEY/Nh34WnrXohw/s400/moodalbox.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5311202444291247074" /&gt;
&lt;p&gt;(4) &lt;a href="http://www.e-magine.ro/web-dev-and-design/36/moodalbox/"&gt;Moodalbox&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Moodalbox can be used to display remote content using Ajax. It is based on mootools framework.&lt;/p&gt;

&lt;img src="http://1.bp.blogspot.com/_6SeCWrONMDY/SbUrbvvzeQI/AAAAAAAABDI/UP9W7SoXhns/s400/jqmodal.png" border="0" alt="jqmodal" id="BLOGGER_PHOTO_ID_5311199091226802434" /&gt;
&lt;img src="http://3.bp.blogspot.com/_6SeCWrONMDY/SbUrvWGW-uI/AAAAAAAABDQ/4rCvlB4wocc/s400/jqmodal-2.png" border="0" alt="jqmodal-2" id="BLOGGER_PHOTO_ID_5311199427939465954" /&gt;
&lt;p&gt;(5) &lt;a href="http://dev.iceburg.net/jquery/jqModal/"&gt;
jqModal&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;It is plugin for jquery framework to make modal windows and dialog boxes in a web browser. features include multiple modal (including modal in modal) support. jqModal is lightweight(2.9kb), powerful and flexible.&lt;/p&gt;

&lt;img src="http://3.bp.blogspot.com/_6SeCWrONMDY/SbUtqxb8tXI/AAAAAAAABEA/B8EILA_r4ds/s400/live-pipe-ui.png" border="0" alt="Live Pipe UI" id="BLOGGER_PHOTO_ID_5311201548401685874" /&gt;
&lt;p&gt;(6) &lt;a href="http://livepipe.net/"&gt;Livepipe UI&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Livepipe Ui is a suite of powerful widgets and controls for websites. It is built on prototype javscript framework. Well documentation and highly tested controls are just some of it's features.&lt;/p&gt;

&lt;img src="http://3.bp.blogspot.com/_6SeCWrONMDY/SbUtWcEeFfI/AAAAAAAABD4/3K2FN29dknw/s400/lightwindow-2.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5311201199068681714" /&gt;
&lt;p&gt;(7) &lt;a href="http://stickmanlabs.com/lightwindow/"&gt;Lightwindow&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;It can be used to display pdf's, flash, quicktime movie files and other types of media files in javascript dialog boxes.It is tested on all modern web browsers.&lt;/p&gt;




&lt;img src="http://2.bp.blogspot.com/_6SeCWrONMDY/SbUwOPCCvOI/AAAAAAAABFQ/HW0BWfB0BZA/s400/submodal-small.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5311204356664769762" /&gt;
&lt;p&gt;(8) &lt;a href="http://code.google.com/p/submodal/"&gt;
Submodal&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;It is a javascript/DHTML modal window solution. It is tested on IE 6+, Firefox 0.9+, Safari, Opera 7+.&lt;/p&gt;

&lt;img src="http://4.bp.blogspot.com/_6SeCWrONMDY/SbUwj4t5K5I/AAAAAAAABFY/b2lsZ40rrhI/s400/facebox.png" border="0" alt="Facebox" id="BLOGGER_PHOTO_ID_5311204728631798674" /&gt;
&lt;img src="http://2.bp.blogspot.com/_6SeCWrONMDY/SbUwy_rv_5I/AAAAAAAABFg/-JXnY6WF27o/s400/facebox-2.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5311204988199894930" /&gt;
&lt;p&gt;(9) &lt;a href="http://famspam.com/facebox"&gt;Facebox&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;It is jquery based, facebook style lightbox which can be used to display images,divs or entire pages.&lt;/p&gt;

&lt;img src="http://1.bp.blogspot.com/_6SeCWrONMDY/SbUw-oF_5RI/AAAAAAAABFo/MYZo6z5VyyI/s400/wingo.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5311205188025967890" /&gt;
&lt;p&gt;(10) &lt;a href=" http://www.wingo.com/dialogbox/index.html"&gt;
Wingo&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;A way to make dragable modal boxes.&lt;/p&gt;



&lt;img src="http://4.bp.blogspot.com/_6SeCWrONMDY/SbUpd2o1b5I/AAAAAAAABCw/d7-_6r0Dw9U/s400/high-slide.png" border="0" alt="Highslide" id="BLOGGER_PHOTO_ID_5311196928413101970" /&gt;
&lt;p&gt;(11) &lt;a href=" http://highslide.com/"&gt;Highslide&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;It is a nice clean and powerful photo gallery using javascript modal boxes.&lt;/p&gt;

&lt;img src="http://4.bp.blogspot.com/_6SeCWrONMDY/SbUpLRzb2KI/AAAAAAAABCo/1SVyDnJYaj0/s400/greybox.png" border="0" alt="Greybox" id="BLOGGER_PHOTO_ID_5311196609287805090" /&gt;
&lt;p&gt;(12) &lt;a href="http://orangoo.com/labs/GreyBox/"&gt;Greybox&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Easy to use and setup javascript modal boxes.&lt;/p&gt;

&lt;img src="http://2.bp.blogspot.com/_6SeCWrONMDY/SbUu8rwMuZI/AAAAAAAABEo/rNc3MTudoWI/s400/suckerfish.png" border="0" alt="suckerfish" id="BLOGGER_PHOTO_ID_5311202955625281938" /&gt;
&lt;p&gt;(13) &lt;a href="http://mondaybynoon.com/2007/02/19/suckerfish-hoverlightbox-redux/"&gt;Suckerfish Hover Lightbox Redux&lt;/a&gt;&lt;/p&gt; 
&lt;p&gt;A suckerfish dropdown menu containing images effect. A really nice and unique effect.&lt;/p&gt;

&lt;img src="http://4.bp.blogspot.com/_6SeCWrONMDY/SbUq0VX7WmI/AAAAAAAABDA/M2U2_Fq05f0/s400/interface+elements.png" border="0" alt="Interface Elements" id="BLOGGER_PHOTO_ID_5311198414132435554" /&gt;
&lt;p&gt;(14) &lt;a href="http://interface.eyecon.ro/"&gt;
Interface Elements for jQuery&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Interface is a collection of rich interface components which utilizes the lightweight JavaScript library jQuery. With this components you can build rich client web applications and interfaces with the same simplicity as writing JavaScript with jQuery.&lt;/p&gt;

&lt;img src="http://3.bp.blogspot.com/_6SeCWrONMDY/SbUwCVMiZUI/AAAAAAAABFI/0LEJQFmhECA/s400/sexy-alerts.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5311204152160970050" /&gt;
&lt;p&gt;(15) &lt;a href="http://www.coders.me/web-html-js-css/javascript/sexy-alert-box-12-mootools-jquery"&gt;Sexy alert box &lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Sexy alert box can be used to display attractive javascript alerts. Requires jQuery and Mootools.&lt;/p&gt;

&lt;img src="http://2.bp.blogspot.com/_6SeCWrONMDY/SbUxaNUKoYI/AAAAAAAABFw/Rb2JbJBfKw4/s400/alert-boxes.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5311205661873971586" /&gt; 
&lt;p&gt;(16) &lt;a href="http://abeautifulsite.net/notebook/87"&gt;jQuery Alert Dialogs&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;A set of methods that provide an inline, customizable way to show JavaScript alerts, confirmations, and prompts.&lt;/p&gt;


&lt;img src="http://4.bp.blogspot.com/_6SeCWrONMDY/SbUsAMN01uI/AAAAAAAABDY/clXwsXen-24/s400/jquery+block+UI.png" border="0" alt="jquery block UI" id="BLOGGER_PHOTO_ID_5311199717344204514" /&gt;
&lt;img src="http://1.bp.blogspot.com/_6SeCWrONMDY/SbUsbgpr49I/AAAAAAAABDg/LSjwG77GFYY/s400/jquery-block-ui.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5311200186686235602" /&gt;
&lt;p&gt;(17) &lt;a href=" http://malsup.com/jquery/block/"&gt;jQuery Block UI&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;The jQuery Block UI Plugin lets you simulate synchronous behavior when using AJAX, without locking the browser. When activated, it will prevent user activity with the page (or part of the page) until it is deactivated.&lt;/p&gt;

&lt;img src="http://3.bp.blogspot.com/_6SeCWrONMDY/SbUswS3GioI/AAAAAAAABDo/dpyk2MRZXnQ/s400/jquery-impromptu.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5311200543761664642" /&gt;

&lt;p&gt;(18) &lt;a href="http://www.trentrichardson.com/Impromptu/index.php"&gt;
jQuery Impromtu&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;jQuery Impromptu is an extention to help provide a more pleasant way to spontaneously prompt a user for input. More or less this is a great replacement for an alert, prompt, and confirm.&lt;/p&gt;

&lt;img src="http://4.bp.blogspot.com/_6SeCWrONMDY/SbUuu6IV4uI/AAAAAAAABEg/oPjo9fXBzmU/s400/nyromodals.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5311202718966473442" /&gt;
&lt;p&gt;(19) &lt;a href="http://nyromodal.nyrodev.com/"&gt;nyroModal&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;nyroModal is a highly customizable modal window plugin for jQuery.&lt;/p&gt;

&lt;img src="http://1.bp.blogspot.com/_6SeCWrONMDY/SbUtD5QerZI/AAAAAAAABDw/nSwh1JI5pY0/s400/lightview.png" border="0" alt="Lightview" id="BLOGGER_PHOTO_ID_5311200880486165906" /&gt;
&lt;p&gt;(20) &lt;a href="http://www.nickstakenburg.com/projects/lightview/"&gt;Lightview&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Lightview again is a javascript based modal window picture/media gallery with easy to use navigational features.&lt;/p&gt;


&lt;img src="http://2.bp.blogspot.com/_6SeCWrONMDY/SbUp3P4qwcI/AAAAAAAABC4/Cd4_WxsqHOM/s400/jGrowl.png" border="0" alt="jGrowl" id="BLOGGER_PHOTO_ID_5311197364687126978" /&gt;
&lt;p&gt;(21) &lt;a href="http://stanlemon.net/projects/jgrowl.html"&gt;jGrowl&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;jGrowl is a jQuery plugin that raises unobtrusive messages within the browser, similar to the way that OS X's Growl Framework works.&lt;/p&gt;

&lt;img src="http://1.bp.blogspot.com/_6SeCWrONMDY/SbUyD_xKffI/AAAAAAAABF4/WgpZ7VL2qnU/s400/gone-wild.png" border="0" alt="Lightbox gone wild" id="BLOGGER_PHOTO_ID_5311206379792006642" /&gt;
&lt;p&gt;(22) &lt;a href="http://particletree.com/features/lightbox-gone-wild/"&gt;Lightbox gone wild&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Creating javascript dialog boxes using Lokesh Dhakar’s lightbox.&lt;/p&gt;

&lt;img src="http://1.bp.blogspot.com/_6SeCWrONMDY/SbUyWrY7LPI/AAAAAAAABGA/6YbhRsU_aa8/s400/lightbox2.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5311206700739144946" /&gt;
&lt;p&gt;(23) &lt;a href="http://www.lokeshdhakar.com/projects/lightbox2/"&gt;
Lightbox 2&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;This is good old lightbox that most of us probably already know about.&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3319485364296460897-5365141739853374317?l=www.designlabelblog.com'/&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/JYTliGinFMol9BFFMKybkxBbmqs/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/JYTliGinFMol9BFFMKybkxBbmqs/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/JYTliGinFMol9BFFMKybkxBbmqs/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/JYTliGinFMol9BFFMKybkxBbmqs/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/designlabel/~4/r8YleMOGtL8" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/designlabel/~3/r8YleMOGtL8/20-ways-to-create-javascript-modal.html</link><author>noreply@blogger.com (Designlabel)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://2.bp.blogspot.com/_6SeCWrONMDY/SbUn2_2fF4I/AAAAAAAABCg/aSRz_SL_ePs/s72-c/prototype-window.png" height="72" width="72" /><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">11</thr:total><feedburner:origLink>http://www.designlabelblog.com/2009/03/20-ways-to-create-javascript-modal.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-3319485364296460897.post-7003146848925475728</guid><pubDate>Mon, 12 Jan 2009 10:40:00 +0000</pubDate><atom:updated>2009-01-13T02:30:43.618-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Web Design</category><category domain="http://www.blogger.com/atom/ns#">Graphic Design</category><category domain="http://www.blogger.com/atom/ns#">Resources</category><category domain="http://www.blogger.com/atom/ns#">Inspiration</category><title>HTML Email best practices, resources and inspiration</title><description>&lt;h6&gt;If you use a email account then most probably you know what HTML emails are. It is like subset of conventional email format which supports better formatting options unlike plain text email.&lt;/h6&gt;
&lt;br/&gt;
&lt;p&gt; Most of online business choose html emails as a way to communicate with customers in form of newsletters. Designed HTML emails are not just a pretty appearence of information but for some companies its a part of their marketing and branding. Unlike website design, designing HTML emails and making sure it's deliverability is more complex due to poor standards support by numerous email clients both web based and desktop application based. Poor CSS and  semantic code support are some of the main problems.&lt;/p&gt;
                               &lt;p&gt;In this article we tried to help you out with resources and information you will ever need for designing HTML emails with best possible practices, testing it and making sure your html email gets delivered without any problem.&lt;/p&gt;

&lt;p&gt;Bookmark this article using links down for future reference and also subscribe to our RSS feed for articles like this.&lt;/p&gt;
&lt;p&gt;Also follow this blog on twitter at &lt;a href="http://twitter.com/designlabel"&gt;http://twitter.com/designlabel&lt;/a&gt;.&lt;/p&gt;


&lt;h1&gt;Best Practices&lt;/h1&gt;

&lt;p&gt;&lt;a href="http://www.campaignmonitor.com/design-guidelines/"&gt;
Email design guidelines by Campaign Monitor&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This article highlight main email design guidelines that should be kept in mind while designing those good looking email newsletters. The first rule is that you should have permission to send email from users sending emails to users that have not given permission is not only bad thing to do but is also against SPAM laws.&lt;/p&gt;

&lt;p&gt;&lt;a href="http://www.campaignmonitor.com/css/"&gt;Guide to CSS support in email clients&lt;/a&gt;&lt;/p&gt; 

&lt;p&gt;If you design HTML emails often then this would be worth printing for reference. This guide marks which CSS features is supported and which is not by different popular email clients. ( both web based / desktop apps ) This guide is available in PDF (.pdf) and Excel (.xls) format.&lt;/p&gt;
&lt;img src="http://2.bp.blogspot.com/_6SeCWrONMDY/SWtnJVznxuI/AAAAAAAAA-A/882xY02m8bI/s400/Picture+5.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5290435597446924002" /&gt;


&lt;p&gt;&lt;a href="http://www.sitepoint.com/article/email-marketing-strategy/"&gt;Email Marketing Strategy: Shortcuts to Success&lt;/a&gt;&lt;/p&gt;


&lt;p&gt;&lt;a href="http://www.thinkvitamin.com/features/design/html-emails"&gt;HTML Emails - Taming the Beast&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This article by David Greiner  gives information on how to design keeping in mind common practices and problems using real life examples.&lt;/p&gt;

&lt;p&gt;&lt;a href="http://www.thinkvitamin.com/features/design/ensuring-your-html-emails-look-great-and-get-delivered"&gt;
Ensuring your HTML emails look great and get delivered&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;David Greiner explains what you need to do to ensure that your emails not only look great in today’s email clients but also actually make it to where they’re going.&lt;/p&gt;

&lt;p&gt;&lt;a href="http://nettuts.com/misc/6-easy-ways-to-improve-your-html-emails/"&gt;6 Easy Ways to Improve Your HTML Emails&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This article by a email designer for other email designers is a precious resource of information who are just starting out in this field. Tips like design emails to degrade gracefully helps in designing more usable HTML emails.&lt;/p&gt;

&lt;p&gt;&lt;a href="http://www.imediaconnection.com/content/6806.asp"&gt;Six Steps to Avoid Spam Filters&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This article emphasizes on sending email to legitimate users and less frequently.&lt;/p&gt; 

&lt;p&gt;&lt;a href="http://www.vdotmedia.com/blog/9-best-practices-for-email-design/"&gt;
9 best practices for email design&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="http://www.email-marketing-reports.com/wireless-mobile/design/"&gt;
Mobile email design&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Resources and information on designing emails for mobile media.&lt;/p&gt;

&lt;p&gt;&lt;a href="http://mikekleiman.blogspot.com/search/label/Coding"&gt;Coding an HTML Email&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Articles written by Mike Kleiman on coding emails.&lt;/p&gt;

&lt;p&gt;&lt;a href="http://www.sitepoint.com/article/designers-guide-html-email/"&gt;
A Designer's Guide to HTML Email&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Article on designing html emails from designer's point of view.&lt;/p&gt;

&lt;p&gt;&lt;a href="http://www.sitepoint.com/article/principles-beautiful-html-email/"&gt;The Principles of Beautiful HTML Email&lt;/a&gt;&lt;/p&gt;


&lt;p&gt;&lt;a href="http://blog.emailexperience.org/2008/07/make_it_pop_know_the_lingo_ema.html"&gt;Email Anatomy from Head to Footer&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="http://www.mailchimp.com/resources/html_email_mistakes.phtml"&gt;
Stupid HTML Email Design Mistakes&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="http://www.mailchimp.com/resources/how_to_code_html_emails.phtml"&gt;
How To Code HTML Emails&lt;/a&gt;&lt;/p&gt;


&lt;p&gt;&lt;a href="http://www.mailchimp.com/resources/best-practices-in-writing-email-subject-lines.phtml"&gt;Best Practices in Writing Email Subject Lines&lt;/a&gt;&lt;/p&gt;


&lt;p&gt;&lt;a href="http://www.mailchimp.com/resources/subject-line-comparison.phtml"&gt;Email Marketing Subject Line Comparison&lt;/a&gt;&lt;/p&gt;


&lt;p&gt;&lt;a href="http://www.mailchimp.com/resources/growing_your_list.phtml"&gt;Growing Your Permission Email List&lt;/a&gt;&lt;/p&gt;


&lt;p&gt;&lt;a href="http://www.mailchimp.com/resources/email_marketing_guide.phtml"&gt;Free Email Marketing Guide from MailChimp&lt;/a&gt;&lt;/p&gt;
&lt;img src="http://4.bp.blogspot.com/_6SeCWrONMDY/SWtngKCyNMI/AAAAAAAAA-I/kyySH-JhSs4/s400/Picture+6.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5290435989426287810" /&gt;


&lt;p&gt;&lt;a href="http://www.sitepoint.com/article/email-rich-media-right-way/"&gt;HTML Email - Rich Media the Right Way&lt;/a&gt;&lt;/p&gt;


&lt;p&gt;&lt;a href="http://www.mailchimp.com/resources/html_email_mistakes.phtml"&gt;Stupid HTML Email Design Mistakes&lt;/a&gt;&lt;/p&gt;


&lt;p&gt;&lt;a href="http://www.sitepoint.com/article/code-html-email-newsletters/"&gt;How to Code HTML Email Newsletters&lt;/a&gt;&lt;/p&gt;


&lt;p&gt;&lt;a href="http://www.campaignmonitor.com/resources/entry/559/the-getting-started-checklist-for-new-clients/"&gt;The “getting started checklist” for new clients &lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="http://www.campaignmonitor.com/resources/entry/558/about-permission/"&gt;
What you need to know about permission&lt;/a&gt;&lt;/p&gt;
 

&lt;p&gt;&lt;a href="http://www.campaignmonitor.com/resources/entry/677/image-blocking-in-email-clients/"&gt;Image blocking in email clients&lt;/a&gt;&lt;/p&gt;


&lt;p&gt;&lt;a href="http://www.campaignmonitor.com/resources/entry/676/how-do-alt-attributes-appear-in-email/"&gt;How do alt attributes appear in email?&lt;/a&gt;&lt;/p&gt;


&lt;p&gt;&lt;a href="http://www.campaignmonitor.com/resources/entry/675/how-wide-should-my-emails-be/"&gt;How wide should my emails be?&lt;/a&gt;&lt;/p&gt;


&lt;p&gt;&lt;a href="http://www.campaignmonitor.com/resources/entry/674/using-forms-in-email/"&gt;Using forms in email&lt;/a&gt;&lt;/p&gt;


&lt;p&gt;&lt;a href="http://www.campaignmonitor.com/resources/entry/673/using-flash-in-email/"&gt;Using Flash in email&lt;/a&gt;&lt;/p&gt;


&lt;p&gt;&lt;a href="http://www.mailchimp.com/resources/email_firewalls.phtml"&gt;How Email Firewalls Work&lt;/a&gt;&lt;/p&gt;


&lt;p&gt;&lt;a href="http://www.mailchimp.com/resources/how_spam_filters_think.phtml"&gt;How Spam Filters Think&lt;/a&gt;&lt;/p&gt;


&lt;p&gt;&lt;a href="http://www.spamcop.net/fom-serve/cache/104.html"&gt;
How can I reduce the number of spam complaints I get?&lt;/a&gt;&lt;/p&gt;


&lt;p&gt;&lt;a href="http://www.campaignmonitor.com/resources/entry/681/complying-with-can-spam-laws/"&gt;Complying with CAN-SPAM laws&lt;/a&gt;&lt;/p&gt;


&lt;p&gt;&lt;a href="http://www.mail-abuse.com/an_listmgntgdlines.html"&gt;
Guidelines for proper mailing list management&lt;/a&gt;&lt;/p&gt;


&lt;p&gt;&lt;a href="http://tech.groups.yahoo.com/group/emailroundtable/"&gt;Email Marketing Roundtable group&lt;/a&gt;&lt;/p&gt;
&lt;img src="http://1.bp.blogspot.com/_6SeCWrONMDY/SWtoNJ-b_3I/AAAAAAAAA-Q/HxdaDy_Kn6c/s400/Picture+7.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5290436762502168434" /&gt;

&lt;p&gt;&lt;a href="http://www.dmnews.com/Essential-Guides/section/231/"&gt;DMNews PDF essential guides&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="http://www.mailermailer.com/metrics.rwp"&gt;Email Marketing Metrics Report by Mailer Mailer&lt;/a&gt;&lt;/p&gt;
&lt;img src="http://3.bp.blogspot.com/_6SeCWrONMDY/SWtlpHctnBI/AAAAAAAAA9g/7yqOPXI0r_I/s400/MM_Metrics_Cover_2008H1.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5290433944325299218" /&gt;


&lt;h1&gt;Testing tools and services&lt;/h1&gt;

&lt;p&gt;&lt;a href="http://code.dunae.ca/premailer.web/"&gt;
Premailer&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;This free online service lets you convert your CSS to inline to make it more stable on various email clients.&lt;/p&gt;
&lt;img src="http://4.bp.blogspot.com/_6SeCWrONMDY/SWtoaEb2FsI/AAAAAAAAA-Y/l2y0Gft8fGI/s400/Picture+8.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5290436984353199810" /&gt;

&lt;p&gt;&lt;a href="http://www.contactology.com/check_mqs.php"&gt;
Test Your Email's Spam Score &amp; Deliverability&lt;/a&gt;&lt;/p&gt;


&lt;p&gt;&lt;a href="http://www.anandgraves.com/html-email-validator/"&gt;Anandgraves HTML Email Validator&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;The HTML Email Validator checks your HTML for compatibility with HTML email.&lt;/p&gt;

&lt;p&gt;&lt;a href="http://www.sitepoint.com/article/html-email-troubleshooter/"&gt;HTML eMail Troubleshooter&lt;/a&gt;&lt;/p&gt;


&lt;p&gt;&lt;a href="http://www.mailchimp.com/add-ons/inboxinspector/"&gt;MailChimp Inbox Inspector&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="http://fingerprintapp.com/"&gt;
Fingerprint&lt;/a&gt;&lt;/p&gt;
&lt;img src="http://3.bp.blogspot.com/_6SeCWrONMDY/SWtou-N6ldI/AAAAAAAAA-g/kaWJdcpJRcY/s400/Picture+9.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5290437343461414354" /&gt;


&lt;p&gt;&lt;a href="http://litmusapp.com/email-testing"&gt;Litmus Email testing&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="http://www.previewmyemail.com/index.php"&gt;
PreviewMyEmail&lt;/a&gt;&lt;/p&gt;


&lt;p&gt;&lt;a href="http://www.email-standards.org/"&gt;Email Standards Project&lt;/a&gt;&lt;/p&gt;
&lt;img src="http://3.bp.blogspot.com/_6SeCWrONMDY/SWto_2pOsZI/AAAAAAAAA-o/dp5j1raW3GU/s400/Picture+13.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5290437633486270866" /&gt;

&lt;h1&gt;Free HTML Email Templates&lt;/h1&gt;

&lt;p&gt;&lt;a href="http://www.campaignmonitor.com/templates"&gt;Campaign Monitor Themes&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;30+ Free html emails already tested in all major email clients.&lt;/p&gt;
&lt;img src="http://1.bp.blogspot.com/_6SeCWrONMDY/SWtmgs6FeiI/AAAAAAAAA9w/e72WhBy7Po8/s400/Picture+3.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5290434899273415202" /&gt;

&lt;p&gt;&lt;a href="http://www.mailchimp.com/resources/templates/"&gt;Mailchimp Templates&lt;/a&gt;&lt;/p&gt;
&lt;img src="http://4.bp.blogspot.com/_6SeCWrONMDY/SWtpPDJClxI/AAAAAAAAA-w/04o1Vuzlza8/s400/Picture+14.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5290437894538958610" /&gt;

&lt;p&gt;&lt;a href="http://www.cakemail.com/newsletter-templates"&gt;Cakemail&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Free html email templates by Cakemail licensed under Creative Commons Attribution Share-Alike license.&lt;/p&gt;
 
&lt;p&gt;&lt;a href="http://www.carbongraffiti.com/emailmarketing/emailtemplates.html"&gt;Carbon Graffiti&lt;/a&gt; &lt;/p&gt;

&lt;p&gt;Free basic layout templates very useful for using as starting point. Different styles are available.&lt;/p&gt;
&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 242px;" src="http://1.bp.blogspot.com/_6SeCWrONMDY/SWtmwVbm7KI/AAAAAAAAA94/1gwEIYsTTyc/s400/Picture+4.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5290435167849475234" /&gt;

&lt;p&gt;&lt;a href="http://www.mailchimp.com/resources/holidays/"&gt;Mailchimp Holidays Templates&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="http://www.sparklist.com/resources/tools/htmltemplates-freecollection.html "&gt;Sparklist&lt;/a&gt; &lt;/p&gt;


&lt;h1&gt;Inspiration&lt;/h1&gt;

&lt;p&gt;&lt;a href="http://www.campaignmonitor.com/gallery"&gt;Campaign Monitor Html email gallery&lt;/a&gt;&lt;/p&gt;
&lt;img src="http://1.bp.blogspot.com/_6SeCWrONMDY/SWtpeubpqAI/AAAAAAAAA-4/FybYpZjoAiY/s400/Picture+15.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5290438163857778690" /&gt;

&lt;p&gt;&lt;a href="http://spammeltdown.com/"&gt;Spam Meltdown&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;A blog based gallery of html email design with detailed information.&lt;/p&gt;
&lt;img src="http://2.bp.blogspot.com/_6SeCWrONMDY/SWtl86VZacI/AAAAAAAAA9o/rD6zkfgY7Ew/s400/Picture+1.png" border="0" alt="Spam Meltdown" id="BLOGGER_PHOTO_ID_5290434284402338242" /&gt;

&lt;p&gt;&lt;a href="http://www.mailchimp.com/customers/showcase.phtml"&gt;
Mail Chimp Showcase&lt;/a&gt;&lt;/p&gt;



&lt;h1&gt;Other Blogs on HTML Email's&lt;/h1&gt;
&lt;p&gt;&lt;a href="http://www.banane.com/workblog/"&gt;Adventures in Email Marketing&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://www.b2bemailmarketing.com/"&gt;
Be Relevant Blog&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://blog.verticalresponse.com/verticalresponse_blog/"&gt;Vertical response blog&lt;/a&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3319485364296460897-7003146848925475728?l=www.designlabelblog.com'/&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/A5YSS7cu-_jy3cCdclyLj6q7oQA/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/A5YSS7cu-_jy3cCdclyLj6q7oQA/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/A5YSS7cu-_jy3cCdclyLj6q7oQA/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/A5YSS7cu-_jy3cCdclyLj6q7oQA/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/designlabel/~4/M45clfmZxiY" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/designlabel/~3/M45clfmZxiY/html-email-best-practices-resources-and.html</link><author>noreply@blogger.com (Designlabel)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://2.bp.blogspot.com/_6SeCWrONMDY/SWtnJVznxuI/AAAAAAAAA-A/882xY02m8bI/s72-c/Picture+5.png" height="72" width="72" /><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">7</thr:total><feedburner:origLink>http://www.designlabelblog.com/2009/01/html-email-best-practices-resources-and.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-3319485364296460897.post-1395940052875564769</guid><pubDate>Fri, 07 Nov 2008 17:54:00 +0000</pubDate><atom:updated>2008-11-07T10:20:29.255-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Web Design</category><category domain="http://www.blogger.com/atom/ns#">Tutorials</category><title>Movable Type tutorials and resources</title><description>&lt;p&gt;There are numerous &lt;span style="font-weight:bold;"&gt;blogging platform&lt;/span&gt; out there like wordpress, mephisto, expression engine etc. &lt;a href="http://www.movabletype.org/"&gt;Movable Type&lt;/a&gt; is one of that category blogging platform initially developed by &lt;a href="http://www.sixapart.com/"&gt;Six Apart&lt;/a&gt; the project is now opensource (GNU General Public License) . The main features of this blogging platform are multiple blogs, static as well as dynamic publishing features, user role management, customizable templates, categories and sub categories. The static publishing features of Movable type makes it easy to use as content management system for other types of website apart from blogs. It requires both perl and php platform for full features compatibility. As for database it supports MySQL, PostgreSQL and SQlite.&lt;/p&gt;

&lt;h1&gt;Official Resources&lt;/h1&gt;
&lt;p&gt;&lt;a href="http://forums.movabletype.org/"&gt;Official Forums&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://wiki.movabletype.org/Main_Page"&gt;Official Wiki&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://www.movabletype.org/documentation/"&gt;Documentation for latest versions&lt;/a&gt;&lt;/p&gt;

&lt;h1&gt;Guides&lt;/h1&gt;
&lt;p&gt;&lt;a href="http://www.superxm.com/2007/08/movable-type-4-installation-step-by-step-with-screenshots.html"&gt;Movable Type 4 installation step by step with screenshots&lt;/a&gt;&lt;p&gt;
&lt;p&gt;Here is a clear and easy to follow movable type (version 4) installation guide with screenshots&lt;/p&gt;

&lt;p&gt;&lt;a href="http://www.movabletype.org/documentation/designer/"&gt;
Designer's Guide to Movable Type&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="http://www.movabletype.org/documentation/developer/"&gt;Movable Type Developer Guide&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="http://www.movabletype.org/documentation/administrator/"&gt;
Movable Type Administrator's Guide&lt;/a&gt;&lt;/p&gt;

&lt;span style="font-weight:bold;"&gt;
&lt;p&gt;Collating and displaying content from multiple sources using Movable Type&lt;/p&gt;&lt;/span&gt;
&lt;object height="339" width="601"&gt;   &lt;param name="allowfullscreen" value="true"&gt;   &lt;param name="allowscriptaccess" value="always"&gt;   &lt;param name="movie" value="http://www.vimeo.com/moogaloop.swf?clip_id=1481114&amp;amp;server=www.vimeo.com&amp;amp;show_title=1&amp;amp;show_byline=1&amp;amp;show_portrait=0&amp;amp;color=00ADEF&amp;amp;fullscreen=1"&gt; &lt;embed src="http://www.vimeo.com/moogaloop.swf?clip_id=1481114&amp;amp;server=www.vimeo.com&amp;amp;show_title=1&amp;amp;show_byline=1&amp;amp;show_portrait=0&amp;amp;color=00ADEF&amp;amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" height="339" width="500"&gt;&lt;/object&gt;

&lt;span style="font-weight:bold;"&gt;&lt;p&gt;Movable Type 4.1 - A users guide (Video)&lt;/p&gt;&lt;/span&gt;
&lt;p&gt;A step-by-step guide to using the new Movable Type platform&lt;/p&gt;
&lt;object width="425" height="344"&gt;&lt;param name="movie" value="http://www.youtube.com/v/loyClbqGaNc&amp;hl=en&amp;fs=1"&gt;&lt;/param&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;/param&gt;&lt;param name="allowscriptaccess" value="always"&gt;&lt;/param&gt;&lt;embed src="http://www.youtube.com/v/loyClbqGaNc&amp;hl=en&amp;fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"&gt;&lt;/embed&gt;&lt;/object&gt;

&lt;p&gt;&lt;a href="http://www.sixapart.com/pronet/comment_spam.html"&gt;Six Apart Guide to Comment Spam&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;img style="width: 400px; height: 127px;" src="http://1.bp.blogspot.com/_6SeCWrONMDY/SRRbCiZQyqI/AAAAAAAAAvQ/oYOfnZqMYM4/s400/spam-guide.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5265933963453581986" /&gt;&lt;/p&gt;

&lt;h1&gt;Style Generators&lt;/h1&gt;
&lt;p&gt;&lt;a href="http://www.movabletype.org/design/assistant/"&gt;Movable Type Design Assistant&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;img style="width: 400px; height: 200px;" src="http://3.bp.blogspot.com/_6SeCWrONMDY/SRRSZPfg3oI/AAAAAAAAAu4/5zSgfUo-COw/s400/design-assistant.png" border="0" alt="Movable Type Design Assistant" id="BLOGGER_PHOTO_ID_5265924457911869058" /&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="http://styles.movalog.com/generator/"&gt;
Style generator for movable type&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;This wizard let's you customize the look of layouts for Movable Type. It is good for customizing color scheme.&lt;/p&gt;
&lt;p&gt;&lt;img style="width: 400px; height: 238px;" src="http://2.bp.blogspot.com/_6SeCWrONMDY/SRRSvi-JzMI/AAAAAAAAAvA/3CmYpKAxghY/s400/style-generator.png" border="0" alt="Style Generator" id="BLOGGER_PHOTO_ID_5265924841097776322" /&gt;&lt;/p&gt;



&lt;h1&gt;Tutorials and tips&lt;/h1&gt;


&lt;a href="http://www.learningmovabletype.com/"&gt;Learning Movable Type&lt;/a&gt;
&lt;p&gt;A website dedicated website to tutorials and tips on movable type platform&lt;/p&gt;
&lt;p&gt;&lt;img style="width: 380px; height: 118px;" src="http://1.bp.blogspot.com/_6SeCWrONMDY/SRROOnawxZI/AAAAAAAAAtw/Xvy1nzIqJAM/s400/learning-movable-type.png" border="0" alt="Learning Movable Type" id="BLOGGER_PHOTO_ID_5265919877309318546" /&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="http://www.webmonkey.com/tutorial/Get_Started_With_Movable_Type"&gt;
Get Started With Movable Type&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;img style="width: 400px; height: 210px;" src="http://3.bp.blogspot.com/_6SeCWrONMDY/SRRO0ccnXjI/AAAAAAAAAt4/TPeJEXKt5vQ/s400/get-started-with-movable-type.png" border="0" alt="Get Started with Movable Type" id="BLOGGER_PHOTO_ID_5265920527199329842" /&gt;&lt;/p&gt;



&lt;p&gt;&lt;a href="http://www.learningmovabletype.com/a/working_with_mo/"&gt;
Working with Movable Type 4.0 Templates: Sidebar&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;img style="width: 343px; height: 203px;" src="http://3.bp.blogspot.com/_6SeCWrONMDY/SRRQVxFxqoI/AAAAAAAAAuQ/k80TfIx7-Fc/s400/movable-template.png" border="0" alt="Movable Template" id="BLOGGER_PHOTO_ID_5265922199187991170" /&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="http://www.mttags.com/"&gt;MTTags&lt;/a&gt; 
A Handy Reference For Movable Type Template Tags&lt;/p&gt;
&lt;p&gt;&lt;img style="width: 376px; height: 164px;" src="http://3.bp.blogspot.com/_6SeCWrONMDY/SRRPS8mRrgI/AAAAAAAAAuA/eEFu5vCXT4E/s400/Movable-tags.png" border="0" alt="Movable Type tags" id="BLOGGER_PHOTO_ID_5265921051225861634" /&gt;&lt;/p&gt;


&lt;p&gt;&lt;a href="http://www.learningmovabletype.com/a/alternating_comment_styles_with_movable_type_4/"&gt;Alternating Comment Styles with Movable Type 4&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;img style="width: 400px; height: 178px;" src="http://4.bp.blogspot.com/_6SeCWrONMDY/SRRP12A6E0I/AAAAAAAAAuI/wObsBggnGtk/s400/comments.png" border="0" alt="Comments"id="BLOGGER_PHOTO_ID_5265921650753934146" /&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="http://www.devlounge.net/articles/an-introduction-to-movable-type-templates"&gt;An Introduction to Movable Type Templates&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="http://www.devlounge.net/publishing/things-to-consider-when-using-movable-type-as-a-cms"&gt;
Things to Consider When Using Movable Type as a CMS&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="http://www.devlounge.net/code/keep-a-featured-post-at-the-top-of-your-mt-blog"&gt;
Keep a Featured Post at the Top of Your MT Blog&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;img style="width: 348px; height: 400px;" src="http://1.bp.blogspot.com/_6SeCWrONMDY/SRRQqMvuGyI/AAAAAAAAAuY/J1NMQhcmG6I/s400/featured_entry.jpg" border="0" alt="Featured Post" id="BLOGGER_PHOTO_ID_5265922550209059618" /&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="http://www.devlounge.net/code/anatomy-of-a-movable-type-template"&gt;Anatomy of a Movable Type Template&lt;/a&gt;&lt;/p&gt;


&lt;p&gt;&lt;a href="http://www.devlounge.net/code/enhance-search-results-with-thumbnails"&gt;Enhance Search Results with Thumbnails&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;img style="width: 233px; height: 266px;" src="http://1.bp.blogspot.com/_6SeCWrONMDY/SRRRAsC00RI/AAAAAAAAAug/0Eu_fAKiTG0/s400/search_results.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5265922936567812370" /&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="http://mt-hacks.com/"&gt;MT Hacks&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Another website on Movable Type Hacks, Plugins, and Tips. Requires free registration for downloading some plugins.&lt;/p&gt;
&lt;p&gt;&lt;img style="width: 400px; height: 61px;" src="http://1.bp.blogspot.com/_6SeCWrONMDY/SRRRVsbc2GI/AAAAAAAAAuo/o6xynCBOJts/s400/mthacks.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5265923297448351842" /&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="http://www.movabletweak.com/"&gt;Movable Tweak&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="http://www.movabletype.org/documentation/appendices/tags/"&gt;Movable Type Template Tag Reference&lt;/a&gt;&lt;/p&gt; 
&lt;p&gt;&lt;img style="width: 320px; height: 281px;" src="http://3.bp.blogspot.com/_6SeCWrONMDY/SRRRshQ2bcI/AAAAAAAAAuw/mEWrnCnLJnE/s400/tag-info.png" border="0" alt="Tags Information" id="BLOGGER_PHOTO_ID_5265923689588092354" /&gt;&lt;/p&gt;

&lt;p&gt;Template Tags are used by designers to customize the look and feel of their blog and web site.&lt;/p&gt;










&lt;p&gt;&lt;a href="http://www.eatdrinksleepmovabletype.com/tutorials/"&gt;Eat drink sleep Movable Type&lt;/a&gt;  - Tutorials website on movable type platform.&lt;/p&gt;


&lt;p&gt;&lt;a href="http://joshcarter.com/software/recaptcha"&gt;Adding reCAPTCHA to Movable Type&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;img style="width: 238px; height: 96px;" src="http://1.bp.blogspot.com/_6SeCWrONMDY/SRRbTRZt39I/AAAAAAAAAvY/g2RTs70Yqj4/s400/recaptcha.gif" border="0" alt="reCaptcha" id="BLOGGER_PHOTO_ID_5265934250949861330" /&gt;&lt;/p&gt;

&lt;h1&gt;Showcase / Gallery &lt;/h1&gt;

&lt;p&gt;&lt;a href="http://movablelove.com/"&gt;
Movablelove&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;A gallery of interesting and beutiful websites powered by movable type. Some of the big websites like Huffingston Post and Barackobama.com use movable type. Websites can be submitted to this gallery &lt;a href="http://movablelove.com/submit/"&gt;here&lt;/a&gt;. 
&lt;/p&gt;
&lt;p&gt;&lt;img style="width: 400px; height: 84px;" src="http://4.bp.blogspot.com/_6SeCWrONMDY/SRRbnkBj6GI/AAAAAAAAAvg/jbqeCt-z4SQ/s400/Movable-love.png" border="0" alt="Movable Love" id="BLOGGER_PHOTO_ID_5265934599546202210" /&gt;&lt;/p&gt;


&lt;p&gt;&lt;a href="http://www.movabletype.com/showcase/"&gt;Official Movable Type websites gallery&lt;/a&gt;&lt;/p&gt; 
&lt;p&gt;This is official gallery of websites that use movable type.&lt;/p&gt;
&lt;p&gt;&lt;img style="cursor:pointer; cursor:hand;width: 400px; height: 221px;" src="http://3.bp.blogspot.com/_6SeCWrONMDY/SRRTGH446CI/AAAAAAAAAvI/0KTSgrmR0j8/s400/gallery.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5265925228964931618" /&gt;&lt;/p&gt;

&lt;h1&gt;Movable Type Cheatsheets&lt;/h1&gt;
&lt;p&gt;&lt;a href="http://www.einfach-persoenlich.de/download/movable-type-cheat-sheet.pdf"&gt;Movable Type Cheatsheet (PDF)&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;img style="width: 400px; height: 206px;" src="http://3.bp.blogspot.com/_6SeCWrONMDY/SRR_xiPGDWI/AAAAAAAAAv4/ZOwyeTtNCvI/s400/cheatsheet.png" border="0" alt="Movable Type Cheatsheet" id="BLOGGER_PHOTO_ID_5265974353283386722" /&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://www.movabletweak.com/templates/movable_type_template_map_pdf.php"&gt;Movable Type template map (PDF)&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;img style="width: 400px; height: 177px;" src="http://2.bp.blogspot.com/_6SeCWrONMDY/SRRb9_94e6I/AAAAAAAAAvo/3DcZUfRHOYg/s400/map.png" border="0" alt="Map" id="BLOGGER_PHOTO_ID_5265934985004088226" /&gt;&lt;/p&gt;







&lt;h1&gt;Movable Type plugins&lt;/h1&gt;

&lt;p&gt;&lt;a href="http://plugins.movabletype.org/typepad-antispam/"&gt;TypePad AntiSpam&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;TypePad AntiSpam is a valuable new free tool in the fight against comment spam. Developed by Six Apart, TypePad AntiSpam blocks comment spam to improve the quality of your blog conversations and for the good of the blogosphere.&lt;/p&gt;

&lt;p&gt;&lt;a href="http://plugins.movabletype.org/pagination/"&gt;
Pagination&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;As name says it allows pagination of blog posts.&lt;/p&gt;

&lt;p&gt;&lt;a href="http://plugins.movabletype.org/fckeditor/"&gt;FCKeditor&lt;/a&gt;
Replace default HTML editor with FCKeditor.&lt;/p&gt;

&lt;p&gt;&lt;a href="http://plugins.movabletype.org/comment-subscribe/"&gt;Comment Subscribe&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Comment Subscribe allows subscription of comments through email. Thus helping in increasing users participation.&lt;/p&gt;

&lt;p&gt;&lt;a href="http://plugins.movabletype.org/template-shelf/"&gt;Template Shelf&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Template Shelf is a plugin that every serious designer and site administrator should have. This plugin makes navigating between and editing your site's templates a breeze by installing a simple plugin that sits in your template editing screens sidebar.&lt;/p&gt;

&lt;p&gt;&lt;a href="http://plugins.movabletype.org/customfields/"&gt;CustomFields&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;CustomFields, the aptly named plugin, brings custom fields to Movable Type's entries, authors and categories offering the ability to create text fields, multi-line textareas, drop down menus, radio buttons, url and date/time fields (complete with a pop up calendar).&lt;/p&gt;

&lt;p&gt;&lt;a href="http://plugins.movabletype.org/googleanalyticswidget/"&gt;GoogleAnalyticsWidget&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;View your Google Analytics data in the MT dashboard.&lt;/p&gt;

&lt;p&gt;&lt;a href="http://plugins.movabletype.org/friendfeed-comments/"&gt;FriendFeed Comments&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;FriendFeed Comments is a plugin for Movable Type that enables you to import and display comments made.&lt;/p&gt;

&lt;p&gt;&lt;a href="http://plugins.movabletype.org/imt/"&gt;iPhone Interface for Movable Type&lt;/a&gt;&lt;/p&gt; 
&lt;p&gt;This plugin automatically provides a customized and specially designed user interface for Movable Type 4.0 users accessing their Movable Type installation via their iPhone or iPod Touch.&lt;/p&gt;
&lt;h1&gt;Comparison with other platforms&lt;/h1&gt;

&lt;p&gt;&lt;a href="http://mashable.com/2007/08/15/movable-type-wordpress/"&gt;MovableType 4 vs. Wordpress 2.2&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Comparison of movable type with wordpress.&lt;/p&gt;

&lt;p&gt;&lt;a href="http://www.movabletweak.com/architecture/mt3_vs_mt4_templates.php"&gt;Movable Type 3 vs. Movable Type 4: A Modular Site Approach&lt;/a&gt;&lt;/p&gt;
&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3319485364296460897-1395940052875564769?l=www.designlabelblog.com'/&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/lkpkwpQCb9Tdh0EPniRNBVO8sB8/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/lkpkwpQCb9Tdh0EPniRNBVO8sB8/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/lkpkwpQCb9Tdh0EPniRNBVO8sB8/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/lkpkwpQCb9Tdh0EPniRNBVO8sB8/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/designlabel/~4/nR0MAkjlUsg" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/designlabel/~3/nR0MAkjlUsg/movable-type-tutorials-and-resources.html</link><author>noreply@blogger.com (Designlabel)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://1.bp.blogspot.com/_6SeCWrONMDY/SRRbCiZQyqI/AAAAAAAAAvQ/oYOfnZqMYM4/s72-c/spam-guide.png" height="72" width="72" /><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">3</thr:total><feedburner:origLink>http://www.designlabelblog.com/2008/11/movable-type-tutorials-and-resources.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-3319485364296460897.post-2031814268583270744</guid><pubDate>Tue, 27 May 2008 06:36:00 +0000</pubDate><atom:updated>2008-05-27T00:32:36.598-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Web Design</category><category domain="http://www.blogger.com/atom/ns#">Graphic Design</category><category domain="http://www.blogger.com/atom/ns#">Inspiration</category><title>Pixelart - Pixel Patterns and fonts resources</title><description>&lt;p&gt;&lt;span style="font-weight:bold;"&gt;Pixel art&lt;/span&gt; patterns are new trend in digital art. It can add detail to otherwise plain art. So we collected resources that will get you going. Resources include patterns and pixel fonts that you can use in your artworks.&lt;/p&gt;
&lt;img  src="http://3.bp.blogspot.com/_6SeCWrONMDY/SDu2GQv8ejI/AAAAAAAAAp0/2hm1dAcPS1Q/s400/Squidfingers+-+Patterns.png" border="0" alt="Squidfingers Patterns" id="BLOGGER_PHOTO_ID_5204954013048273458" /&gt;
&lt;p&gt;(1) &lt;a href="http://www.squidfingers.com/patterns/" title="Squidfingers Patterns"&gt;Squidfingers Patterns&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;A gallery of 158 quality pixel art patterns that can used for making numerous artworks even in webdesign.&lt;/p&gt;
&lt;img src="http://4.bp.blogspot.com/_6SeCWrONMDY/SDu0Ygv8efI/AAAAAAAAApU/2Pcn_l6RqNw/s400/Kaliber10000+The+Pixel+Patterns+Collection.png" border="0" alt="k10k Pixel Patterns"id="BLOGGER_PHOTO_ID_5204952127557630450" /&gt;
&lt;p&gt;(2) &lt;a href="http://k10k.net/pixelpatterns/" title="k10k Pixel Patterns"&gt;k10k Pixel Patterns&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Gallery containing 953 user submitted pixel art patterns&lt;/p&gt;
&lt;img src="http://4.bp.blogspot.com/_6SeCWrONMDY/SDu1Lgv8ehI/AAAAAAAAApk/74yOXT46LKY/s400/Pattern4u+-+Lined+-+Kollermedia.at.png" border="0" alt="Pattern4u"id="BLOGGER_PHOTO_ID_5204953003730958866" /&gt;
&lt;p&gt;(3) &lt;a href="http://www.kollermedia.at/pattern4u/" title="Pattern4u"&gt;Pattern4U&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;272 background patterns subdivided into categories like lined, dotted, squares etc.&lt;/p&gt;
&lt;img src="http://1.bp.blogspot.com/_6SeCWrONMDY/SDu0Awv8eeI/AAAAAAAAApM/yUMBvev22jQ/s400/Fontastica+fontastic+font+foundry.png" border="0" alt="Fontastica Patterns" id="BLOGGER_PHOTO_ID_5204951719535737314" /&gt;
&lt;p&gt;(4) &lt;a href="http://www.fontastica.com/patterns.html" title="Fontastica Patterns"&gt;Fontastica Patterns&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;A smart idea of pixel font that can be used to make patterns.&lt;/p&gt;
&lt;img src="http://3.bp.blogspot.com/_6SeCWrONMDY/SDu2vQv8elI/AAAAAAAAAqE/FLfyGFQDVqY/s400/x+a+n+d+o+r+r+a+s+-+p+l+a+c+e+-+patterns.png" border="0" alt="Xandorra Pattern" id="BLOGGER_PHOTO_ID_5204954717422910034" /&gt;
&lt;p&gt;(5)&lt;a href="http://www.xandorra.net/tut_pat.php" title="Xandorra Pattern"&gt;Xandorra Pattern&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;12 sets of patterns in PSD format files available to download for free.&lt;/p&gt;
&lt;img  src="http://2.bp.blogspot.com/_6SeCWrONMDY/SDuzhAv8edI/AAAAAAAAApE/ZorAKHzudh0/s400/COLOURlovers+--+Patterns.png" border="0" alt="Colourlover Patterns" id="BLOGGER_PHOTO_ID_5204951174074890706" /&gt;
&lt;p&gt;(6) &lt;a href="http://www.colourlovers.com/patterns/top" title="Colourlover Patterns"&gt;Colourlover Patterns&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Another good place for hunting pixel art patterns here you will find other types of patterns too.&lt;/p&gt;
&lt;img  src="http://4.bp.blogspot.com/_6SeCWrONMDY/SDu0xgv8egI/AAAAAAAAApc/F-h3G3IelZY/s400/Munro+-+Ten+by+Twenty.png" border="0" alt="Munro Typeface" id="BLOGGER_PHOTO_ID_5204952557054360066" /&gt;
&lt;p&gt;(7) &lt;a href="http://www.tenbytwenty.com/products/typefaces/munro" title="Munro Typeface"&gt;Munro Typeface&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;A quality free font from ten by twenty which can be used to complement pixel art work.&lt;/p&gt;
&lt;img  src="http://3.bp.blogspot.com/_6SeCWrONMDY/SDu3SQv8emI/AAAAAAAAAqM/YL4ILehbNJc/s400/1Green_Patterns_by_luthienblack.jpg" border="0" alt="Green Patterns by luthienblack" id="BLOGGER_PHOTO_ID_5204955318718331490" /&gt;
&lt;p&gt;(8) &lt;a href="http://luthienblack.deviantart.com/art/Green-Patterns-35866483" title="Green Patterns by luthienblack"&gt;Green Patterns by luthienblack&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Made in PS CS2 &amp; PSP9. Zip contains .pat file and image pack for other programs.&lt;/p&gt;
&lt;img  src="http://3.bp.blogspot.com/_6SeCWrONMDY/SDu1pQv8eiI/AAAAAAAAAps/jkcQMMTcVzU/s400/Pixel_Patterns_by_VampyreGoddess.png" border="0" alt="Pixel Patterns by vampyregoddess" id="BLOGGER_PHOTO_ID_5204953514832067106" /&gt;
&lt;p&gt;(9) &lt;a href="http://vampyregoddess.deviantart.com/art/Pixel-Patterns-58127751" title="Pixel Patterns by vampyregoddess"&gt;Pixel Patterns by vampyregoddess&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;30 100x100 pixel patterns in .png format. Can be used for graphics or website/desktop backgrounds.&lt;/p&gt;
&lt;img  src="http://3.bp.blogspot.com/_6SeCWrONMDY/SDu3qQv8enI/AAAAAAAAAqU/IgTOMwkWOGs/s400/1Micro_Patterns_by_basstar.jpg" border="0" alt="Micropatterns by basstar" id="BLOGGER_PHOTO_ID_5204955731035191922" /&gt;
&lt;p&gt;(10) &lt;a href="http://basstar.deviantart.com/art/Micro-Patterns-74512283" title="Micropatterns by basstar"&gt;Micropatterns by basstar&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;A set of 54 pixel art patterns named Micro Patterns&lt;/p&gt;
&lt;img  src="http://2.bp.blogspot.com/_6SeCWrONMDY/SDu2ZAv8ekI/AAAAAAAAAp8/rFqencXXgM0/s400/Style-Force+Semplice%E2%84%A2+Pixelfonts.png" border="0" alt="Pixelfont Styleforce" id="BLOGGER_PHOTO_ID_5204954335170820674" /&gt;
&lt;p&gt;(11) &lt;a href="http://pixelfonts.style-force.net/" title="Pixelfont Styleforce"&gt;Pixelfont Styleforce&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Good collection of pixel fonts here.&lt;/p&gt;

&lt;p&gt;(12) &lt;a href="http://pxlgfx.com/tutorials/Perfect_Pixel_Patterns/" title="Perfect pixel patterns tutorials"&gt;Perfect pixel patterns tutorials&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;A tutorial for creating pixel art patterns in Adobe Photoshop.&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3319485364296460897-2031814268583270744?l=www.designlabelblog.com'/&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/7CL3w5J7UjlXC-WkLxMdow5P8k8/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/7CL3w5J7UjlXC-WkLxMdow5P8k8/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/7CL3w5J7UjlXC-WkLxMdow5P8k8/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/7CL3w5J7UjlXC-WkLxMdow5P8k8/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/designlabel/~4/9BUgTVCPbnA" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/designlabel/~3/9BUgTVCPbnA/pixelart-pixel-patterns-and-fonts.html</link><author>noreply@blogger.com (Designlabel)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/_6SeCWrONMDY/SDu2GQv8ejI/AAAAAAAAAp0/2hm1dAcPS1Q/s72-c/Squidfingers+-+Patterns.png" height="72" width="72" /><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><feedburner:origLink>http://www.designlabelblog.com/2008/05/pixelart-pixel-patterns-and-fonts.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-3319485364296460897.post-5179784636679224873</guid><pubDate>Sun, 18 May 2008 14:41:00 +0000</pubDate><atom:updated>2008-05-18T21:32:08.158-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Web Design</category><category domain="http://www.blogger.com/atom/ns#">Inspiration</category><title>30+ E-commerce websites for inspiration</title><description>&lt;h6&gt;E-commerce websites are more complex than static websites or blogs. Here we have collected 30+ e-commerce websites which are nicely designed and can be source of inspiration for web-designers and developers working on such type of projects.&lt;/h6&gt;
&lt;br/&gt;
&lt;p&gt;They can draw some of design ideas from here. Though there is big difference between inspiration and design plagiarism that we highly discourage. Be creative and experimental.&lt;/p&gt;

&lt;p&gt;(1) &lt;a href="http://www.abercrombie.com/"&gt;Abercrombie &amp; Fitch&lt;/a&gt;&lt;/p&gt;
&lt;img src="http://3.bp.blogspot.com/_6SeCWrONMDY/SDBePRB3ZGI/AAAAAAAAAlI/RogY1EqenKA/s400/Abercrombie+%26+Fitch.png" border="0" alt="Abercrombie &amp; Fitch"id="BLOGGER_PHOTO_ID_5201761185975198818" /&gt;
&lt;p&gt;(2) &lt;a href="http://www.meomi.com/store.html"&gt;Meomi cloud house&lt;/a&gt;&lt;/p&gt;
&lt;img src="http://2.bp.blogspot.com/_6SeCWrONMDY/SDBe4BB3ZHI/AAAAAAAAAlQ/_CmL4WyTTRk/s400/meomi+cloud+house.png" border="0" alt="meomi cloud house"id="BLOGGER_PHOTO_ID_5201761886054868082" /&gt;
&lt;p&gt;(3) &lt;a href="http://www.alienware.com/"&gt;Alienware&lt;/a&gt;&lt;/p&gt;
&lt;img src="http://4.bp.blogspot.com/_6SeCWrONMDY/SDBfShB3ZII/AAAAAAAAAlY/BmlB9TybOa4/s400/Alienware-+High-Performance+Systems+-+Notebooks,+Desktop+PCs,+Workstations.png" border="0" alt="Alienware- High-Performance Systems - Notebooks, Desktop PCs, Workstations"id="BLOGGER_PHOTO_ID_5201762341321401474" /&gt;
&lt;p&gt;(4) &lt;a href="http://www.checkoutapp.com/"&gt;Checkout App&lt;/a&gt;&lt;/p&gt;
&lt;img src="http://4.bp.blogspot.com/_6SeCWrONMDY/SDBfshB3ZJI/AAAAAAAAAlg/DAnKyHV8TyI/s400/Checkout-+Point+of+Sale+for+Mac.png" border="0" alt="Checkout- Point of Sale for Mac"id="BLOGGER_PHOTO_ID_5201762787998000274" /&gt;
&lt;p&gt;(5) &lt;a href="https://www.cottyn.com/"&gt;Cottyn&lt;/a&gt;&lt;/p&gt;
&lt;img  src="http://2.bp.blogspot.com/_6SeCWrONMDY/SDBgFBB3ZKI/AAAAAAAAAlo/tP3ctxBWfwk/s400/Cottyn+-+Fresh-Picked+T-Shirts.png" border="0" alt="Cottyn - Fresh-Picked T-Shirts"id="BLOGGER_PHOTO_ID_5201763208904795298" /&gt;
&lt;p&gt;(6) &lt;a href="http://www.deside.dk/"&gt;Deside.dk&lt;/a&gt;&lt;/p&gt;
&lt;img src="http://3.bp.blogspot.com/_6SeCWrONMDY/SDBgzRB3ZLI/AAAAAAAAAlw/PCiC8GAY5ko/s400/deside.dk.png" border="0" alt="deside.dk"id="BLOGGER_PHOTO_ID_5201764003473745074" /&gt;
&lt;p&gt;(7) &lt;a href="http://www.dailycandy.com/"&gt;DailyCandy&lt;/a&gt;&lt;/p&gt;
&lt;img src="http://3.bp.blogspot.com/_6SeCWrONMDY/SDBhyRB3ZNI/AAAAAAAAAmA/52XGMay4HoQ/s400/DailyCandy+-+The+Latest+Fashion+Designers,+Weekend+Events+%26+Products.png" border="0" alt="DailyCandy - The Latest Fashion Designers, Weekend Events &amp; Products"id="BLOGGER_PHOTO_ID_5201765085805503698" /&gt;
&lt;p&gt;(8) &lt;a href="http://emptees.com/"&gt;Emptees&lt;/a&gt;&lt;/p&gt;
&lt;img src="http://4.bp.blogspot.com/_6SeCWrONMDY/SDBhUhB3ZMI/AAAAAAAAAl4/axIN4vFJ2Ec/s400/Emptees+-+Showcasing+the+art+of+tee+shirt+design.+Promote,+talk+about,+and+love+tees,+t-shirts.png" border="0" alt="Emptees - Showcasing the art of tee shirt design. Promote, talk about, and love tees, t-shirts"id="BLOGGER_PHOTO_ID_5201764574704395458" /&gt;
&lt;p&gt;(9) &lt;a href="http://www.etsy.com/"&gt;Etsy&lt;/a&gt;&lt;/p&gt;
&lt;img src="http://2.bp.blogspot.com/_6SeCWrONMDY/SDD28BB3ZPI/AAAAAAAAAmM/I0ze4HmMWE0/s400/Etsy+--+Your+place+to+buy+and+sell+all+things+handmade.png" border="0" alt="Etsy -- Your place to buy and sell all things handmade"id="BLOGGER_PHOTO_ID_5201929080541766898" /&gt;
&lt;p&gt;(10) &lt;a href="http://www.houseoffraser.co.uk/"&gt;House of Fraser Online&lt;/a&gt;&lt;/p&gt;
&lt;img src="http://4.bp.blogspot.com/_6SeCWrONMDY/SDD3WhB3ZQI/AAAAAAAAAmU/OkBsFaQv9Xk/s400/House+of+Fraser+Online.+Best+Designer+Brands+Retailer+of+the+UK.+Designer+clothes,+homeware,+beauty+products+and+much+more.png" border="0" alt="House of Fraser Online"id="BLOGGER_PHOTO_ID_5201929535808300290" /&gt;
&lt;p&gt;(11) &lt;a href="http://iconkits.com/"&gt;Iconkits&lt;/a&gt;&lt;/p&gt;
&lt;img src="http://1.bp.blogspot.com/_6SeCWrONMDY/SDD3rxB3ZRI/AAAAAAAAAmc/uOW-XfJNJHg/s400/Iconkits.com+-+Products.png" border="0" alt="Iconkits.com"id="BLOGGER_PHOTO_ID_5201929900880520466" /&gt;
&lt;p&gt;(12) &lt;a href="http://www.ikea.com/us/en/"&gt;IKEA&lt;/a&gt;&lt;/p&gt;
&lt;img src="http://2.bp.blogspot.com/_6SeCWrONMDY/SDD4OBB3ZSI/AAAAAAAAAmk/39aWoi7vlX8/s400/IKEA+-+Home,+IKEA,+furniture,+kitchens,+appliances,+sofas,+beds,+mattresses,+tables,+chairs,+decorations.png" border="0" alt="IKEA"id="BLOGGER_PHOTO_ID_5201930489291040034" /&gt;

&lt;p&gt;(13) &lt;a href="http://www.goincase.com/"&gt;Incase&lt;/a&gt;&lt;/p&gt;
&lt;img  src="http://2.bp.blogspot.com/_6SeCWrONMDY/SDD4oBB3ZTI/AAAAAAAAAms/UsyodTP9ydY/s400/Incase.png" border="0" alt="Incase"id="BLOGGER_PHOTO_ID_5201930935967638834" /&gt;
&lt;p&gt;(14) &lt;a href="http://shop.ladybugspicnic.net/"&gt;Lady Bugs Picnic&lt;/a&gt;&lt;/p&gt;
&lt;img src="http://4.bp.blogspot.com/_6SeCWrONMDY/SDD6GhB3ZUI/AAAAAAAAAm0/Z0gIheYskx8/s400/LadyBugsPicnic+%E2%80%94+Welcome+-+Cool+kids+clothes+and+cool+baby+clothes+for+trendy+toddlers+and+their+mums!.png" border="0" alt="Lady Bugs Picnic"id="BLOGGER_PHOTO_ID_5201932559465276738" /&gt;
&lt;p&gt;(15) &lt;a href="http://www.moo.com/"&gt;MOO&lt;/a&gt;&lt;/p&gt;
&lt;img src="http://3.bp.blogspot.com/_6SeCWrONMDY/SDD7GRB3ZVI/AAAAAAAAAm8/ElQkjH5KcBg/s400/MOO.com.png" border="0" alt="MOO"id="BLOGGER_PHOTO_ID_5201933654681937234" /&gt;
&lt;p&gt;(16) &lt;a href="http://intlstore.mozilla.org/"&gt;Mozilla Store International&lt;/a&gt;&lt;/p&gt;
&lt;img src="http://3.bp.blogspot.com/_6SeCWrONMDY/SDD7bRB3ZWI/AAAAAAAAAnE/i-HvekditGE/s400/Mozilla+Store+International.png" border="0" alt="Mozilla Store International"id="BLOGGER_PHOTO_ID_5201934015459190114" /&gt;
&lt;p&gt;(17) &lt;a href="http://www.purevolume.com/"&gt;Purevolume&lt;/a&gt;&lt;/p&gt;
&lt;img  src="http://1.bp.blogspot.com/_6SeCWrONMDY/SDD77xB3ZXI/AAAAAAAAAnM/BChpscKKJdM/s400/purevolume%E2%84%A2+-+We%27re+Listening+To+You.png" border="0" alt="purevolume"id="BLOGGER_PHOTO_ID_5201934573804938610" /&gt;
&lt;p&gt;(18) &lt;a href="http://rosaloves.com/"&gt;ROSA LOVES&lt;/a&gt;&lt;/p&gt;
&lt;img src="http://2.bp.blogspot.com/_6SeCWrONMDY/SDD8OBB3ZYI/AAAAAAAAAnU/dMNR0KFO36k/s400/ROSA+LOVES+Designed+For+Good.png" border="0" alt="ROSA LOVES Designed For Good"id="BLOGGER_PHOTO_ID_5201934887337551234" /&gt;
&lt;p&gt;(19) &lt;a href="http://flashden.net/"&gt;Flash Den&lt;/a&gt;&lt;/p&gt;
&lt;img src="http://1.bp.blogspot.com/_6SeCWrONMDY/SDD8ixB3ZZI/AAAAAAAAAnc/eV3JkxRmF40/s400/Stock+Flash+Components+-+FlashDen.png" border="0" alt="FlashDen"id="BLOGGER_PHOTO_ID_5201935243819836818" /&gt;
&lt;p&gt;(20) &lt;a href="http://stonetire.com/"&gt;Stone Tire&lt;/a&gt;&lt;/p&gt;
&lt;img src="http://2.bp.blogspot.com/_6SeCWrONMDY/SDD9PBB3ZbI/AAAAAAAAAns/P_vwq7_t8I8/s400/StoneTire+-+Retreading+tires+since.png" border="0" alt="StoneTire "id="BLOGGER_PHOTO_ID_5201936004029048242" /&gt;
&lt;p&gt;(21) &lt;a href="http://store.happywebbies.com/"&gt;Happy Webbies Store&lt;/a&gt;&lt;/p&gt;
&lt;img  src="http://2.bp.blogspot.com/_6SeCWrONMDY/SDD82BB3ZaI/AAAAAAAAAnk/mgYcb89jxGo/s400/Store+-+Happy+Webbies.png" border="0" alt="Happy Webbies Store"id="BLOGGER_PHOTO_ID_5201935574532318626" /&gt;
&lt;p&gt;(22) &lt;a href="http://www.a-better-tomorrow.com/"&gt;A better tomorrow&lt;/a&gt;&lt;/p&gt;
&lt;img src="http://3.bp.blogspot.com/_6SeCWrONMDY/SDD95RB3ZcI/AAAAAAAAAn0/CrxIX5DWCoQ/s400/Streetwear+%26+T-Shirt+Shop+-+A+better+tomorrow.png" border="0" alt="A better tomorrow"id="BLOGGER_PHOTO_ID_5201936729878521282" /&gt;
&lt;p&gt;(23) &lt;a href="http://supermarkethq.com/"&gt;Supermarket&lt;/a&gt;&lt;/p&gt;
&lt;img  src="http://4.bp.blogspot.com/_6SeCWrONMDY/SDD-ThB3ZdI/AAAAAAAAAn8/nfiPAhnFH9I/s400/Supermarket+-+Great+design.+Straight+from+designers.png" border="0" alt="Supermarket "id="BLOGGER_PHOTO_ID_5201937180850087378" /&gt;
&lt;p&gt;(24) &lt;a href="http://www.tastebook.com/"&gt;TasteBook&lt;/a&gt;&lt;/p&gt;
&lt;img  src="http://4.bp.blogspot.com/_6SeCWrONMDY/SDD-nhB3ZeI/AAAAAAAAAoE/F2oK8yuzhUE/s400/TasteBook.com-+Create+cookbooks,+search+recipes,+share+recipes.png" border="0" alt="Tastebook"id="BLOGGER_PHOTO_ID_5201937524447471074" /&gt;
&lt;p&gt;(25) &lt;a href="http://www.thorstenvanelten.com/"&gt;Thorsten van elten&lt;/a&gt;&lt;/p&gt;
&lt;img  src="http://2.bp.blogspot.com/_6SeCWrONMDY/SDD-9BB3ZfI/AAAAAAAAAoM/PzyU9ahIcL0/s400/thorsten+van+elten.png" border="0" alt="thorsten van elten"id="BLOGGER_PHOTO_ID_5201937893814658546" /&gt;
&lt;p&gt;(26) &lt;a href="http://www.threadless.com/"&gt;Threadless&lt;/a&gt;&lt;/p&gt;
&lt;img  src="http://4.bp.blogspot.com/_6SeCWrONMDY/SDD_5hB3ZgI/AAAAAAAAAoU/8hS-_a4lTBM/s400/Threadless.png" border="0" alt="Threadless"id="BLOGGER_PHOTO_ID_5201938933196744194" /&gt;
&lt;p&gt;(27) &lt;a href="http://shop.uppercasegallery.ca/"&gt;Uppercase&lt;/a&gt;&lt;/p&gt;
&lt;img src="http://4.bp.blogspot.com/_6SeCWrONMDY/SDEAPRB3ZhI/AAAAAAAAAoc/XuTXmAyRYYY/s400/UPPERCASE+-+Welcome.png" border="0" alt="UPPERCASE"id="BLOGGER_PHOTO_ID_5201939306858898962" /&gt;
&lt;p&gt;(28) &lt;a href="https://www.violet.com/index.php"&gt;Violet&lt;/a&gt;&lt;/p&gt;
&lt;img  src="http://2.bp.blogspot.com/_6SeCWrONMDY/SDEAlxB3ZiI/AAAAAAAAAok/-ySqH--4PVE/s400/Violet.+-+Cool+Gifts.+-+Brilliant+Consequences.png" border="0" alt="Violet" id="BLOGGER_PHOTO_ID_5201939693405955618" /&gt;
&lt;p&gt;(29) &lt;a href="http://vorsat.myshopify.com/"&gt;Vorsat&lt;/a&gt;&lt;/p&gt;
&lt;img  src="http://1.bp.blogspot.com/_6SeCWrONMDY/SDEA8hB3ZjI/AAAAAAAAAos/fbbpfYqqnHs/s400/Vorsat.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5201940084247979570" /&gt;
&lt;p&gt;(30) &lt;a href="http://wireandtwine.com/"&gt;Wire &amp; Twine&lt;/a&gt;&lt;/p&gt;
&lt;img  src="http://3.bp.blogspot.com/_6SeCWrONMDY/SDEBPBB3ZkI/AAAAAAAAAo0/1-hUakWpKhE/s400/Wire+%26+Twine.png" border="0" alt="Wire &amp; Twine"id="BLOGGER_PHOTO_ID_5201940402075559490" /&gt;
&lt;p&gt;(31) &lt;a href="http://www.uniqlo.co.uk/"&gt;UNIQLO UK&lt;/a&gt;&lt;/p&gt;
&lt;img  src="http://1.bp.blogspot.com/_6SeCWrONMDY/SDEBkhB3ZlI/AAAAAAAAAo8/s77em9DqDp0/s400/UNIQLO+UK.png" border="0" alt="UNIQLO UK"id="BLOGGER_PHOTO_ID_5201940771442746962" /&gt;
&lt;h6&gt;Further Reading&lt;/h6&gt;
&lt;a href="http://dzineblog.com/2008/05/20-well-designed-ecommerce-websites.html"&gt;20 Well designed ecommerce websites&lt;/a&gt; -Dzine Blog&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3319485364296460897-5179784636679224873?l=www.designlabelblog.com'/&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/Btwvdr65yzQwiMdMatqy-ZBRI1U/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/Btwvdr65yzQwiMdMatqy-ZBRI1U/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/Btwvdr65yzQwiMdMatqy-ZBRI1U/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/Btwvdr65yzQwiMdMatqy-ZBRI1U/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/designlabel/~4/zYn0a6MebuE" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/designlabel/~3/zYn0a6MebuE/30-e-commerce-websites-for-inspiration.html</link><author>noreply@blogger.com (Designlabel)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/_6SeCWrONMDY/SDBePRB3ZGI/AAAAAAAAAlI/RogY1EqenKA/s72-c/Abercrombie+%26+Fitch.png" height="72" width="72" /><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">8</thr:total><feedburner:origLink>http://www.designlabelblog.com/2008/05/30-e-commerce-websites-for-inspiration.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-3319485364296460897.post-3717913850123329991</guid><pubDate>Sun, 11 May 2008 11:03:00 +0000</pubDate><atom:updated>2008-05-11T04:48:21.952-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Web Design</category><category domain="http://www.blogger.com/atom/ns#">Inspiration</category><title>Creative png transparency web-design examples</title><description>&lt;h6&gt;Png transparency can be used to add creative effect to web-design. Though there are some accessibility issues with certain browsers (IE Mainly) which can be overcome with use of javascript fix.&lt;/h6&gt;
&lt;br/&gt;
&lt;p&gt;Here we have collected 8 creative examples of web-design using png transparency one way or another. If you know any other website please let us know in comments.&lt;/p&gt;

&lt;img style="float:none; margin:0 10px 10px 0;" src="http://4.bp.blogspot.com/_6SeCWrONMDY/SCbW8BB3Y_I/AAAAAAAAAkQ/wZMUhWdVjik/s400/speaklight-screenshot.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5199079146402571250" /&gt;

&lt;p&gt;&lt;a href="http://www.speaklight.com/"&gt;Speaklight&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Speaklight uses layers of png images to give a glassy look with vibrant colors in background. It uses 3 layers of divs first body background second wrapper or container background and using another background colors and images over that.&lt;/p&gt;

&lt;img style="float:none; margin:0 10px 10px 0;" src="http://3.bp.blogspot.com/_6SeCWrONMDY/SCbXPxB3ZAI/AAAAAAAAAkY/tiWB3X4vCwc/s400/blueflavor-screenshot2.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5199079485704987650" /&gt;

&lt;p&gt;&lt;a href="http://blueflavor.com/"&gt;Blue Flavour&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Bluflavor uses fixed background with content overlay over it. Everthing is designed with detail.&lt;/p&gt;
&lt;img style="float:none; margin:0 10px 10px 0;" src="http://2.bp.blogspot.com/_6SeCWrONMDY/SCbYIhB3ZEI/AAAAAAAAAk4/Bjk-fCy_Dj4/s400/strawpoll-screenshot.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5199080460662563906" /&gt;
&lt;p&gt;&lt;a href="http://strawpollnow.com/"&gt;Strawpoll&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;The green surrounding images is fixed at bottom of page with content behind it which is kept scrollable. A very nice effect. &lt;/p&gt;
&lt;img style="float:none; margin:0 10px 10px 0;" src="http://3.bp.blogspot.com/_6SeCWrONMDY/SCbX9xB3ZDI/AAAAAAAAAkw/p1ULaTDNyBk/s400/trevorsaint-screenshot.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5199080275978970162" /&gt;
&lt;p&gt;&lt;a href="http://www.trevorsaint.com/"&gt;Trevor Saint&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Extensive use of of Png transparency can be seen here from navidation menu to content background to logo all png.&lt;/p&gt;
&lt;img style="float:none; margin:0 10px 10px 0;" src="http://1.bp.blogspot.com/_6SeCWrONMDY/SCbXxRB3ZCI/AAAAAAAAAko/IqtUTCTKFHE/s400/eleven3.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5199080061230605346" /&gt;
&lt;p&gt;&lt;a href="http://Eleven3.com/"&gt;Eleven3&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;A transparent gradient image is used for content background here. Which adds to uniqueness of the website.&lt;/p&gt;

&lt;img style="float:none; margin:0 10px 10px 0;" src="http://4.bp.blogspot.com/_6SeCWrONMDY/SCbXfBB3ZBI/AAAAAAAAAkg/ilSFjHwHPWk/s400/Buffalo.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5199079747697992722" /&gt;

&lt;p&gt;&lt;a href="http://www.builtbybuffalo.com/"&gt;Buffalo&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Png transparency used for news section bubbles on right side.&lt;/p&gt;
&lt;img style="float:none; margin:0 10px 10px 0;" src="http://4.bp.blogspot.com/_6SeCWrONMDY/SCbYVBB3ZFI/AAAAAAAAAlA/bfcMBmy8pq8/s400/silverback-screenshot.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5199080675410928722" /&gt;
&lt;p&gt;&lt;a href="http://silverbackapp.com/"&gt;Silverbackapp&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Silverbackapp creates parallax using 3 layers of images which gives it effect of 3d. &lt;a href="http://www.thinkvitamin.com/features/design/how-to-recreate-silverbacks-parallax"&gt;Thinkvitamin&lt;/a&gt; explained in detail how to create this effect. Css-Tricks also created a tutorial for it see &lt;a href="http://css-tricks.com/3d-parralax-background-effect/"&gt;Starry Night Tutorial&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;One another Tutorial is there for using png images to create &lt;a href="http://css-tricks.com/css-trick-fade-out-the-bottom-of-pages-with-a-fixed-position-image/"&gt;fade out bottom effect&lt;/a&gt; using fixed position image.&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3319485364296460897-3717913850123329991?l=www.designlabelblog.com'/&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/znzyxBb869ThXl_Mt261cYsWa84/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/znzyxBb869ThXl_Mt261cYsWa84/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/znzyxBb869ThXl_Mt261cYsWa84/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/znzyxBb869ThXl_Mt261cYsWa84/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/designlabel/~4/56OeixDJWUE" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/designlabel/~3/56OeixDJWUE/creative-png-transparency-web-design.html</link><author>noreply@blogger.com (Designlabel)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://4.bp.blogspot.com/_6SeCWrONMDY/SCbW8BB3Y_I/AAAAAAAAAkQ/wZMUhWdVjik/s72-c/speaklight-screenshot.png" height="72" width="72" /><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">4</thr:total><feedburner:origLink>http://www.designlabelblog.com/2008/05/creative-png-transparency-web-design.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-3319485364296460897.post-5367133558110925374</guid><pubDate>Sun, 13 Apr 2008 10:05:00 +0000</pubDate><atom:updated>2008-04-13T03:20:43.883-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Tutorials</category><title>6 handy photoshop tutorials</title><description>&lt;p&gt;In this post we have collected 6 detailed quality tutorials for adobe photoshop. From designing craters to doing dreamy wallpapers it's all in here. We have picked these tutorials for various reasons like quality, usefullness, and portability (PDF Files). We hope you will like these tutorials. If you know more such quality tutorials please tell us about it.&lt;/p&gt;
&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_6SeCWrONMDY/SAHcp_IRt9I/AAAAAAAAAjY/jEtbjwebhVo/s1600-h/Travel___Tutorial_by_petercui.jpg"&gt;&lt;img style="cursor: pointer;" src="http://4.bp.blogspot.com/_6SeCWrONMDY/SAHcp_IRt9I/AAAAAAAAAjY/jEtbjwebhVo/s400/Travel___Tutorial_by_petercui.jpg" alt="" id="BLOGGER_PHOTO_ID_5188670859586418642" border="0" /&gt;&lt;/a&gt;
&lt;p&gt;&lt;a href="http://petercui.deviantart.com/art/Travel-Tutorial-63139300"&gt;Travel Series Wallpaper Tutorial&lt;/a&gt; by Petercui&lt;/p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_6SeCWrONMDY/SAHcp_IRt9I/AAAAAAAAAjY/jEtbjwebhVo/s1600-h/Travel___Tutorial_by_petercui.jpg"&gt;&lt;/a&gt;&lt;p&gt;Tutorial for desiging dreamy wallpapers. The download file contains 5 photoshop sample files, a 78 page pdf file. Total size of download is 13.6mb .&lt;/p&gt;
&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_6SeCWrONMDY/SAHc4_IRt_I/AAAAAAAAAjo/4x7LXwk82UQ/s1600-h/Tutorial__Craters_by_Baro.jpg"&gt;&lt;img style="cursor: pointer;" src="http://4.bp.blogspot.com/_6SeCWrONMDY/SAHc4_IRt_I/AAAAAAAAAjo/4x7LXwk82UQ/s400/Tutorial__Craters_by_Baro.jpg" alt="" id="BLOGGER_PHOTO_ID_5188671117284456434" border="0" /&gt;&lt;/a&gt;
&lt;p&gt;&lt;a href="http://baro.deviantart.com/art/Tutorial-Craters-78901918"&gt;Tutorial - Desiging Craters&lt;/a&gt; by Baro&lt;/p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_6SeCWrONMDY/SAHc4_IRt_I/AAAAAAAAAjo/4x7LXwk82UQ/s1600-h/Tutorial__Craters_by_Baro.jpg"&gt;&lt;/a&gt;&lt;p&gt;A Tutorial on how to create Craters on planets. Good for designing spaceart wallpapers etc. Size of PDF file is 1.15mb and is 8 pages long.&lt;/p&gt;
&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_6SeCWrONMDY/SAHcd_IRt8I/AAAAAAAAAjQ/zQQvApRxWcA/s1600-h/Digital_Illustration_Tutorial_byy_MadPotato.jpg"&gt;&lt;img style="cursor: pointer;" src="http://4.bp.blogspot.com/_6SeCWrONMDY/SAHcd_IRt8I/AAAAAAAAAjQ/zQQvApRxWcA/s400/Digital_Illustration_Tutorial_byy_MadPotato.jpg" alt="" id="BLOGGER_PHOTO_ID_5188670653427988418" border="0" /&gt;&lt;/a&gt;
&lt;p&gt;&lt;a href="http://madpotato.deviantart.com/art/Digital-Illustration-Tutorial-76432376"&gt;Digital Illustration Tutorial&lt;/a&gt; by &lt;a href="http://www.madpotato.de/"&gt;MadPotato&lt;/a&gt;&lt;/p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_6SeCWrONMDY/SAHcd_IRt8I/AAAAAAAAAjQ/zQQvApRxWcA/s1600-h/Digital_Illustration_Tutorial_byy_MadPotato.jpg"&gt;&lt;/a&gt;&lt;p&gt;In this tutorial you will learn about creating and colorizing a textured background, creating a custom brush-style, smudge tool and displace filter, optimizing color curves.The size of PDF file is 1.9mb.&lt;/p&gt;
&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_6SeCWrONMDY/SAHdEPIRuAI/AAAAAAAAAjw/hlnH6JBo3BQ/s1600-h/Vectors_With_A_Lacing_Of_3D_by_MadPotato.jpg"&gt;&lt;img style="cursor: pointer;" src="http://1.bp.blogspot.com/_6SeCWrONMDY/SAHdEPIRuAI/AAAAAAAAAjw/hlnH6JBo3BQ/s400/Vectors_With_A_Lacing_Of_3D_by_MadPotato.jpg" alt="" id="BLOGGER_PHOTO_ID_5188671310557984770" border="0" /&gt;&lt;/a&gt;
&lt;p&gt;&lt;a href="http://madpotato.deviantart.com/art/Vectors-With-A-Lacing-Of-3D-78420102"&gt;Vectors with a lacing of 3D&lt;/a&gt; by Madpotato&lt;/p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_6SeCWrONMDY/SAHdEPIRuAI/AAAAAAAAAjw/hlnH6JBo3BQ/s1600-h/Vectors_With_A_Lacing_Of_3D_by_MadPotato.jpg"&gt;&lt;/a&gt;&lt;p&gt;Though this tutorial involves vectors and 3d-editing but you can skip that and use photoshop tricks only.Size of PDF file is 2.7mb&lt;/p&gt;
&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_6SeCWrONMDY/SAHcLfIRt7I/AAAAAAAAAjI/1eNdOh5tzGo/s1600-h/Photoshop_Beauty_Tutorial_by_Zoffie.jpg"&gt;&lt;img style="cursor: pointer;" src="http://2.bp.blogspot.com/_6SeCWrONMDY/SAHcLfIRt7I/AAAAAAAAAjI/1eNdOh5tzGo/s400/Photoshop_Beauty_Tutorial_by_Zoffie.jpg" alt="" id="BLOGGER_PHOTO_ID_5188670335600408498" border="0" /&gt;&lt;/a&gt;
&lt;p&gt;&lt;a href="http://zoffie.deviantart.com/art/Photoshop-Beauty-Tutorial-57426750"&gt;Photoshop Beauty Tutorial&lt;/a&gt; by Zoffie&lt;/p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_6SeCWrONMDY/SAHcLfIRt7I/AAAAAAAAAjI/1eNdOh5tzGo/s1600-h/Photoshop_Beauty_Tutorial_by_Zoffie.jpg"&gt;&lt;/a&gt;&lt;p&gt;This tutorial shows how we can utilize power of photoshop to make persons in images look good. Download file contains JPG file.&lt;/p&gt;
&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_6SeCWrONMDY/SAHcwfIRt-I/AAAAAAAAAjg/f_9TcAiKnD0/s1600-h/Complete_Photoshop_Brush_Guide_by_nokari.jpg"&gt;&lt;img style="cursor: pointer;" src="http://2.bp.blogspot.com/_6SeCWrONMDY/SAHcwfIRt-I/AAAAAAAAAjg/f_9TcAiKnD0/s400/Complete_Photoshop_Brush_Guide_by_nokari.jpg" alt="" id="BLOGGER_PHOTO_ID_5188670971255568354" border="0" /&gt;&lt;/a&gt;
&lt;p&gt;&lt;a href="http://nokari.deviantart.com/art/Complete-Photoshop-Brush-Guide-66462868"&gt;Complete Photoshop Brush Guide&lt;/a&gt; by Nokari&lt;/p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_6SeCWrONMDY/SAHcwfIRt-I/AAAAAAAAAjg/f_9TcAiKnD0/s1600-h/Complete_Photoshop_Brush_Guide_by_nokari.jpg"&gt;&lt;/a&gt;&lt;p&gt;All you need to know about brushes in photoshop is in this detailed tutorial. Download file contains 4 JPG's and size is 3.4mb. It comes handy when working with brushes.&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3319485364296460897-5367133558110925374?l=www.designlabelblog.com'/&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/dlrycbEYpOCJAD8eZCQBsb4b9ws/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/dlrycbEYpOCJAD8eZCQBsb4b9ws/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/dlrycbEYpOCJAD8eZCQBsb4b9ws/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/dlrycbEYpOCJAD8eZCQBsb4b9ws/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/designlabel/~4/qxQCfmQXk24" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/designlabel/~3/qxQCfmQXk24/6-handy-photoshop-tutorials.html</link><author>noreply@blogger.com (Designlabel)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://4.bp.blogspot.com/_6SeCWrONMDY/SAHcp_IRt9I/AAAAAAAAAjY/jEtbjwebhVo/s72-c/Travel___Tutorial_by_petercui.jpg" height="72" width="72" /><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">2</thr:total><feedburner:origLink>http://www.designlabelblog.com/2008/04/6-handy-photoshop-tutorials.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-3319485364296460897.post-3233084346987342914</guid><pubDate>Sun, 30 Mar 2008 08:49:00 +0000</pubDate><atom:updated>2008-03-31T10:09:06.870-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Graphic Design</category><category domain="http://www.blogger.com/atom/ns#">Interaction Design</category><title>Data visualization and infographics resources for design inspiration</title><description>&lt;p&gt;&lt;span style="font-weight: bold;"&gt;Infographics or  Information graphics&lt;/span&gt; is mode of visual communication of information using graphics. Like maps, technical writing, flowcharts, &lt;span style="font-weight: bold;"&gt;scientific visualization&lt;/span&gt;, process visualization etc. They can be very good resources of inspiration for various design jobs as they &lt;span style="font-weight: bold;"&gt;solve communication problems&lt;/span&gt; using easy to understand graphics which can be small icons, pictograms or pictures.&lt;/p&gt;
&lt;p&gt;
&lt;a href="http://particletree.com/features/visualizing-fittss-law/"&gt;Visualizing Fitt's law&lt;/a&gt; - &lt;span style="font-weight: bold;"&gt;Particle Tree&lt;/span&gt;
Published in 1954, Fitts’s Law is an effective method of modeling the relationship of a very specific, yet common situation in interface design.&lt;/p&gt;
&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_6SeCWrONMDY/R_EALTl3NaI/AAAAAAAAAio/VVpIlh39SkI/s1600-h/f5.gif"&gt;&lt;img style="cursor: pointer;" src="http://4.bp.blogspot.com/_6SeCWrONMDY/R_EALTl3NaI/AAAAAAAAAio/VVpIlh39SkI/s400/f5.gif" alt="" id="BLOGGER_PHOTO_ID_5183924840317793698" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://flowingdata.com/2008/03/19/21-ways-to-visualize-and-explore-your-email-inbox/"&gt;21 ways to visualize and explore your email inbox  &lt;/a&gt; - &lt;span style="font-weight: bold;"&gt;Flowingdata&lt;/span&gt;
This article gives information on visualizing your email inbox using various visualization tools.&lt;/p&gt;
&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_6SeCWrONMDY/R--kMzl3MtI/AAAAAAAAAdA/VH_tynDKurw/s1600-h/buddygraph.png"&gt;&lt;img style="cursor: pointer;" src="http://4.bp.blogspot.com/_6SeCWrONMDY/R--kMzl3MtI/AAAAAAAAAdA/VH_tynDKurw/s320/buddygraph.png" alt="" id="BLOGGER_PHOTO_ID_5183542236041130706" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_6SeCWrONMDY/R--klzl3MuI/AAAAAAAAAdI/jk2iPIgdO9Q/s1600-h/mymap.png"&gt;&lt;img style="cursor: pointer;" src="http://4.bp.blogspot.com/_6SeCWrONMDY/R--klzl3MuI/AAAAAAAAAdI/jk2iPIgdO9Q/s320/mymap.png" alt="" id="BLOGGER_PHOTO_ID_5183542665537860322" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_6SeCWrONMDY/R--kxzl3MvI/AAAAAAAAAdQ/Kq8ku4EMH-o/s1600-h/spammap.png"&gt;&lt;img style="cursor: pointer;" src="http://4.bp.blogspot.com/_6SeCWrONMDY/R--kxzl3MvI/AAAAAAAAAdQ/Kq8ku4EMH-o/s320/spammap.png" alt="" id="BLOGGER_PHOTO_ID_5183542871696290546" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_6SeCWrONMDY/R--jzjl3MsI/AAAAAAAAAc4/48OGfs6k3N8/s1600-h/themail.png"&gt;&lt;img style="cursor: pointer;" src="http://3.bp.blogspot.com/_6SeCWrONMDY/R--jzjl3MsI/AAAAAAAAAc4/48OGfs6k3N8/s320/themail.png" alt="" id="BLOGGER_PHOTO_ID_5183541802249433794" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_6SeCWrONMDY/R-9XQDl3MqI/AAAAAAAAAco/HvNPL6fOyyA/s1600-h/jamin.jpg"&gt;&lt;img style="cursor: pointer;" src="http://1.bp.blogspot.com/_6SeCWrONMDY/R-9XQDl3MqI/AAAAAAAAAco/HvNPL6fOyyA/s320/jamin.jpg" alt="" id="BLOGGER_PHOTO_ID_5183457629480366754" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://flowingdata.com/2008/03/12/17-ways-to-visualize-the-twitter-universe/"&gt;17 ways to visualize twitter universe&lt;/a&gt; - &lt;span style="font-weight: bold;"&gt;Flowingdata&lt;/span&gt;
Twitter as we all know is very simple yet very useful social media tool which keeps us updated on what others are doing and show others what you are doing. There are some really cool tools out there for visualizing different types of data of your twitter account like network diagrams, analytic information etc.Like for example &lt;a href="http://tweetstats.com/"&gt;Tweetstats&lt;/a&gt; shows analytics data of your twitter account.&lt;/p&gt;
&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_6SeCWrONMDY/R--lZzl3MwI/AAAAAAAAAdY/b4zqEdNurEM/s1600-h/twitter-browser.png"&gt;&lt;img style="cursor: pointer;" src="http://4.bp.blogspot.com/_6SeCWrONMDY/R--lZzl3MwI/AAAAAAAAAdY/b4zqEdNurEM/s320/twitter-browser.png" alt="" id="BLOGGER_PHOTO_ID_5183543558891057922" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_6SeCWrONMDY/R--l6jl3MxI/AAAAAAAAAdg/ObiorSxn7gY/s1600-h/twittervision.png"&gt;&lt;img style="cursor: pointer;" src="http://3.bp.blogspot.com/_6SeCWrONMDY/R--l6jl3MxI/AAAAAAAAAdg/ObiorSxn7gY/s400/twittervision.png" alt="" id="BLOGGER_PHOTO_ID_5183544121531773714" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_6SeCWrONMDY/R--mFjl3MyI/AAAAAAAAAdo/9Y0WgqoIcj4/s1600-h/tweetstats.png"&gt;&lt;img style="cursor: pointer;" src="http://3.bp.blogspot.com/_6SeCWrONMDY/R--mFjl3MyI/AAAAAAAAAdo/9Y0WgqoIcj4/s400/tweetstats.png" alt="" id="BLOGGER_PHOTO_ID_5183544310510334754" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://www.solutionwatch.com/252/visualizing-delicious-roundup/"&gt;Visualizing Del.icio.us Roundup&lt;/a&gt; - &lt;span style="font-weight: bold;"&gt;Solution Watch&lt;/span&gt;
List of tools for visualizing del.icio.us account with description
And for del.icio.us users you can visualize your del.icio.us tags and bookmarks on &lt;a href="http://www.sixpli.com/"&gt;Sixpli&lt;/a&gt; (requires flash)  webapp.&lt;/p&gt;
&lt;p&gt;
&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_6SeCWrONMDY/R--m4Dl3MzI/AAAAAAAAAdw/OJ_uWROfrhU/s1600-h/6pli_3d.jpeg"&gt;&lt;img style="cursor: pointer;" src="http://1.bp.blogspot.com/_6SeCWrONMDY/R--m4Dl3MzI/AAAAAAAAAdw/OJ_uWROfrhU/s400/6pli_3d.jpeg" alt="" id="BLOGGER_PHOTO_ID_5183545178093728562" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://www.filamentgroup.com/lab/creating_accessible_charts_using_canvas_and_jquery/"&gt;Creating accessible charts using canvas and jquery&lt;/a&gt; - &lt;span style="font-weight: bold;"&gt;Filament Group &lt;/span&gt;
This is one of nice articles on data visualization in HTML using Javascript and API's.&lt;/p&gt;
&lt;p&gt;
&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_6SeCWrONMDY/R--nVzl3M0I/AAAAAAAAAd4/HNzHkqVCtN0/s1600-h/canvas.png"&gt;&lt;img style="cursor: pointer;" src="http://4.bp.blogspot.com/_6SeCWrONMDY/R--nVzl3M0I/AAAAAAAAAd4/HNzHkqVCtN0/s400/canvas.png" alt="" id="BLOGGER_PHOTO_ID_5183545689194836802" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;
&lt;a href="http://senseable.mit.edu/nyte/index.html"&gt;New York Talk Exchange&lt;/a&gt; illustrates the global exchange of information in real time by visualizing volumes of long distance telephone and IP (Internet Protocol) data flowing between New York and cities around the world.&lt;/p&gt;
&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_6SeCWrONMDY/R--n9Tl3M1I/AAAAAAAAAeA/sUP-yAiFKYM/s1600-h/01%2Bnyte%2B-%2Bglobe%2Bencounters.jpg"&gt;&lt;img style="cursor: pointer;" src="http://2.bp.blogspot.com/_6SeCWrONMDY/R--n9Tl3M1I/AAAAAAAAAeA/sUP-yAiFKYM/s400/01%2Bnyte%2B-%2Bglobe%2Bencounters.jpg" alt="" id="BLOGGER_PHOTO_ID_5183546367799669586" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_6SeCWrONMDY/R--oETl3M2I/AAAAAAAAAeI/66DYHZiJRRw/s1600-h/03%2Bnyte%2B-%2Bworld%2Bwithin%2Bnew%2Byork.jpg"&gt;&lt;img style="cursor: pointer;" src="http://2.bp.blogspot.com/_6SeCWrONMDY/R--oETl3M2I/AAAAAAAAAeI/66DYHZiJRRw/s400/03%2Bnyte%2B-%2Bworld%2Bwithin%2Bnew%2Byork.jpg" alt="" id="BLOGGER_PHOTO_ID_5183546488058753890" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="font-weight: bold;"&gt;Stephen P. Anderson&lt;/span&gt; designed a very nice Pdf poster on &lt;a href="http://www.poetpainter.com/thoughts/article/classifying-experiences"&gt;Sorting, Classifying, and labeling experiences&lt;/a&gt; you can download it from &lt;a href="http://www.poetpainter.com/thoughts/file_download/3"&gt;here.&lt;/a&gt; (~3mb) or letter sized pdf &lt;a href="http://www.poetpainter.com/thoughts/file_download/4"&gt;here&lt;/a&gt; (~450kb) (Printable version)
&lt;/p&gt;
&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_6SeCWrONMDY/R--oozl3M3I/AAAAAAAAAeQ/prXmmx2yLOo/s1600-h/Classifying_Experiences%282%29.pdf%2B%281%2Bpage%29.jpg"&gt;&lt;img style="cursor: pointer;" src="http://4.bp.blogspot.com/_6SeCWrONMDY/R--oozl3M3I/AAAAAAAAAeQ/prXmmx2yLOo/s400/Classifying_Experiences%282%29.pdf%2B%281%2Bpage%29.jpg" alt="" id="BLOGGER_PHOTO_ID_5183547115123979122" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="font-weight: bold;"&gt;John Emerson's&lt;/span&gt; pdf booklet on Visulaizing Information for advocacy can be downloaded freely from &lt;a href="http://apperceptive.com/infodesign.pdf"&gt;here&lt;/a&gt;. (~7mb)&lt;/p&gt;
&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_6SeCWrONMDY/R--ozzl3M4I/AAAAAAAAAeY/IUfXIm-T8-4/s1600-h/infodesign.jpg"&gt;&lt;img style="cursor: pointer;" src="http://4.bp.blogspot.com/_6SeCWrONMDY/R--ozzl3M4I/AAAAAAAAAeY/IUfXIm-T8-4/s400/infodesign.jpg" alt="" id="BLOGGER_PHOTO_ID_5183547304102540162" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Some &lt;a href="http://www.funnelinc.com/funl_infographic_samples.html"&gt;demonstration infographics&lt;/a&gt; by &lt;span style="font-weight: bold;"&gt;Funnel Incorporated&lt;/span&gt; in Jpegs format.&lt;/p&gt;
&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_6SeCWrONMDY/R--pczl3M6I/AAAAAAAAAeo/WgFjW4Zl0QY/s1600-h/funl_IF_harv_coal07.jpg"&gt;&lt;img style="cursor: pointer;" src="http://4.bp.blogspot.com/_6SeCWrONMDY/R--pczl3M6I/AAAAAAAAAeo/WgFjW4Zl0QY/s400/funl_IF_harv_coal07.jpg" alt="" id="BLOGGER_PHOTO_ID_5183548008477176738" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_6SeCWrONMDY/R--pMjl3M5I/AAAAAAAAAeg/pBxsFmMA40g/s1600-h/funl_IF_webcrftrsA07.jpg"&gt;&lt;img style="cursor: pointer;" src="http://3.bp.blogspot.com/_6SeCWrONMDY/R--pMjl3M5I/AAAAAAAAAeg/pBxsFmMA40g/s400/funl_IF_webcrftrsA07.jpg" alt="" id="BLOGGER_PHOTO_ID_5183547729304302482" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://www.dna11.com/gallery_portraits.asp"&gt;Dna11&lt;/a&gt; offers personal &lt;span style="font-weight: bold;"&gt;DNA portraits&lt;/span&gt; as modern art.&lt;/p&gt;
&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_6SeCWrONMDY/R--p8Tl3M7I/AAAAAAAAAew/Hnx8Xj5QetY/s1600-h/photogallery_dna_01.jpg"&gt;&lt;img style="cursor: pointer;" src="http://2.bp.blogspot.com/_6SeCWrONMDY/R--p8Tl3M7I/AAAAAAAAAew/Hnx8Xj5QetY/s400/photogallery_dna_01.jpg" alt="" id="BLOGGER_PHOTO_ID_5183548549643056050" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://www.maxkiesler.com/index.php/weblog/comments/designing_visualizations_for_time_based_data/"&gt;Designing visualizations for time based data&lt;/a&gt; by Interface designer &lt;span style="font-weight: bold;"&gt;Max Kiesler&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_6SeCWrONMDY/R--qfjl3M9I/AAAAAAAAAfA/mli_4drxnT4/s1600-h/timepiece.png"&gt;&lt;img style="cursor: pointer;" src="http://3.bp.blogspot.com/_6SeCWrONMDY/R--qfjl3M9I/AAAAAAAAAfA/mli_4drxnT4/s400/timepiece.png" alt="" id="BLOGGER_PHOTO_ID_5183549155233444818" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_6SeCWrONMDY/R--qWzl3M8I/AAAAAAAAAe4/dayhBJzcHtA/s1600-h/bbc-timeline.png"&gt;&lt;img style="cursor: pointer;" src="http://4.bp.blogspot.com/_6SeCWrONMDY/R--qWzl3M8I/AAAAAAAAAe4/dayhBJzcHtA/s400/bbc-timeline.png" alt="" id="BLOGGER_PHOTO_ID_5183549004909589442" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_6SeCWrONMDY/R--qozl3M-I/AAAAAAAAAfI/f_-5cVccshQ/s1600-h/circavie2.png"&gt;&lt;img style="cursor: pointer;" src="http://4.bp.blogspot.com/_6SeCWrONMDY/R--qozl3M-I/AAAAAAAAAfI/f_-5cVccshQ/s400/circavie2.png" alt="" id="BLOGGER_PHOTO_ID_5183549314147234786" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://www.maxkiesler.com/index.php/weblog/comments/visualization_programming_languages_software_and_toolkits/"&gt;Visualization Programming languages, Software and toolkits&lt;/a&gt; also by &lt;span style="font-weight: bold;"&gt;Max Kiesler&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_6SeCWrONMDY/R--rUzl3NAI/AAAAAAAAAfY/8dzDO_2Nzhc/s1600-h/manyeyes.png"&gt;&lt;img style="cursor: pointer;" src="http://4.bp.blogspot.com/_6SeCWrONMDY/R--rUzl3NAI/AAAAAAAAAfY/8dzDO_2Nzhc/s400/manyeyes.png" alt="" id="BLOGGER_PHOTO_ID_5183550070061478914" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_6SeCWrONMDY/R--rNjl3M_I/AAAAAAAAAfQ/bZc0H9bHguc/s1600-h/flare.png"&gt;&lt;img style="cursor: pointer;" src="http://3.bp.blogspot.com/_6SeCWrONMDY/R--rNjl3M_I/AAAAAAAAAfQ/bZc0H9bHguc/s400/flare.png" alt="" id="BLOGGER_PHOTO_ID_5183549945507427314" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://informationarchitects.jp/web-trend-map-v30-countdown-new-layers/"&gt;Web market trend map 2008&lt;/a&gt; from &lt;span style="font-weight: bold;"&gt;Informationarchitects&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_6SeCWrONMDY/R--sCjl3NBI/AAAAAAAAAfg/2dYcwOnA0HY/s1600-h/momentum.gif"&gt;&lt;img style="cursor: pointer;" src="http://3.bp.blogspot.com/_6SeCWrONMDY/R--sCjl3NBI/AAAAAAAAAfg/2dYcwOnA0HY/s400/momentum.gif" alt="" id="BLOGGER_PHOTO_ID_5183550856040494098" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://www.23andme.com/gen101/graphics/genetics/"&gt;23andme' Infographics&lt;/a&gt; on effect of taste of broccoli on different genotypes. Available in pdf format too.&lt;/p&gt;
&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_6SeCWrONMDY/R--uczl3NEI/AAAAAAAAAf4/Jzyc07ue6xI/s1600-h/genetics.png"&gt;&lt;img style="cursor: pointer;" src="http://4.bp.blogspot.com/_6SeCWrONMDY/R--uczl3NEI/AAAAAAAAAf4/Jzyc07ue6xI/s400/genetics.png" alt="" id="BLOGGER_PHOTO_ID_5183553506035315778" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://www.princeton.edu/%7Eina/infographics/index.html"&gt;Six cool infographics maps&lt;/a&gt; on major current world issues from &lt;span style="font-weight: bold;"&gt;Princeton.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_6SeCWrONMDY/R--srzl3NDI/AAAAAAAAAfw/JNpbiZmMiKo/s1600-h/water.jpg"&gt;&lt;img style="cursor: pointer;" src="http://4.bp.blogspot.com/_6SeCWrONMDY/R--srzl3NDI/AAAAAAAAAfw/JNpbiZmMiKo/s400/water.jpg" alt="" id="BLOGGER_PHOTO_ID_5183551564710097970" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_6SeCWrONMDY/R--vlDl3NII/AAAAAAAAAgY/PUq6MBMfpH4/s1600-h/government.jpg"&gt;&lt;img style="cursor: pointer;" src="http://1.bp.blogspot.com/_6SeCWrONMDY/R--vlDl3NII/AAAAAAAAAgY/PUq6MBMfpH4/s400/government.jpg" alt="" id="BLOGGER_PHOTO_ID_5183554747280864386" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://www.flickr.com/photos/nationless/404205469/in/pool-35034364676@N01"&gt;
Skill set for Interaction Designers&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_6SeCWrONMDY/R--uwzl3NFI/AAAAAAAAAgA/IVETJiFIuxk/s1600-h/skillset.jpg"&gt;&lt;img style="cursor: pointer;" src="http://4.bp.blogspot.com/_6SeCWrONMDY/R--uwzl3NFI/AAAAAAAAAgA/IVETJiFIuxk/s400/skillset.jpg" alt="" id="BLOGGER_PHOTO_ID_5183553849632699474" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://www.lokeshdhakar.com/2007/09/20/baseball-pitches/"&gt;Baseball Pitches Illustrated&lt;/a&gt; - A fan's guide to identifying Pitches by &lt;span style="font-weight: bold;"&gt;Lokesh Dhakar&lt;/span&gt; Download it in &lt;a href="http://www.lokeshdhakar.com/images/2007/baseball_pitches/baseball_pitches.pdf"&gt;pdf format&lt;/a&gt;. (~149kb) and his take on &lt;a href="http://www.lokeshdhakar.com/images/2007/coffee/9_cups_of_coffee_diagram.pdf"&gt;Espresso Drinks here&lt;/a&gt;.(~359kb)
&lt;/p&gt;
&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_6SeCWrONMDY/R--vAzl3NGI/AAAAAAAAAgI/GL9mXJrI0IE/s1600-h/two_seam_fastball.png"&gt;&lt;img style="cursor: pointer;" src="http://4.bp.blogspot.com/_6SeCWrONMDY/R--vAzl3NGI/AAAAAAAAAgI/GL9mXJrI0IE/s400/two_seam_fastball.png" alt="" id="BLOGGER_PHOTO_ID_5183554124510606434" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="font-weight: bold;"&gt;Chris Harrison's&lt;/span&gt; &lt;a href="http://www.chrisharrison.net/projects/visualization.html"&gt;Visualization projects&lt;/a&gt;.
Some cool visualization projects here like wikipedia top 50 visualization and Internet map - City to city connections .&lt;/p&gt;
&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_6SeCWrONMDY/R--vbzl3NHI/AAAAAAAAAgQ/7vj9c5AzRBg/s1600-h/Top50Final2Small.jpg"&gt;&lt;img style="cursor: pointer;" src="http://4.bp.blogspot.com/_6SeCWrONMDY/R--vbzl3NHI/AAAAAAAAAgQ/7vj9c5AzRBg/s400/Top50Final2Small.jpg" alt="" id="BLOGGER_PHOTO_ID_5183554588367074418" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://www.goodmagazine.com/section/Transparency"&gt;Good Magazine Transparency&lt;/a&gt; - A graphical Exploration of data that surrounds us.
&lt;/p&gt;
&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_6SeCWrONMDY/R--v7Dl3NJI/AAAAAAAAAgg/V7f_2yOjqf8/s1600-h/009_on_currency.jpg"&gt;&lt;img style="cursor: pointer;" src="http://1.bp.blogspot.com/_6SeCWrONMDY/R--v7Dl3NJI/AAAAAAAAAgg/V7f_2yOjqf8/s400/009_on_currency.jpg" alt="" id="BLOGGER_PHOTO_ID_5183555125237986450" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://dizzia.deviantart.com/art/Curriculum-Vitae-PDF-69050981"&gt;Curriculum Vitae&lt;/a&gt; by &lt;span style="font-weight: bold;"&gt;Dizzia&lt;/span&gt;
Creative modern art approach at designing CV with help of infographics along timeline.&lt;/p&gt;
&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_6SeCWrONMDY/R--wLDl3NKI/AAAAAAAAAgo/0mQjQEc3l_I/s1600-h/Curriculum_Vitae__PDF__by_dizzia.png.jpg"&gt;&lt;img style="cursor: pointer;" src="http://1.bp.blogspot.com/_6SeCWrONMDY/R--wLDl3NKI/AAAAAAAAAgo/0mQjQEc3l_I/s400/Curriculum_Vitae__PDF__by_dizzia.png.jpg" alt="" id="BLOGGER_PHOTO_ID_5183555400115893410" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://www.designsalaries.com/downloads.html"&gt;Survey of Design Salaries&lt;/a&gt; for 2007 and 2005 year by &lt;span style="font-weight: bold;"&gt;Aquent-AIGA&lt;/span&gt; in pdf format are available for download freely.&lt;/p&gt;
&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_6SeCWrONMDY/R--xcTl3NLI/AAAAAAAAAgw/yxQshDHCDG8/s1600-h/salary-survey.PNG"&gt;&lt;img style="cursor: pointer;" src="http://2.bp.blogspot.com/_6SeCWrONMDY/R--xcTl3NLI/AAAAAAAAAgw/yxQshDHCDG8/s400/salary-survey.PNG" alt="" id="BLOGGER_PHOTO_ID_5183556795980264626" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://www.touchgraph.com/TGFacebookBrowser.html"&gt;Touchgraph Facebook browser&lt;/a&gt; lets you visualize friends and photos.&lt;/p&gt;
&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_6SeCWrONMDY/R--yCTl3NMI/AAAAAAAAAg4/HoQt1Itlz98/s1600-h/facebook-sample-lg-4.jpg"&gt;&lt;img style="cursor: pointer;" src="http://2.bp.blogspot.com/_6SeCWrONMDY/R--yCTl3NMI/AAAAAAAAAg4/HoQt1Itlz98/s400/facebook-sample-lg-4.jpg" alt="" id="BLOGGER_PHOTO_ID_5183557448815293634" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://www.foodpairing.be/"&gt;Food Pairing&lt;/a&gt; of tastes of 250 different food products.&lt;/p&gt;
&lt;p&gt;
&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_6SeCWrONMDY/R--y5Dl3NNI/AAAAAAAAAhA/9Nsh9t85BpY/s1600-h/chocolate.jpg"&gt;&lt;img style="cursor: pointer;" src="http://1.bp.blogspot.com/_6SeCWrONMDY/R--y5Dl3NNI/AAAAAAAAAhA/9Nsh9t85BpY/s400/chocolate.jpg" alt="" id="BLOGGER_PHOTO_ID_5183558389413131474" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://searchengineoptimization.elliance.com/search-marketing-resources/seo-infographics.aspx?title=Tagging-Explained&amp;amp;Category=Social%20Media"&gt;Tagging explained&lt;/a&gt; using Infographics (&lt;a href="http://searchengineoptimization.elliance.com/pdfs/Tagging-Explained.pdf"&gt;pdf version&lt;/a&gt;)&lt;/p&gt;
&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_6SeCWrONMDY/R--zQzl3NOI/AAAAAAAAAhI/W-v63tXf6FE/s1600-h/infographic-10.gif"&gt;&lt;img style="cursor: pointer;" src="http://4.bp.blogspot.com/_6SeCWrONMDY/R--zQzl3NOI/AAAAAAAAAhI/W-v63tXf6FE/s400/infographic-10.gif" alt="" id="BLOGGER_PHOTO_ID_5183558797435024610" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://searchengineoptimization.elliance.com/search-marketing-resources/seo-infographics.aspx?title=Google-PageRank-Explained"&gt;Google Page Rank explained&lt;/a&gt; (&lt;a href="http://searchengineoptimization.elliance.com/pdfs/Google-PageRank-Explained.pdf"&gt;pdf version&lt;/a&gt;)&lt;/p&gt;
&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_6SeCWrONMDY/R--zkDl3NPI/AAAAAAAAAhQ/_L-qgsL2iTs/s1600-h/infographic-6.gif"&gt;&lt;img style="cursor: pointer;" src="http://1.bp.blogspot.com/_6SeCWrONMDY/R--zkDl3NPI/AAAAAAAAAhQ/_L-qgsL2iTs/s400/infographic-6.gif" alt="" id="BLOGGER_PHOTO_ID_5183559128147506418" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://searchengineoptimization.elliance.com/search-marketing-resources/seo-infographics.aspx"&gt;Link Blazing to good Neighborhood&lt;/a&gt; (&lt;a href="http://searchengineoptimization.elliance.com/pdfs/Link-Blazing-to-the-Good-Neighborhood.pdf"&gt;pdf version&lt;/a&gt;)&lt;/p&gt;
&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_6SeCWrONMDY/R--0kTl3NQI/AAAAAAAAAhY/2rgGU0Vq-PA/s1600-h/infographic-55.gif"&gt;&lt;img style="cursor: pointer;" src="http://2.bp.blogspot.com/_6SeCWrONMDY/R--0kTl3NQI/AAAAAAAAAhY/2rgGU0Vq-PA/s400/infographic-55.gif" alt="" id="BLOGGER_PHOTO_ID_5183560231954101506" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://flickr.com/photos/ritwikdey/426048360/"&gt;Lifemap&lt;/a&gt; of &lt;span style="font-weight: bold;"&gt;Ritwikdey&lt;/span&gt;
It is visualization life of Ritwikdey of age 6 to 24. Good use of colors and information.&lt;/p&gt;
&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_6SeCWrONMDY/R--1bzl3NRI/AAAAAAAAAhg/KpNeli3SlGQ/s1600-h/lifemap.jpg"&gt;&lt;img style="cursor: pointer;" src="http://4.bp.blogspot.com/_6SeCWrONMDY/R--1bzl3NRI/AAAAAAAAAhg/KpNeli3SlGQ/s400/lifemap.jpg" alt="" id="BLOGGER_PHOTO_ID_5183561185436841234" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://simile.mit.edu/welkin/"&gt;SIMILE - Welkin Project&lt;/a&gt; -&lt;span style="font-weight: bold;"&gt; MIT&lt;/span&gt;
Welkin is a graph-based &lt;a href="http://www.w3.org/RDF/"&gt;RDF&lt;/a&gt; visualizer.
&lt;/p&gt;
&lt;p&gt;
&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_6SeCWrONMDY/R_EHwDl3NbI/AAAAAAAAAiw/IxiMg5gSO9o/s1600-h/screenshot.png"&gt;&lt;img style="cursor: pointer;" src="http://3.bp.blogspot.com/_6SeCWrONMDY/R_EHwDl3NbI/AAAAAAAAAiw/IxiMg5gSO9o/s400/screenshot.png" alt="" id="BLOGGER_PHOTO_ID_5183933168259380658" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;At &lt;a href="http://www.albertocairo.com/index/index_english.html"&gt;Albertocairo&lt;/a&gt; you can download his work on &lt;span style="font-weight: bold;"&gt;Visual Journalism : Multimedia Infographics&lt;/span&gt; In pdf formats. (Unedited) and some other pdf's for more knowledge.&lt;/p&gt;
&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_6SeCWrONMDY/R--16Dl3NSI/AAAAAAAAAho/JAr6Qx83Kw0/s1600-h/bookpages.jpg"&gt;&lt;img style="cursor: pointer;" src="http://1.bp.blogspot.com/_6SeCWrONMDY/R--16Dl3NSI/AAAAAAAAAho/JAr6Qx83Kw0/s400/bookpages.jpg" alt="" id="BLOGGER_PHOTO_ID_5183561705127884066" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://code.google.com/apis/visualization/"&gt;
Google Visualization API&lt;/a&gt;
With this API you can &lt;span style="font-weight: bold;"&gt;display structured data&lt;/span&gt; and embed visualizations into your website, edit, read and retreive it, share it and use different data sources to create new visualization applications.
&lt;/p&gt;
&lt;p&gt;
&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_6SeCWrONMDY/R--2QDl3NTI/AAAAAAAAAhw/hXdGpt6NMjQ/s1600-h/visualization.gif"&gt;&lt;img style="cursor: pointer;" src="http://1.bp.blogspot.com/_6SeCWrONMDY/R--2QDl3NTI/AAAAAAAAAhw/hXdGpt6NMjQ/s400/visualization.gif" alt="" id="BLOGGER_PHOTO_ID_5183562083085006130" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;
&lt;a href="http://flickr.com/photos/bryce/tags/conceptdiagram"&gt;5 cool concept diagrams&lt;/a&gt; on topics like &lt;span style="font-weight: bold;"&gt;user experience  design, flickr user model etc.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_6SeCWrONMDY/R--2oTl3NUI/AAAAAAAAAh4/7vWQzs0Alkg/s1600-h/106972762_7fbced62e7.jpg"&gt;&lt;img style="cursor: pointer;" src="http://2.bp.blogspot.com/_6SeCWrONMDY/R--2oTl3NUI/AAAAAAAAAh4/7vWQzs0Alkg/s400/106972762_7fbced62e7.jpg" alt="" id="BLOGGER_PHOTO_ID_5183562499696833858" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_6SeCWrONMDY/R--26jl3NVI/AAAAAAAAAiA/gJXoSBLSkQQ/s1600-h/flickrusermodel2.jpg"&gt;&lt;img style="cursor: pointer;" src="http://3.bp.blogspot.com/_6SeCWrONMDY/R--26jl3NVI/AAAAAAAAAiA/gJXoSBLSkQQ/s400/flickrusermodel2.jpg" alt="" id="BLOGGER_PHOTO_ID_5183562813229446482" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://hq.andrewshuttleworth.com/hq/2008/02/social-media-on.html"&gt;Social Media information Flow&lt;/a&gt; by Andrew Shuttleworth
It visualize how information gets circulated through social networking and media sites. Available in pdf, png, mmap or xml file.&lt;/p&gt;
&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_6SeCWrONMDY/R_DySTl3NWI/AAAAAAAAAiI/hiReHHaHfAM/s1600-h/andrew_shuttleworth_online_information_flow.png"&gt;&lt;img style="cursor: pointer;" src="http://3.bp.blogspot.com/_6SeCWrONMDY/R_DySTl3NWI/AAAAAAAAAiI/hiReHHaHfAM/s400/andrew_shuttleworth_online_information_flow.png" alt="" id="BLOGGER_PHOTO_ID_5183909567414089058" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://oakland.crimespotting.org/"&gt;Crimespotting&lt;/a&gt; (Requires Flash) uses crimewatch data to show information about criminal activities occured in specific area with help of maps.&lt;/p&gt;
&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_6SeCWrONMDY/R_Dy4zl3NXI/AAAAAAAAAiQ/YS2yBzIA7eo/s1600-h/oakland_08_sm.gif"&gt;&lt;img style="cursor: pointer;" src="http://1.bp.blogspot.com/_6SeCWrONMDY/R_Dy4zl3NXI/AAAAAAAAAiQ/YS2yBzIA7eo/s400/oakland_08_sm.gif" alt="" id="BLOGGER_PHOTO_ID_5183910228839052658" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://www.chrisjordan.com/current_set2.php"&gt;Chris Jordan's&lt;/a&gt; way of saying things with infographics .&lt;/p&gt;
&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_6SeCWrONMDY/R_DzXjl3NYI/AAAAAAAAAiY/K0XEqCn3v6k/s1600-h/1175742535.jpg"&gt;&lt;img style="cursor: pointer;" src="http://4.bp.blogspot.com/_6SeCWrONMDY/R_DzXjl3NYI/AAAAAAAAAiY/K0XEqCn3v6k/s400/1175742535.jpg" alt="" id="BLOGGER_PHOTO_ID_5183910757120030082" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://www.wordcount.org/"&gt;Wordcount&lt;/a&gt; shows 86,800 most frequently used english words.&lt;/p&gt;
&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_6SeCWrONMDY/R_Dz2jl3NZI/AAAAAAAAAig/1zReJy14HPo/s1600-h/wordcount.gif"&gt;&lt;img style="cursor: pointer;" src="http://4.bp.blogspot.com/_6SeCWrONMDY/R_Dz2jl3NZI/AAAAAAAAAig/1zReJy14HPo/s400/wordcount.gif" alt="" id="BLOGGER_PHOTO_ID_5183911289695974802" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://www.processing.org/"&gt;Processing&lt;/a&gt; is an open source programming language and environment for visualization of data.&lt;/p&gt;
&lt;p&gt;&lt;a href="http://wanderingabout.com/fruitjuices/alquimia.html"&gt;Alquimia Mx7&lt;/a&gt; shows information of tastes of different fruits.&lt;/p&gt;


&lt;h1&gt;Further Reading&lt;/h1&gt;
&lt;br&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;a href="http://coolinfographics.blogspot.com/"&gt;Cool Infographics&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.nixonnow.org/infographics/"&gt;Nixon Infographics&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://meryl.net/2008/01/22/175-data-and-information-visualization-examples-and-resources/"&gt;175+ Data and information Visualization Examples and Resources&lt;/a&gt; - Meryl.net&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.smashingmagazine.com/2008/01/14/monday-inspiration-data-visualization-and-infographics/"&gt;Data Visualizations at Smashing magazine 1&lt;/a&gt;
, &lt;a href="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/"&gt;Part 2&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.readwriteweb.com/archives/the_best_tools_for_visualization.php"&gt;Best tools for data visualization&lt;/a&gt; - Readwrite Web&lt;/li&gt;
&lt;li&gt;&lt;a href="http://infosthetics.com/"&gt;Information aesthetics&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.designingthenews.com/2008/03/17/visualisations-and-infographics/"&gt;Infographics and Visualizations&lt;/a&gt; - Designing the news&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.maxkiesler.com/index.php/designdemo/"&gt;DesignDemo&lt;/a&gt; - Max Kiesler&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.maxkiesler.com/index.php/vizlist/"&gt;VizList&lt;/a&gt; - Max Kiesler&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.visualcomplexity.com/vc/"&gt;Visual Complexity&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://pingmag.jp/2007/03/23/infosthetics-form-follows-data/"&gt;Infosthetics the beauty of data visualization&lt;/a&gt; - Pingmag&lt;/li&gt;
&lt;/ol&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3319485364296460897-3233084346987342914?l=www.designlabelblog.com'/&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/eUV25sXBPHZrNP7mNDq6Twkyd04/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/eUV25sXBPHZrNP7mNDq6Twkyd04/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/eUV25sXBPHZrNP7mNDq6Twkyd04/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/eUV25sXBPHZrNP7mNDq6Twkyd04/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/designlabel/~4/PfQW9IUSMXA" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/designlabel/~3/PfQW9IUSMXA/data-visualization-and-infographics_30.html</link><author>noreply@blogger.com (Designlabel)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://4.bp.blogspot.com/_6SeCWrONMDY/R_EALTl3NaI/AAAAAAAAAio/VVpIlh39SkI/s72-c/f5.gif" height="72" width="72" /><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">8</thr:total><feedburner:origLink>http://www.designlabelblog.com/2008/03/data-visualization-and-infographics_30.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-3319485364296460897.post-1426892531539982864</guid><pubDate>Sun, 09 Mar 2008 12:51:00 +0000</pubDate><atom:updated>2008-03-31T10:29:56.505-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Typography</category><title>Best Typography links from around the world</title><description>&lt;p&gt;
&lt;span style="font-weight: bold;"&gt;Typography&lt;/span&gt; plays major role in designing effective visual communications be it in digital videos, websites or print media. The importance of typography can be well understood from notion that &lt;a href="http://informationarchitects.jp/the-web-is-all-about-typography-period/%20" title="Web Design is 95% Typography"&gt;web design is 95% typography&lt;/a&gt;. In this article we have collected all the informative places on typography topic. This article is sub divided into more specific topics like webtypography, typography in print media etc. Please feel free to &lt;span style="font-weight: bold;"&gt;suggest any new link in comments&lt;/span&gt;.
&lt;/p&gt;


&lt;h1&gt;Web typography&lt;/h1&gt;


&lt;p&gt;(1) Lets start with sitepoint's article on &lt;a href="http://www.sitepoint.com/article/anatomy-web-fonts" title="anatomy of web fonts"&gt;Anatomy of web fonts&lt;/a&gt;
&lt;/p&gt;
&lt;p&gt;
(2) &lt;a href="http://www.alistapart.com/articles/howtosizetextincss" title="How to size text in css"&gt;How to size text in css&lt;/a&gt; article by Richard Rutter on Alistapart is just one of many good articles written on &lt;a href="http://www.alistapart.com/topics/design/typography/"&gt;typography topic.&lt;/a&gt;
&lt;/p&gt;
&lt;p&gt;
(3) The &lt;a href="http://psychology.wichita.edu/surl/usabilitynews/92/POF.htm" title="psychological study of effect of website typeface"&gt;study of effect of website typeface&lt;/a&gt; appropriateness on the perception of a company’s ethos by A. Dawn Shaikh shows us that typefaces that are high in appropriateness should be used for websites. Neutral and low appropriate typefaces significantly decreased the perception of the company as judged by professionalism, believability, trust, and intent to act on the site.&lt;/p&gt;
&lt;p&gt;(4) &lt;a href="http://webtypography.net/toc/" title="A practical guide to web typography"&gt;A practical guide to web typography&lt;/a&gt; shows tips and tricks to improve webtypography with example css stylesheet code sniplets. Must read for pixel perfectionists.&lt;/p&gt;
&lt;p&gt;(5) &lt;a href="http://www.markboulton.co.uk/journal/comments/five_simple_steps_to_better_typography/" title="" five="" simple="" steps="" to="" better="" typography="" by="" mark="" boulton=""&gt;Five simple steps to better typography by Mark Boulton&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;(6) &lt;a href="http://usabletype.com/styles/"&gt;This styles guide on usabletype&lt;/a&gt; covers the basics of good typography on the web, explaining theory behind font choices, and the details of providing accessible and good looking text.&lt;/p&gt;
&lt;p&gt;(7) &lt;a href="http://www.clagnut.com/blog/348/" title="How to size text using ems"&gt;
How to size text using ems&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;(8) &lt;a href="http://www.yourhtmlsource.com/text/webtypography.html"&gt;An introduction to font families&lt;/a&gt; will teach you how to identify different type of fonts.&lt;/p&gt;
&lt;p&gt;(9) &lt;a href="http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html"&gt;Common fonts to all versions of Windows &amp;amp; Mac equivalents list&lt;/a&gt; comes handy when choosing typeface for web design.&lt;/p&gt;
&lt;p&gt;(10) &lt;a href="http://wiki.novemberborn.net/sifr/"&gt;sIFR&lt;/a&gt; lets you use your favorite font on your websites by cleverly working with Flash, JavaScript and CSS.
&lt;/p&gt;


&lt;h1&gt;Typography in advertising and brand identity &lt;/h1&gt;


&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_6SeCWrONMDY/R9poBnQCMTI/AAAAAAAAAbE/XdP7a5R09OM/s1600-h/Corporate+Identity-+Novartis.png"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_6SeCWrONMDY/R9poBnQCMTI/AAAAAAAAAbE/XdP7a5R09OM/s320/Corporate+Identity-+Novartis.png" alt="" id="BLOGGER_PHOTO_ID_5177565098541199666" border="0" /&gt;&lt;/a&gt;
&lt;p&gt;
&lt;a href="http://users.ncrvnet.nl/mstol/56.html"&gt;This online Corporate Identity Catalogue&lt;/a&gt; is a nice place to browse for information on fonts, colors used in different logos. It shows information like logo designer, year of design, codes of colors used, name of font used etc.
&lt;/p&gt;
&lt;p&gt;
&lt;a href="http://www.digital-web.com/articles/typography_and_web_advertising/%20"&gt;Typography and Web Advertising &lt;/a&gt;&lt;/p&gt;
&lt;p&gt;
&lt;a href="http://www.newspagedesigner.com/"&gt;Newspagedesigner&lt;/a&gt; shows editorial designs from different print media.&lt;/p&gt;


&lt;h1&gt;Typography inspiration&lt;/h1&gt;


&lt;p&gt;
&lt;a href="http://abc.planet-typography.com/" title="A virtual museum of typography"&gt;
A virtual museum of typography&lt;/a&gt;&lt;/p&gt;&lt;a href="http://www.inspiredology.com"&gt;Inspiredology&lt;/a&gt;

&lt;a href="http://justcreativedesign.com/2007/11/26/top-5-typography-resources/"&gt;5 top typography resources&lt;/a&gt;
&lt;p&gt;Here is list of various &lt;span style="font-weight: bold;"&gt;flickr groups on typography.&lt;/span&gt;&lt;/p&gt;
&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_6SeCWrONMDY/R9pmgHQCMRI/AAAAAAAAAa0/1dvPFBnCWxw/s1600-h/2118108875_2ffa4016f9.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_6SeCWrONMDY/R9pmgHQCMRI/AAAAAAAAAa0/1dvPFBnCWxw/s320/2118108875_2ffa4016f9.jpg" alt="" id="BLOGGER_PHOTO_ID_5177563423503954194" border="0" /&gt;&lt;/a&gt;
&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_6SeCWrONMDY/R9pmOXQCMQI/AAAAAAAAAas/ktefu6tZIa0/s1600-h/1568540207_d831614dea.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_6SeCWrONMDY/R9pmOXQCMQI/AAAAAAAAAas/ktefu6tZIa0/s320/1568540207_d831614dea.jpg" alt="" id="BLOGGER_PHOTO_ID_5177563118561276162" border="0" /&gt;&lt;/a&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;a href="http://www.flickr.com/photos/feltron/sets/72157594251335025/%20"&gt;Street type&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="http://www.flickr.com/photos/linzie/sets/72157602417089145/"&gt;Spam One-liners&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="http://www.flickr.com/groups/typeid/"&gt;Typeface Identification&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="http://www.flickr.com/groups/woodtype/"&gt;Wood Type&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="http://www.flickr.com/groups/type/"&gt;Typography and Lettering&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="http://www.flickr.com/groups/chromecharacters/"&gt;Chromeography&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="http://www.flickr.com/groups/helvetica/"&gt;Helvetica&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="http://www.flickr.com/groups/typecon/"&gt;TypeCon&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="http://www.flickr.com/groups/fonts-in-use/"&gt;Fonts in Use&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="http://www.flickr.com/groups/typophile/"&gt;Typophile&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="http://www.flickr.com/groups/japanese-typography/"&gt;Japanese Typography&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="http://www.flickr.com/groups/urbantype/"&gt;Urban Typography&lt;/a&gt;
&lt;/li&gt;
&lt;/ol&gt;


&lt;h1&gt;Typography tips and techniques&lt;/h1&gt;


&lt;p&gt;
&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_6SeCWrONMDY/R9phtXQCMOI/AAAAAAAAAac/H0I-cHiJb5w/s1600-h/fig15.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_6SeCWrONMDY/R9phtXQCMOI/AAAAAAAAAac/H0I-cHiJb5w/s320/fig15.jpg" alt="" id="BLOGGER_PHOTO_ID_5177558153579081954" border="0" /&gt;&lt;/a&gt;
&lt;a href="http://parachutefonts.blogspot.com/2008/02/making-of-champion-script-pro_8686.html"&gt;The making of Champion Script Pro&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;
&lt;a href="http://www.colourlovers.com/blog/2007/12/19/color-and-typography-in-good-design/"&gt;A nice article about relation of color and typography on Colourlovers&lt;/a&gt;.&lt;/p&gt;
&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_6SeCWrONMDY/R9ph-3QCMPI/AAAAAAAAAak/ylmvL0iEnt8/s1600-h/title.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_6SeCWrONMDY/R9ph-3QCMPI/AAAAAAAAAak/ylmvL0iEnt8/s320/title.jpg" alt="" id="BLOGGER_PHOTO_ID_5177558454226792690" border="0" /&gt;&lt;/a&gt;
&lt;p&gt;
&lt;a href="http://www.cs.cmu.edu/%7Ejohnny/kt/"&gt;Kinetic typography&lt;/a&gt; refers to the art and technique of expression with animated text.&lt;/p&gt;
&lt;p&gt;
&lt;a href="http://www.typography-1st.com/typo/classtyp.shtml"&gt;Classification of Type&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;
&lt;a href="http://typies.blogspot.com/2006/11/15-tips-to-choose-good-text-type.html"&gt;15 Tips to choose good text type&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;
&lt;a href="http://www.adobe.com/aboutadobe/antipiracy/pdfs/AIGA2.pdf"&gt;AIGA - Learn about fair use of fonts&lt;/a&gt; (PDF)&lt;/p&gt;
&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_6SeCWrONMDY/R9ppz3QCMUI/AAAAAAAAAbM/EWYPp2CC9o0/s1600-h/203663459_6af5d3f9f1_o.gif"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; cursor: pointer;" src="http://2.bp.blogspot.com/_6SeCWrONMDY/R9ppz3QCMUI/AAAAAAAAAbM/EWYPp2CC9o0/s320/203663459_6af5d3f9f1_o.gif" alt="" id="BLOGGER_PHOTO_ID_5177567061341253954" border="0" /&gt;&lt;/a&gt;
&lt;p&gt;
&lt;a href="http://typies.blogspot.com/2006/11/vector-drawing-mistakes.html"&gt;Vector drawing mistakes&lt;/a&gt;&lt;/p&gt;


&lt;h1&gt;Typography tools and management&lt;/h1&gt;


&lt;p&gt;In this section you will find softwares for easy management of your font portfolio. These softwares include &lt;span style="font-weight: bold;"&gt;font viewers&lt;/span&gt;, &lt;span style="font-weight: bold;"&gt;font management software&lt;/span&gt;, font information gathering.&lt;/p&gt;
&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_6SeCWrONMDY/R9P31HQCMHI/AAAAAAAAAZY/z5AHnZHvW3I/s1600-h/font-explorerx1.gif"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://4.bp.blogspot.com/_6SeCWrONMDY/R9P31HQCMHI/AAAAAAAAAZY/z5AHnZHvW3I/s320/font-explorerx1.gif" alt="" id="BLOGGER_PHOTO_ID_5175752888630259826" border="0" /&gt;&lt;/a&gt;
&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_6SeCWrONMDY/R9P4E3QCMII/AAAAAAAAAZg/Du9nlmz9qyU/s1600-h/font-explorerx2.gif"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_6SeCWrONMDY/R9P4E3QCMII/AAAAAAAAAZg/Du9nlmz9qyU/s320/font-explorerx2.gif" alt="" id="BLOGGER_PHOTO_ID_5175753159213199490" border="0" /&gt;&lt;/a&gt;
&lt;span style="font-weight: bold;"&gt;Linotype FontExplorer X&lt;/span&gt; is a font management software available freely for windows and mac platforms. It includes integrated online store for buying fonts. It shows detailed information about fonts.
&lt;/p&gt;&lt;p&gt;&lt;a href="http://www.linotype.com/3321/freedownloadpc.html"&gt;Download Windows version&lt;/a&gt; | &lt;a href="http://www.linotype.com/2631/freedownloadmac.html"&gt;Download Mac version&lt;/a&gt;&lt;/p&gt;
&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_6SeCWrONMDY/R9P24nQCMGI/AAAAAAAAAZQ/Gy7RaQwND-k/s1600-h/avefontbook.gif"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_6SeCWrONMDY/R9P24nQCMGI/AAAAAAAAAZQ/Gy7RaQwND-k/s320/avefontbook.gif" alt="" id="BLOGGER_PHOTO_ID_5175751849248174178" border="0" /&gt;&lt;/a&gt;
&lt;p&gt;&lt;a href="http://www.blogger.com/www.osx-e.com/downloads/applications/avefontbook.html"&gt;Avefontbook&lt;/a&gt; is a simple font viewer for windows platform&lt;/p&gt;
&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_6SeCWrONMDY/R9P91nQCMJI/AAAAAAAAAZo/D65epxq-Pt8/s1600-h/font-constructor.png"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_6SeCWrONMDY/R9P91nQCMJI/AAAAAAAAAZo/D65epxq-Pt8/s320/font-constructor.png" alt="" id="BLOGGER_PHOTO_ID_5175759494289961106" border="0" /&gt;&lt;/a&gt;

"&lt;a href="http://www.fontconstructor.com/about/index.html"&gt;Font Constructor&lt;/a&gt; is a tool for students to research the basic construction of an alphabet. The application allows them to play with elements constructing their own "typeface". By doing so, they learn that there is a relationship between several shapes in an alphabet and how they refer to each other."&lt;/p&gt;


&lt;h1&gt;Identifying a font&lt;/h1&gt;


&lt;p&gt;
&lt;a href="http://www.myfonts.com/WhatTheFont/"&gt;What the font&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://identifont.com/"&gt;Identifont&lt;/a&gt;&lt;/p&gt;


&lt;h1&gt;Blogs and magazines about typography&lt;/h1&gt;


&lt;p&gt;(1) Free &lt;a href="http://www.typeology.com/issues.html"&gt;Downloadable magazine&lt;/a&gt; in pdf format from typeology.&lt;/p&gt;
&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_6SeCWrONMDY/R9zFdHQCMXI/AAAAAAAAAbk/yV12Brl2-Tw/s1600-h/MyFonts-+Creative+Characters+January+2008_1205052549424.png"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_6SeCWrONMDY/R9zFdHQCMXI/AAAAAAAAAbk/yV12Brl2-Tw/s320/MyFonts-+Creative+Characters+January+2008_1205052549424.png" alt="" id="BLOGGER_PHOTO_ID_5178230775522406770" border="0" /&gt;&lt;/a&gt;
&lt;p&gt;(2) &lt;a href="http://www.myfonts.com/newsletters/cc/%20"&gt;Creative Characters&lt;/a&gt; monthly newsletter on typography.&lt;/p&gt;
&lt;p&gt;(3) &lt;a href="http://typographica.org/%20"&gt;Typographica&lt;/a&gt; is a journal of typography featuring news, observations, and open commentary on fonts and typographic design.&lt;/p&gt;
&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_6SeCWrONMDY/R9zJjHQCMZI/AAAAAAAAAb0/VL1zk80-S4o/s1600-h/TypeNeu%E2%84%A2+-+TN%E2%84%A2+-+Typography+News._1205212459575.png"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_6SeCWrONMDY/R9zJjHQCMZI/AAAAAAAAAb0/VL1zk80-S4o/s200/TypeNeu%E2%84%A2+-+TN%E2%84%A2+-+Typography+News._1205212459575.png" alt="" id="BLOGGER_PHOTO_ID_5178235276648133010" border="0" /&gt;&lt;/a&gt;
&lt;p&gt;(4) &lt;a href="http://www.typeneu.com/"&gt;TypeNeu&lt;/a&gt; is a social platform and source of inspiration for all you typophiles out there.&lt;/p&gt;
&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_6SeCWrONMDY/R9zI93QCMYI/AAAAAAAAAbs/8dTR9K0HOlU/s1600-h/TypeOff._1205212474216.png"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_6SeCWrONMDY/R9zI93QCMYI/AAAAAAAAAbs/8dTR9K0HOlU/s200/TypeOff._1205212474216.png" alt="" id="BLOGGER_PHOTO_ID_5178234636698005890" border="0" /&gt;&lt;/a&gt;
&lt;p&gt;(5) &lt;a href="http://www.typeoff.de/"&gt;Blog of TypeOff&lt;/a&gt; Dan Reynolds, typeface designer.&lt;/p&gt;
&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_6SeCWrONMDY/R9zJzXQCMaI/AAAAAAAAAb8/FuOGHDR0OFg/s1600-h/Typography.+I+Love+Typography,+devoted+to+fonts,+typefaces+and+all+things+typographical._1205212542294.png"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_6SeCWrONMDY/R9zJzXQCMaI/AAAAAAAAAb8/FuOGHDR0OFg/s200/Typography.+I+Love+Typography,+devoted+to+fonts,+typefaces+and+all+things+typographical._1205212542294.png" alt="" id="BLOGGER_PHOTO_ID_5178235555821007266" border="0" /&gt;&lt;/a&gt;
&lt;p&gt;(6) &lt;a href="http://ilovetypography.com/"&gt;I love typography Blog&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;(7) &lt;a href="http://opentype.info/blog/"&gt;Ralf Herrmann’s Typography Weblog&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;(8) &lt;a href="http://acejet170.typepad.com/"&gt;acejet170's blog&lt;/a&gt; about typography.&lt;/p&gt;
&lt;p&gt;(9) &lt;a href="http://www.typies.blogspot.com/"&gt;Typies&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;(10) &lt;a href="http://www.spiekermann.com/mt/"&gt;Spieker blog&lt;/a&gt; (German)&lt;/p&gt;
&lt;p&gt;(11) &lt;a href="http://slanted.de/"&gt;Slanted&lt;/a&gt; a deutsche weblog and magazine on typography (Deutsche language)&lt;/p&gt;


&lt;h1&gt;for typophiles only&lt;/h1&gt;


&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_6SeCWrONMDY/R9pfjXQCMLI/AAAAAAAAAaE/F_7tGAFRaeI/s1600-h/MeekFM.png"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://4.bp.blogspot.com/_6SeCWrONMDY/R9pfjXQCMLI/AAAAAAAAAaE/F_7tGAFRaeI/s320/MeekFM.png" alt="" id="BLOGGER_PHOTO_ID_5177555782757134514" border="0" /&gt;&lt;/a&gt;
&lt;p&gt;(1) &lt;a href="http://meekfm.org/"&gt;Meek FM&lt;/a&gt; is an interpretation of type as sound. Using new software and the M.E.E.K. typographic synthesizer, the musician/designer develops sounds and typographic visuals in parallel.&lt;/p&gt;
&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_6SeCWrONMDY/R9zFD3QCMWI/AAAAAAAAAbc/HVa-2CDkuFQ/s1600-h/Harmonie+Int%C3%A9rieure.png"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_6SeCWrONMDY/R9zFD3QCMWI/AAAAAAAAAbc/HVa-2CDkuFQ/s320/Harmonie+Int%C3%A9rieure.png" alt="" id="BLOGGER_PHOTO_ID_5178230341730709858" border="0" /&gt;&lt;/a&gt;
&lt;p&gt;(2) &lt;a href="http://www.harmonie-interieure.com/01collections/2temps.htm"&gt;Harmonie Interieure&lt;/a&gt; got big typography stickers for your rooms.&lt;/p&gt;
&lt;p&gt;(3) How about showing your message using random flickr image for each alphabet, sounds cool eh..? That's exactly what &lt;a href="http://www.typographykicksass.com/"&gt;this site&lt;/a&gt; does.&lt;/p&gt;
&lt;p&gt;(4) &lt;a href="http://developer.apple.com/textfonts/LastResortFont/"&gt;Last resort Font&lt;/a&gt;&lt;/p&gt;
&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_6SeCWrONMDY/R9pg5HQCMMI/AAAAAAAAAaM/gWVQE_Dy1kc/s1600-h/toplogo.gif"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://3.bp.blogspot.com/_6SeCWrONMDY/R9pg5HQCMMI/AAAAAAAAAaM/gWVQE_Dy1kc/s320/toplogo.gif" alt="" id="BLOGGER_PHOTO_ID_5177557255930917058" border="0" /&gt;&lt;/a&gt;
&lt;p&gt;(5) &lt;a href="http://www.typorganism.com/"&gt;Typorganism&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;(6) &lt;a href="http://nicewebtype.com/"&gt;Nicewebtype&lt;/a&gt; is a gallery of nice web typography&lt;/p&gt;
&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_6SeCWrONMDY/R9pnw3QCMSI/AAAAAAAAAa8/ZX_O-Ma4J9E/s1600-h/best-fonts-of-2007.gif"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_6SeCWrONMDY/R9pnw3QCMSI/AAAAAAAAAa8/ZX_O-Ma4J9E/s320/best-fonts-of-2007.gif" alt="" id="BLOGGER_PHOTO_ID_5177564810778390818" border="0" /&gt;&lt;/a&gt;
&lt;p&gt;(7) Typographica's list of favorite font list for the year &lt;a href="http://typographica.org/000969.php"&gt;2004&lt;/a&gt; &lt;a href="http://typographica.org/001045.php"&gt;2005&lt;/a&gt; &lt;a href="http://typographica.org/001103.php"&gt;2006&lt;/a&gt; &lt;a href="http://typographica.org/001124.php"&gt;2007&lt;/a&gt;&lt;/p&gt;


&lt;h1&gt;Websites offering free fonts to download&lt;/h1&gt;
&lt;p&gt;(1) &lt;a href="http://www.abstractfonts.com/%20"&gt;Abstract Fonts&lt;/a&gt; - There are about more than 11000 fonts on abstract fonts to download. This website uses ajax that makes it more easier to browse fonts.&lt;/p&gt;
&lt;p&gt;(2) &lt;a href="http://fontleech.com/"&gt;Font Leech&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;(3) &lt;a href="http://www.dafont.com/top.php"&gt;Da Font&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;(4) &lt;a href="http://www.blogger.com/www.fawnt.com"&gt;Fawnt&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;(5) &lt;a href="http://www.fontfox.com/"&gt;Fontfox&lt;/a&gt;
&lt;/p&gt;&lt;p&gt;(6) &lt;a href="http://simplythebest.net/fonts/"&gt;Simplythebest&lt;/a&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3319485364296460897-1426892531539982864?l=www.designlabelblog.com'/&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/-yDJ_ufWm2m5ZtWoMkVAKILacoA/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/-yDJ_ufWm2m5ZtWoMkVAKILacoA/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/-yDJ_ufWm2m5ZtWoMkVAKILacoA/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/-yDJ_ufWm2m5ZtWoMkVAKILacoA/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/designlabel/~4/Aw9yCciczzk" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/designlabel/~3/Aw9yCciczzk/best-typography-links-from-around-world.html</link><author>noreply@blogger.com (Designlabel)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://1.bp.blogspot.com/_6SeCWrONMDY/R9poBnQCMTI/AAAAAAAAAbE/XdP7a5R09OM/s72-c/Corporate+Identity-+Novartis.png" height="72" width="72" /><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">10</thr:total><feedburner:origLink>http://www.designlabelblog.com/2008/03/best-typography-links-from-around-world.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-3319485364296460897.post-6000822141462589858</guid><pubDate>Fri, 11 Jan 2008 13:44:00 +0000</pubDate><atom:updated>2009-01-17T08:38:02.208-08:00</atom:updated><title>Contact</title><description>&lt;iframe height="459" allowTransparency="true" frameborder="0" scrolling="no" style="width:100%;border:none" src="http://designlabel.wufoo.com/embed/z7x4m1/"&gt;&lt;a href="http://designlabel.wufoo.com/forms/z7x4m1/" title="Contact Form"&gt;Fill out my Wufoo form!&lt;/a&gt;&lt;/iframe&gt;
&lt;p&gt;You can also email us at &lt;a href="mailto:designlabelblog@gmail.com"&gt;designlabelblog@gmail.com&lt;/a&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3319485364296460897-6000822141462589858?l=www.designlabelblog.com'/&gt;&lt;/div&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/9eYnu3saukGpGzliNwQdKQSqIl0/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/9eYnu3saukGpGzliNwQdKQSqIl0/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/9eYnu3saukGpGzliNwQdKQSqIl0/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/9eYnu3saukGpGzliNwQdKQSqIl0/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/designlabel/~4/nbbyHj7qKnI" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/designlabel/~3/nbbyHj7qKnI/contact.html</link><author>noreply@blogger.com (Designlabel)</author><feedburner:origLink>http://www.designlabelblog.com/2008/01/contact.html</feedburner:origLink></item></channel></rss>
