<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Design Shack &#187; top</title>
	<atom:link href="http://designshack.net/tag/top/feed" rel="self" type="application/rss+xml" />
	<link>http://designshack.net</link>
	<description>Inspiration, CSS Gallery &#38; Community News</description>
	<lastBuildDate>Thu, 09 Feb 2012 06:00:00 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Best of 2008 &#8211; JavaScript</title>
		<link>http://designshack.net/articles/best-of-2008-javascript/</link>
		<comments>http://designshack.net/articles/best-of-2008-javascript/#comments</comments>
		<pubDate>Mon, 12 Jan 2009 11:57:21 +0000</pubDate>
		<dc:creator>Kishore Nallan</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[2008]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[script]]></category>
		<category><![CDATA[top]]></category>

		<guid isPermaLink="false">http://localhost:8888/?p=545</guid>
		<description><![CDATA[In the last part of our summary series, it is time to see some of the JavaScript Goodies of 2008. Some of the following are resources, some are useful tutorials, some opinions and others just plain fun interesting stuff. There is always a lesson or two to take away from these, and it could help [...]]]></description>
			<content:encoded><![CDATA[<p> In the last part of our summary series, it is time to see some of the JavaScript Goodies of 2008. Some of the following are resources, some are useful tutorials, some opinions and others just plain fun interesting stuff.</p>
<p>There is always a lesson or two to take away from these, and it could help you enter the New Year with a variety of new skills in your portfolio.</p>
<p><span id="more-545"></span></p>
<h2>sIFR Lite </h2>
<p><em>&ldquo;</em>Once upon a time some really good web developers created sIFR. Their goal was to seamlessly convert HTML headlines into nice fonts. Well, these developers did a great job getting it to work nicely. Looking at their code, I decided I would create a &quot;lite&quot; version of sIFR using a more object-oriented approach. sIFR Lite is a bit easier to read, and more intuitive to use.&rdquo;</p>
<p><a href="http://www.allcrunchy.com/Web_Stuff/sIFR_lite/" class="smallbox">Visit site</a></p>
<h2>DD_belatedPNG</h2>
<p>Support for 24-bit PNG alpha-translucency background-image + background-position + background-repeat for IE 6 at last!</p>
<p><a href="http://dillerdesign.com/experiment/DD_belatedPNG/" class="smallbox">Visit site</a></p>
<h2>The EqualHeights jQuery Plugin</h2>
<p>&ldquo;Creating equal-height columns with CSS is sometimes a bear. But who  needs the hassle of faux columns, &ldquo;clear&rdquo; divs and the rest? With this  bit of jQuery, you can easily equalize the heights of any group of  elements.&rdquo;</p>
<p><a href="http://www.cssnewbie.com/equalheights-jquery-plugin/" class="smallbox">Visit site</a></p>
<h2>jQuery.popeye &#8211; an inline lightbox alternative</h2>
<p>&ldquo;The plugin transforms an unoredered list of images into a box  displaying only one preview image at a time. The box has controls to  skim through the preview images and to enlarge a given image. The box  expands to accomodate the enlarged version, while the controls are  hidden in full image size mode. A simple click on the image returns the  box to its compact state.&quot;</p>
<p><a href="http://herr-schuessler.de/blog/jquerypopeye-an-inline-lightbox-alternative/" class="smallbox">Visit site</a></p>
<h2>DD_roundies</h2>
<p>An easy way to implement round corners in IE. </p>
<p>&ldquo;No 9-cell tables for one round box. No images. Doesn&#8217;t add a half-dozen or more HTML nodes to a container element (more like one, maximum of two, and only in IE).&rdquo; </p>
<p><a href="http://dillerdesign.com/experiment/DD_roundies/" class="smallbox">Visit site</a></p>
<h2>Niceforms</h2>
<p><strong>&ldquo;</strong>Niceforms is a script that will replace the most commonly used form  elements with custom designed ones. You can either use the default  theme that is provided or you can even develop your own look with  minimal effort.&rdquo;</p>
<p><a href="http://www.emblematiq.com/projects/niceforms/" class="smallbox">Visit site</a></p>
<h2>jQuery Corners 0.3</h2>
<p>&ldquo;This jQuery plugin will easily create beautifully rounded corners.            No images or obtrusive markup necessary.&rdquo;</p>
<p> Another round corner script for your benefit! </p>
<p><a href="http://www.atblabs.com/jquery.corners.html" class="smallbox">Visit site</a></p>
<h2>Superfish jQuery menu plugin</h2>
<p>&ldquo;Superfish is an enhanced Suckerfish-style menu jQuery plugin that takes  an existing pure CSS drop-down menu (so it degrades gracefully without  JavaScript) and adds the following much-sought-after enhancements.&rdquo;</p>
<p><a href="http://users.tpg.com.au/j_birch/plugins/superfish/" class="smallbox">Visit site</a></p>
<h2>JavaScript Will Save Us All</h2>
<p>Eric Meyer&#8217;s opinion on why we should look to JavaScript to extended standard support badly lacking in many browsers, instead of waiting for the browser vendors to implement them.</p>
<p><a href="http://meyerweb.com/eric/thoughts/2008/10/22/javascript-will-save-us-all/" class="smallbox">Visit site</a></p>
<h2>CSS Sprites2 &#8211; It&#8217;s JavaScript Time</h2>
<p>&ldquo;A sense of movement is often the differentiator between Flash-heavy web  sites and standards-based sites. Flash interfaces have always seemed  more alive&mdash;responding to the user&#8217;s interactions in a dynamic way that  standards-based web sites haven&#8217;t been able to replicate. Lately that&#8217;s been changing, of course, with a resurgence in dynamic  interface effects, helped along by JavaScript libraries that make it  easy&mdash;libraries such as Prototype, Scriptaculous, Moo, YUI, MochiKit (and I could go on). It&#8217;s high time to revisit the CSS Sprites technique from four years ago, and see if we can&#8217;t interject a little bit of movement of our own.&rdquo;</p>
<p><a href="http://alistapart.com/articles/sprites2" class="smallbox">Visit site</a></p>
<h2>jParallax</h2>
<p>&ldquo;jParallax turns a selected element into a &#8216;window&#8217;, or viewport, and  all its children into absolutely positioned layers that can be seen  through the viewport. These layers move in response to the mouse, and,  depending on their dimensions (and options for layer initialisation),  they move by different amounts, in a parallaxy kind of way.&rdquo;</p>
<p>Pure joy! </p>
<p><a href="http://webdev.stephband.info/parallax.html" class="smallbox">Visit site</a></p>
<h2> Fixed Footers without JavaScript</h2>
<p>A pure CSS technique to position fixed footers, tested down to IE 5.5. </p>
<p><a href="http://boagworld.com/technology/fixed_footers_without_javascri/" class="smallbox">Visit site</a></p>
<h2>Dynamic Layout</h2>
<p>&ldquo;Dynamic Layout is a simple JavaScript library that allows you to easily adjust page layout based on the current browser width.&rdquo;</p>
<p><a href="http://fortes.com/projects/dynamiclayout/" class="smallbox">Visit site</a></p>
<h2>Stop using Ajax!</h2>
<p>&ldquo;Ajax is a sound and useful idea. But every idea comes down to a  practical implementation &#8211; a technology that makes it happen &#8211; and in  this case the technology is immature, because it  leaves groups of users behind. Most notable and greatly affected are  those using assistive technologies, but also those using less capable  browsers that don&#8217;t support the necessary scripting objects, or don&#8217;t  support scripting at all. &rdquo;</p>
<p><a href="http://dev.opera.com/articles/view/stop-using-ajax/" class="smallbox">Visit site</a></p>
<h2>This is how you get sIFR to work</h2>
<p>&ldquo;The goal of this tutorial is to distill the information at the official site for sIFR into a simple step-by-step process of how to implement sIFR on your site.</p>
<p>After following this tutorial you will have a basic understanding of how sIFR works and will be able to expand into more advanced areas.&rdquo;</p>
<p><a href="http://designintellection.com/2008/this-is-how-you-get-sifr-to-work/" class="smallbox">Visit site</a></p>
<h2> FancyZoom</h2>
<p>Smooth Javascript Image Zooming For Your Web Pages.&nbsp;</p>
<p><a href="http://www.cabel.name/2008/02/fancyzoom-10.html" class="smallbox">Visit site</a></p>
<h2>Rotating 3D cube in JavaScript </h2>
<p>Nothing more, nothing less! Check it out. </p>
<p><a href="http://maettig.com/code/javascript/3d_dots.html" class="smallbox">Visit site</a></p>
<h2>Super Mario in 14kB Javascript</h2>
<p><strong>&ldquo;</strong>Here&#8217;s an experiment in keeping things small and confined to one  Javascript file. There are no external image files or anything,  everything is rendered with Javascript using either canvas elements or  old fashioned div-making tactics (for IE). The sprites are stored in  custom encoded strings in a format that only allows 4 colors for each  sprite but in turn only takes up around 40-60 bytes per sprite.<strong>&rdquo;</strong></p>
<p><a href="http://blog.nihilogic.dk/2008/04/super-mario-in-14kb-javascript.html" class="smallbox">Visit site</a></p>
<h2>10 Smart Javascript Techniques to Improve Your UI</h2>
<p>&ldquo;Javascript is typically used as an aesthetic language in web  development. This means that web developers should almost always be  using Javascript for one thing only: Improving the visitor&#8217;s experience.  There are many clever and useful ways to improve a site from the user  interface perspective. A developer can find nearly any snippet of  Javascript to achieve what he or she wants to accomplish.&rdquo;</p>
<p><a href="http://nettuts.com/javascript-ajax/10-rare-but-clever-javascript-techniques/" class="smallbox">Visit site</a></p>
<h2>25 Amazing JavaScript Games (Some Fun And Inspiration)</h2>
<p>&ldquo;JavaScript, with the rise of Ajax, is definitely a must-know-well for every web designer/developer.</p>
<p>Besides form controls, alerts &#038; similar simple JavaScript usage, you can almost do anything with the help of JavaScript (&#038; Canvas).&rdquo;</p>
<p><a href="http://www.webresourcesdepot.com/25-amazing-javascript-games-some-fun-and-inspiration/" class="smallbox">Visit site</a></p>
<h2>Top 5 Favorite Bookmarklets</h2>
<p>&ldquo;Bookmarklets are the JavaScript-enabled links you can pull into your  bookmarks that interact with whatever page you find yourself on. The  best bookmarklets act as you would typically expect a toolbar to, by  extending your browsing experience. However, since they&rsquo;re written in  JavaScript, they all by working within the browser and without  requiring installation. Here are 5 highly recommended bookmarklets you can drag to your  browser&rsquo;s toolbar or to your bookmarks to extend your browsing  experience.&rdquo;</p>
<p><a href="http://www.webmonkey.com/blog/Top_5_Favorite_Bookmarklets" class="smallbox">Visit site</a></p>
<h2>10 Promising JavaScript Frameworks</h2>
<p>&ldquo;Popular JavaScript frameworks/libraries like jQuery,  MooTools, Prototype, and YUI (to name a few of the <a href="http://royal.pingdom.com/?p=305" title="Royal Pingdom - Javascript framework usage among top websites">most  popular JavaScript frameworks out there</a>)  definitely have a solid foothold in the JavaScript framework arena. But  for the more adventurous developers looking for new or alternative  frameworks/libraries &ndash; there are some excellent frameworks outside the  popular ones that&rsquo;s worth checking out.&rdquo;</p>
<p><a href="http://sixrevisions.com/javascript/promising_javascript_frameworks/" class="smallbox">Visit site</a></p>
<h2>5 Useful Coding Solutions For Designers and Developers</h2>
<p>	  &ldquo;Often creative and truly remarkable design solutions remain unknown because we, designers, simply overlook them. Being busy  with our own projects, we sometimes try to grasp the intuition behind  (probably) complex and cluttered code of other designers to understand  how they manage to implement particular design ideas. In fact, by just  observing the code of other developers we can learn a lot from them; we  can find interesting ideas and improve the quality of our work.&rdquo;</p>
<p><a href="http://www.smashingmagazine.com/2008/08/11/5-useful-coding-solutions-for-designers-and-developers/" class="smallbox">Visit site</a></p>
<h2>Calling WebServices via AJAX </h2>
<p>This tutorial will give you a good idea of how to use JavaScript to interact with WebServices. </p>
<p><a href="http://blogs.msdn.com/kaevans/archive/2008/04/03/calling-webservices-via-ajax-part-1.aspx" class="smallbox">Visit site</a></p>
<h2> JavaScript Pretty Date</h2>
<p>&ldquo;&#8230; A simple way to format old JavaScript dates in a &quot;pretty&quot; way. &rdquo;</p>
<p><a href="http://ejohn.org/projects/javascript-pretty-date/" class="smallbox">Visit site</a></p>
<h2> JavaScript iPhone Apps</h2>
<p>	  I&#8217;ve been watching, with interest, developers create new applications  for the iPhone. Owning one myself &#8211; and being knowledgeable in  JavaScript &#8211; I&#8217;ve been wondering what options there were for creating  downloadable JavaScript applications or the iPhone. In doing some  research I found a number of solutions, some simpler than others, some  requiring more knowledge of Objective-C than others. &rdquo;</p>
<p><a href="http://ejohn.org/blog/iphone-javascript-apps/" class="smallbox">Visit site</a></p>
<h2>Most Wanted Ajax Techniques: 50+ Examples and Tutorials </h2>
<p>	  Web applications have made huge leaps and bounds in improving user  experience thanks to a lot of recently developed Ajax technology. When  you combine some neat functionality courtesy of PHP with the cleverness  of javascript you can produce some pretty cool results. In an effort to  help you take it up a notch, we&rsquo;d like to share some methods for  helping your site anticipate a user&rsquo;s next move.&rdquo;</p>
<p><a href="http://www.noupe.com/javascript/most-wanted-ajax-techniques-50-ajax-examples-and-tutorials.html" class="smallbox">Visit site</a></p>
<h2> 50 Excellent AJAX Tutorials</h2>
<p>	  AJAX provides Web developers with plenty of opportunities to enhance the user experience and improve the performance of their websites. There are countless ways that AJAX can be used, and fortunately there are plenty of good and useful AJAX tutorials out there to help you with your own implementation.</p>
<p>This post serves as a collection of useful tutorials on working with AJAX in a wide variety of ways. &rdquo;</p>
<p><a href="http://www.smashingmagazine.com/2008/10/16/50-excellent-ajax-tutorials/" class="smallbox">Visit site</a></p>
<h2>  10 things IT needs to know about Ajax</h2>
<p>	  The introduction of any new Web technology will affect a network&#8217;s infrastructure in ways that range from inconsequential     to earth shattering. Ajax is one of the more disruptive new Web technologies traveling across networks today. To help you     minimize future surprises on your network, we&#8217;ve outlined the 10 things you should take to heart about Ajax.  &rdquo;</p>
<p><a href="http://www.networkworld.com/research/2008/033108-ajax.html?nw" class="smallbox">Visit site</a></p>
<h2> jQuery timepickr </h2>
<p>	  <em>jquery.timepickr</em> was created in a attempt to make the process of inputing time in a form as                      easy and natural as possible.&rdquo;</p>
<p><a href="http://haineault.com/media/jquery/ui-timepickr/page/" class="smallbox">Visit site</a></p>
]]></content:encoded>
			<wfw:commentRss>http://designshack.net/articles/best-of-2008-javascript/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Best of 2008 &#8211; Typography</title>
		<link>http://designshack.net/articles/best-of-2008-typography/</link>
		<comments>http://designshack.net/articles/best-of-2008-typography/#comments</comments>
		<pubDate>Mon, 22 Dec 2008 11:58:46 +0000</pubDate>
		<dc:creator>Kishore Nallan</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[2008]]></category>
		<category><![CDATA[top]]></category>
		<category><![CDATA[type]]></category>

		<guid isPermaLink="false">http://localhost:8888/?p=550</guid>
		<description><![CDATA[Typography is beginning to come to the fore as one of the most crucial elements of web design as people start to understand its importance. There&#8217;s no doubt that if you perfect the size, style and position of type on your page, the rest of the design will flow much easier. In part one of [...]]]></description>
			<content:encoded><![CDATA[
<p>Typography is beginning to come to the fore as one of the most crucial elements of web design as people start to understand its importance. There&#8217;s no doubt that if you perfect the size, style and position of type on your page, the rest of the design will flow much easier.</p>
<p>In part one of our 2008 roundup, we saw some of the <a href="http://designshack.net/tutorials/best-of-2008-graphic-design-tutorials">most useful graphic design tutorials</a> of the year. This second section will walk you through a selection of the best typography related resources and articles of 2008 &#8211; tutorials, downloads, fonts, and everything you need to perfect the use of type in your design.</p>
<p><span id="more-550"></span></p>
<div class="toptutorial">
<div class="toptutorialitem">
<h2><img src="http://www.designshack.net/postimages/top2008type/1_ten_most.jpg" alt="10 common typography mistakes" width="150" height="150" />10 Common Typography Mistakes</h2>
<p><em>&ldquo;</em>The goal of this post is to help designers and clients understand the  importance of good type skills, while avoiding some common mistakes&#8230; a list of 10 common mistakes used in type design/layout that can make a huge difference in the effectiveness and appearance of  your designs, in addition to saving you time and money when printing.&rdquo;</p>
<p><a href="http://www.thedesigncubicle.com/2008/12/10-common-typography-mistakes/" class="smallbox">Visit tutorial</a></p>
</div>
<div class="toptutorialitem">
<h2><img src="http://www.designshack.net/postimages/top2008type/2_twenty_typefaces.jpg" alt="Twenty typefaces" width="150" height="150" />20 Typefaces To Start A Designer&#8217;s Career</h2>
<p>&nbsp;&ldquo;As a design student myself, I notice that typography is one of the  hardest parts that students seem to face&hellip; most students are able to  come up with extremely creative, innovative and well designed material  however as soon as type is needed&hellip; well, let&rsquo;s just say, it could need  some more work&#8230; I was also guilty of having every font under the sun, however, after  the first year of University I quickly learned otherwise &#8211; it is best  to master a few faces. &ldquo;</p>
<p><a href="http://justcreativedesign.com/2008/11/11/20-typefaces-to-start-a-designers-career/" class="smallbox">Visit tutorial</a></p>
</div>
<div class="toptutorialitem">
<h2><img src="http://www.designshack.net/postimages/top2008type/3_fifty_incredible.jpg" alt="50 Incredible fonts" width="150" height="150" />50 Incredible Fonts for Professional Web &#038; Print Design</h2>
<p>&ldquo;The web is rich with creative and amazing fonts, and the choice is enormous. So today we would like to present 50 incredible <span class="caps">FONT</span> which you can use for web or print design. This collection will sure  help you improve your typography skills! Let&rsquo;s take a close look at  some of the most beautiful fonts we&rsquo;ve found on the web.&rdquo;</p>
<p><a href="http://www.noupe.com/fonts/50-free-fonts-for-professional-designs.html" class="smallbox">Visit tutorial</a></p>
</div>
<div class="toptutorialitem">
<h2><img src="http://www.designshack.net/postimages/top2008type/4_seven_fonts_die.jpg" width="150" height="150" alt="" />7 Fonts that should die</h2>
<p>&ldquo;The problem with being a fontwhore is that you begin to recognize some  of the tired, overused fonts that no designer seems to want to let go.  If you see them, let out a scream and shoot them on sight.&quot;</p>
<p> Despite its overuse, I personally think that Trajan is a great font and should not be on this list. Bu what about Comic Sans?! :D </p>
<p><a href="http://www.10000words.net/2008/08/7-fonts-that-should-die.html" class="smallbox">Visit tutorial</a></p>
</div>
<div class="toptutorialitem">
<h2><img src="http://www.designshack.net/postimages/top2008type/5_thirty_fonts.jpg" width="150" height="150" alt="" />30 Fonts That <span class="caps">ALL</span> Designers Must Know &amp; Should Own</h2>
<p>&ldquo;Here are 30 of the Best Fonts / Typefaces that every designer must / should own sorted by alphabetical order. There are 15 serif fonts and 15 sans-serif fonts. These fonts will last you your whole career!</p>
<p>A brief description of what each font is best suited for is provided however are not limited to this.&rdquo; </p>
<p><a href="http://justcreativedesign.com/2008/03/02/30-best-font-downloads-for-designers/" class="smallbox">Visit tutorial</a></p>
</div>
<div class="toptutorialitem">
<h2><img src="http://www.designshack.net/postimages/top2008type/6_dingbats.jpg" width="150" height="150" alt="" />16 Incredibly Detailed, Useful (and free) Dingbat Fonts</h2>
<p><strong>&ldquo;</strong>Now, before I start, not everyone is going to think these are all useful, so if you don&#8217;t ever use tree silhouettes, fine. But some of us do. Personally, I love dingbats because (most of the time) I convert them to vectors in Illustrator and use them as very large elements in some cases. &rdquo;</p>
<p><a href="http://www.bittbox.com/fonts/dingbats-roundup-16-incredibly-detailed-useful-and-free-dingbat-fonts/" class="smallbox">Visit tutorial</a></p>
</div>
<div class="toptutorialitem">
<h2><img src="http://www.designshack.net/postimages/top2008type/7_deviantart_fonts.jpg" alt="40+ Extremely Beautiful FONTS Hand-picked from deviantART" width="150" height="150" />40+ Extremely Beautiful <span class="caps">FONTS</span> Hand-picked from deviantART</h2>
<p>&ldquo;The web is rich with creative and amazing fonts, and one of the most unusual source of Beautiful Fonts are those you can find on deviantART fonts gallery. Today we would like to present 40 incredible <span class="caps">FONT</span> which you can use for web or print design. Let&#8217;s take a close look at some of the most beautiful fonts we&#8217;ve found on deviantART.&rdquo;</p>
<p> Beautiful collection.     </p>
</p>
<p><a href="http://www.noupe.com/fonts/40-extremely-beautiful-fonts-hand-picked-from-deviantart.html" class="smallbox">Visit tutorial</a></p>
</div>
<div class="toptutorialitem">
<h2><img src="http://www.designshack.net/postimages/top2008type/8_color_typo.jpg" width="150" height="150" alt="" />Color and Typography in Good Design</h2>
<p>&ldquo;Typography is a significant issue for designers. On many projects,  finding just the right font, size, spacing, etc. can require  considerable time and attention. In addition to typography, color is  also a major factor in the success of the design. What is sometimes  overlooked is the combination of color and typography and the effect  that it has on the overall project.&rdquo;</p>
<p><a href="http://www.colourlovers.com/blog/2007/12/19/color-and-typography-in-good-design/" class="smallbox">Visit tutorial</a></p>
</div>
<div class="toptutorialitem">
<h2><img src="http://www.designshack.net/postimages/top2008type/9_thirty_inspiring.jpg" width="150" height="150" alt="" />30 inspiring type treatments</h2>
<p>&ldquo;For a while now, I&rsquo;ve been tagging type-related work on deviantArt. I thought I&rsquo;d share them with you<strong>&rdquo;</strong></p>
<p>Stunning.</p>
<p><a href="http://ilovetypography.com/2008/12/04/30-inspiring-type-treatments/" class="smallbox">Visit tutorial</a></p>
</div>
<div class="toptutorialitem">
<h2><img src="http://www.designshack.net/postimages/top2008type/10_breathtaking_posters.jpg" width="150" height="150" alt="" />Breathtaking Typographic Posters</h2>
<p>&ldquo;You can&#8217;t design without type. However, yon can use only type (or mostly only type) to create breath-taking designs. In fact, many graphic designers and artists take exactly this route to communicate their ideas through their works. The results are sometimes crazy, sometimes artsy, sometimes beautiful, but often just different from things we&#8217;re used to. Thus designers explore new horizons and we explore new viewing perspectives which is what inspiration is all about.&rdquo;</p>
<p><a href="http://www.smashingmagazine.com/2008/02/25/breathtaking-typographic-posters/" class="smallbox">Visit tutorial</a></p>
</div>
<div class="toptutorialitem">
<h2><img src="http://www.designshack.net/postimages/top2008type/11_retro.jpg" width="150" height="150" alt="" />Vintage and Retro Typography Showcase</h2>
<p>&ldquo;Typography talks the talk, to go along with the  overall work&rsquo;s walk, speaking volumes for the artist. This important  design element surrounds people daily as they move through their  routines, rarely taking notice. In this article, we go retro, finding beautiful examples of vintage typography and the modern work they&#8217;ve inspired. &rdquo;</p>
<p><a href="http://www.smashingmagazine.com/2008/10/26/retro-and-vintage-typography-showcase/" class="smallbox">Visit tutorial</a></p>
</div>
<div class="toptutorialitem">
<h2><img src="http://www.designshack.net/postimages/top2008type/12_big_typo.jpg" width="150" height="150" alt="" />The Showcase Of <span class="caps">BIG</span> Typography &#8211; Second Edition</h2>
<p>&ldquo;In Web typography doesn&#8217;t have to support the overall design. It can dominate. It can be loud. It can be bold. And it can be everywhere on a web-site. In many situations it&#8217;s reasonable to give the typography the prominent position it deserves, leaving visual cues in the background or removing them at all. &rdquo;</p>
<p><a href="http://www.smashingmagazine.com/2008/05/20/the-showcase-of-big-typography-second-edition/" class="smallbox">Visit tutorial</a></p>
</div>
<div class="toptutorialitem">
<h2><img src="http://www.designshack.net/postimages/top2008type/13_typo_tales.jpg" width="150" height="150" alt="" />The Right Type: 5 Inspiring Typography Tales</h2>
<p>&ldquo;Nowadays, typefaces are a dime a dozen; there&#8217;s certainly no shortage of free fonts. But as in any artistic field, the standouts are rare, and understanding why they excel takes gradual experience.</p>
<p>In this yarn, we&#8217;ll take a closer look at inspiring stories behind the design of typefaces that you may have seen or used but didn&#8217;t know the history of. We&#8217;ll explore the nooks and crannies &#8216; both literal and figurative &#8216; of the evolving printed word. By the end, we hope you come away with a better appreciation of how things came to be.&rdquo;</p>
<p><a href="http://www.smashingmagazine.com/2008/12/08/the-right-type-5-inspiring-typography-tales/" class="smallbox">Visit tutorial</a></p>
</div>
<div class="toptutorialitem">
<h2><img src="http://www.designshack.net/postimages/top2008type/14_top_web_typo_mistakes.jpg" width="150" height="150" alt="" />Top Ten Web Typography Sins</h2>
<p>&ldquo;While many designers have been quick to embrace web standards, it&#8217;s surprising how often the basic standards of typography are neglected. Here are ten deadly sins to avoid in your web typography. &rdquo;</p>
<p><a href="http://www.smashingmagazine.com/2008/08/11/top-ten-web-typography-sins/" class="smallbox">Visit tutorial</a></p>
</div>
<div class="toptutorialitem">
<h2><img src="http://www.designshack.net/postimages/top2008type/15_guide_web_typo.jpg" width="150" height="150" alt="" />A Guide to Web Typography</h2>
<p>&ldquo;Perhaps because of the overtones of freshness and vitality,  water-based effects are always in demand. In this tutorial, Nik Ainley provides  step-by-step guidance on how to make a stunning, dynamic effect that recreates  the look of a figure dissolving in water, with some clever use of Photoshop and  some found images. Although the finished image appears hi-tech, it is just a  very clever photomontage constructed from just two images, using relatively  simple Photoshop techniques.&rdquo;</p>
<p><a href="http://ilovetypography.com/2008/02/28/a-guide-to-web-typography/" class="smallbox">Visit tutorial</a></p>
</div>
<div class="toptutorialitem">
<h2><img src="http://www.designshack.net/postimages/top2008type/16_on_choosing.jpg" width="150" height="150" alt="" />On Choosing Type </h2>
<p>&ldquo;There&#8217;s nothing better than to play with the tool if you  want to learn it&hellip;. I think the best way to learn is trying to recreate images  and effects we like. Here I list my 10 tips to improve your skills in  Photoshop, but they can be applied to other tools as well.&rdquo;</p>
<p><a href="http://ilovetypography.com/2008/04/04/on-choosing-type/" class="smallbox">Visit tutorial</a></p>
</div>
<div class="toptutorialitem">
<h2><img src="http://www.designshack.net/postimages/top2008type/17_from_moleskin.jpg" width="150" height="150" alt="" />Newzald: From Moleskine to Market</h2>
<p>&ldquo;In this article I will attempt to illustrate my design process&#8217;from typeface concept to a marketable font. Not many folks are willing to write about this. Perhaps they find it boring, irrelevant or just a little bit personal. I suspect it is a mix of all the above.</p>
<p>I&#8217;ll try to remain as concise as possible. Some of the individual steps can be a lot more complex and involved than they seem. I&#8217;ll try not to gloss over too many things. One thing is certain, typeface design is a long, involved process with many hours of seemingly endless tedium.&rdquo;</p>
<p><a href="http://ilovetypography.com/2008/03/12/newzald-moleskine-to-market/" class="smallbox">Visit tutorial</a></p>
</div>
<div class="toptutorialitem">
<h2><img src="http://www.designshack.net/postimages/top2008type/18_flickr_types.jpg" width="150" height="150" alt="" />Friday Flickr Found Type</h2>
<p><strong>&ldquo;</strong>Invariably, these kinds of post are couched in grandiloquence, &#8216;The World&#8217;s Best, most stunningly awesome typographically awe-inspiring found type.&#8217; And although, the search engines might love it, I just can&#8217;t do it. So here&#8217;s some stuff I found that I rather like&#8217;and I hope it inspires you.<strong>&rdquo;</strong></p>
<p><a href="http://ilovetypography.com/2008/09/27/friday-flickr-found-type/" class="smallbox">Visit tutorial</a></p>
</div>
<div class="toptutorialitem">
<h2><img src="http://www.designshack.net/postimages/top2008type/19_letterpress.jpg" width="150" height="150" alt="" />Letterpress From Scratch</h2>
<p>&ldquo;The letterpress printing process is one of the oldest ways of getting the printed word on to a page. It relies on a physical representation of each letter being inked and then pressed against the paper&#8217;and this is why it&#8217;s both interesting and expensive.This article looks briefly at this resurgence of interest in letterpress, why you might like it and some help to begin enjoying this fascinating&nbsp;pastime.&rdquo;</p>
<p><a href="http://ilovetypography.com/2008/07/24/letterpress-from-scratch/" class="smallbox">Visit tutorial</a></p>
</div>
<div class="toptutorialitem">
<h2><img src="http://www.designshack.net/postimages/top2008type/20_extreme_terminology.jpg" width="150" height="150" alt="" />eXtreme Type Terminology</h2>
<p>&ldquo;Our modern English alphabet is a child of the Latin alphabet or Roman alphabet, which evolved from a western version of the Greek alphabet approximately 2,700 years ago. The profession of typography was essentially born in Germany with Johannes Gutenberg&#8217;s invention of a movable metal type printing press in the early 1450s. The individual pieces of metal type that Gutenberg worked with were not letters, but letterforms.&rdquo;</p>
<p>Very informative article. </p>
</p>
<p><a href="http://ilovetypography.com/2008/03/21/extreme-type-terminology/" class="smallbox">Visit tutorial</a></p>
</div>
<div class="toptutorialitem">
<h2><img src="http://www.designshack.net/postimages/top2008type/21_web_typo_best.jpg" width="150" height="150" alt="" />15 Great Examples of Web Typography</h2>
<p>&ldquo;It may be that not all the sites listed here are to your taste, but  it&rsquo;s hoped that something&mdash;even a detail somewhere&mdash;will inspire you.&rdquo;</p>
<p><a href="http://ilovetypography.com/2008/05/07/15-great-examples-of-web-typography-q2-2008/" class="smallbox">Visit tutorial</a></p>
</div>
<div class="toptutorialitem">
<h2><img src="http://www.designshack.net/postimages/top2008type/22_small_caps.jpg" width="150" height="150" alt="" />Small Caps</h2>
<p>&ldquo;Small caps are uppercase glyphs drawn at a  lowercase scale. A common misconception&mdash;unfortunately reinforced by  most word processing programs as well as by <span class="caps">CSS</span> on the web&mdash;is that a  small cap is just a regular capital letter scaled uniformly down to a  smaller size. In actuality, a proper small cap is a carefully crafted  glyph that differs in significant ways from a uniformly-scaled-down  capital&nbsp;letter.&rdquo;</p>
<p><a href="http://ilovetypography.com/2008/02/20/small-caps/" class="smallbox">Visit tutorial</a></p>
</div>
<div class="toptutorialitem">
<h2><img src="http://www.designshack.net/postimages/top2008type/23_stamp_font.jpg" width="150" height="150" alt="" />Tutorial: The Worn/Weathered/Stamped Look</h2>
<p>	  &ldquo;There are quite a few quality stamped or distressed fonts available&#8230;Unfortunately ready-made stamp fonts present a number of drawbacks: repeating characters are identical (unless you have alternate glyphs), and the amount of detail is limited due to restrictions in the possible number of Bézier anchor points per glyph. To remedy this I developed a trick in Adobe Photoshop for distressing type. This technique allows you to apply a convincing stamped or weathered look to any typeface.&rdquo;</p>
<p><a href="http://fontfeed.com/archives/tip-the-wornweatheredstamped-look/" class="smallbox">Visit tutorial</a></p>
</div>
<div class="toptutorialitem">
<h2><img src="http://www.designshack.net/postimages/top2008type/24_dexter.jpg" width="150" height="150" alt="" />The Typography of Dexter, Serial Cover Star</h2>
<p>A commentary on the promotional advertisements for for Dexter, the television series, and the different typographic techniques employed. </p>
<p><a href="http://fontfeed.com/archives/dexter-serial-cover-star/" class="smallbox">Visit tutorial</a></p>
</div>
<div class="toptutorialitem">
<h2><img src="http://www.designshack.net/postimages/top2008type/25_osf_lf.jpg" width="150" height="150" alt="" />Figuring It Out: <span class="caps">OSF</span>, LF, and TF Explained</h2>
<p>&ldquo;Numerals (or figures) can take various forms. The figure style you  choose ought to be appropriate to the project you are working on.  Readability is key. But which style is best for which purpose&#8217; There  are two main forms, oldstyle figures (<span class="caps">OSF</span>) and lining figures (LF). Each can come in tabular and proportional widths.&rdquo;</p>
<p><a href="http://fontfeed.com/archives/figuring-it-out-osf-lf-and-tf-explained/" class="smallbox">Visit tutorial</a></p>
</div>
<div class="toptutorialitem">
<h2><img src="http://www.designshack.net/postimages/top2008type/26_fonts_market.jpg" width="150" height="150" alt="" />Taking Your Fonts to Market: Foundry, Reseller, or Go Solo&#8217;</h2>
<p>	  &#8216;I am a new type designer. What&#8217;s the best way to get my fonts on the market&#8221;</p>
<p>Here is the best answer I can muster, drawn from over 10 years of examining the retail font industry (in what some might call disturbing detail). This advice is intended to be as unbiased as possible, but my perspective is inevitably shaped by four years as a type director at FontShop.</p>
<p><a href="http://typographica.org/001157.php" class="smallbox">Visit tutorial</a></p>
</div>
<p>
</div></p>
]]></content:encoded>
			<wfw:commentRss>http://designshack.net/articles/best-of-2008-typography/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic
Page Caching using disk: enhanced
Object Caching 260/291 objects using disk: basic

Served from: designshack.net @ 2012-02-09 14:32:32 -->
