<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="http://feeds.feedburner.com/~d/styles/rss2full.xsl" type="text/xsl" media="screen"?><?xml-stylesheet href="http://feeds.feedburner.com/~d/styles/itemcontent.css" type="text/css" media="screen"?><!-- feed-rss2.php --><rss 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" version="2.0">

<channel>
	<title>Smashing Magazine</title>
	
	<link>http://www.smashingmagazine.com</link>
	<description>we smash you with the information that will make your life easier. really.</description>
	<pubDate>Wed, 03 Dec 2008 22:32:10 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.6.5</generator>
	<language>en</language>
	<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<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/SmashingMagazine" type="application/rss+xml" /><item>
		<title>Online Advertising And Its Impact On Web Design</title>
		<link>http://www.smashingmagazine.com/2008/12/03/online-advertising-and-its-impact-on-web-design/</link>
		<comments>http://www.smashingmagazine.com/2008/12/03/online-advertising-and-its-impact-on-web-design/#comments</comments>
		<pubDate>Wed, 03 Dec 2008 22:31:35 +0000</pubDate>
		<dc:creator>Steven Snell</dc:creator>
		
		<category><![CDATA[How-To]]></category>

		<category><![CDATA[design]]></category>

		<category><![CDATA[techniques]]></category>

		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.smashingmagazine.com/?p=2478</guid>
		<description><![CDATA[<!-- <img src="http://www.smashingmagazine.com/images/post-pictures/usab.png" /> --><p>In recent years, advertising has become a <strong>major revenue source</strong> for many websites. Not too long ago, online ads were often met with disapproval from visitors, and advertisers were unsure about their value or effectiveness. Today, most visitors have come to expect ads on commercial websites, and advertisers have recognized the potential of various online ad opportunities. Ads have long been a part of print publications, such as magazines and newspapers, and now they essentially have the same role in online periodicals and publications.</p>

<p><a href="http://www.smashingmagazine.com/2008/12/03/online-advertising-and-its-impact-on-web-design/"><img src="http://88.198.60.17/images/online-advertising/abc.jpg" alt="Screenshot" width="475" height="299" /></a></p>

<p>Although advertising is a concern for website owners and those pushing products or services, it is also has an impact on Web designers, because they have to be able to design and develop websites that can produce ad revenue and still meet the needs of visitors. Clients with websites that depend on ad revenue need a design that provides the necessary screen space and a proper layout for selling ads, and advertisers need placement that will get them the exposure they seek.</p>]]></description>
			<content:encoded><![CDATA[
<!-- google_ad_section_start -->
<p><em>By Steven Snell</em></p>
<p>In recent years, advertising has become a <strong>major revenue source</strong> for many websites. Not too long ago, online ads were often met with disapproval from visitors, and advertisers were unsure about their value or effectiveness. Today, most visitors have come to expect ads on commercial websites, and advertisers have recognized the potential of various online ad opportunities. Ads have long been a part of print publications, such as magazines and newspapers, and now they essentially have the same role in online periodicals and publications.</p>
<p>Although advertising is a concern for website owners and those pushing products or services, it is also has an impact on Web designers, because they have to be able to design and develop websites that can produce ad revenue and still meet the needs of visitors. Clients with websites that depend on ad revenue need a design that provides the necessary screen space and a proper layout for selling ads, and advertisers need placement that will get them the exposure they seek.</p>
<p>While advertisements are hardly the primary concern of Web designers in general, not accounting for them will result in a very <strong>awkward layout</strong> that can either detract from the flow of the website or put the ads in a spot where they will not receive enough attention from visitors. In order to maximize ad revenue for the client, with minimal interference in the appearance and usability of the website, the designer must take advertising needs into consideration throughout the design process.</p>
<p>Ads on <a href="http://www.rawstory.com/">The Raw Story</a> seem to be squeezed in wherever possible, to the detriment of the content.</p>
<p><a href="http://www.rawstory.com/"><img src="http://88.198.60.17/images/online-advertising/raw.jpg" alt="Screenshot" width="475" height="671" /></a></p>
<h3>Starting with the Basics</h3>
<p>Of course, not all websites sell advertising space, but a growing number of them do. As the popularity of blogs continues to rise and designers get more requests for custom blog themes, this issue will only become more common. An adequate discussion of the subject requires starting with some basic issues.</p>
<h4>Why do advertisers pay for ads?</h4>
<p>Obviously, advertisers buy ads to gain <strong>exposure</strong> and improve their bottom line. The goals vary from one campaign to the next. Some may be primarily concerned with <strong>brand recognition</strong> and general exposure, while others are only concerned with <strong>sales</strong> of products. Online advertisers may be looking for click-through visitors from their ads, but ultimately all advertisers look for a strengthened business as a result of their campaigns.</p>
<p>Web designers can have some impact on this issue by their <strong>placement</strong> of ads. Of course, designers cannot completely sell products or services for advertisers, but ad placement is key to click-through rates and so has a sizeable impact on the success of an ad campaign.</p>
<p><a href="http://last.fm"><img src="http://78.46.108.98/images/online-advertising/lastfm.jpg" alt="Screenshot" width="475" height="273" /></a></p>
<h4>What are advertisers paying for?</h4>
<p>Are advertisers paying for clicks by visitors? Are they paying for sales conversions? Are they paying simply for the screen space? Each of these is a possibility and depends on the situation. AdSense ads, for example, pay publishers per click. Affiliate ads pay per sale or per action. Direct ads, such as most banner sales, are generally sold at a set price for the screen space and location.</p>
<p>Keeping the desires of <strong>advertisers</strong> in mind throughout the design process is critical if the website is going to be selling ads directly to other businesses. AdSense and affiliate ads can be placed just about anywhere on a website, although the results will vary, but direct ad revenue will depend on what advertisers feel they are getting for their money. If they are paying for prime on-screen real estate, that&#8217;s what they&#8217;ll expect.</p>
<h4>Why do websites or businesses publish ads?</h4>
<p>Advertising can be very lucrative for websites with a large volume of <strong>traffic</strong>. Although there are other ways to monetize a website, ads are one of the few ways in which a website owner can quickly capitalize on existing traffic without any additional work, such as developing products or providing services.</p>
<p>Bloggers publish ads because the revenue allows them to earn income and essentially pay themselves for the time it takes to write content and maintain the blog. News websites sell ads because they typically have large audiences and because their offline business models, such as for printed newspapers, aren&#8217;t able to produce as much ad revenue as they have in past years. As a growing number of consumers turn to online publications rather than the daily paper for their news, ad revenue will shift from print publications to online options.</p>
<p>In most cases, ad revenue is critical to the success of the business. For this reason, it must be a <strong>priority during the design process</strong>. For a service-based business that uses a website to sell its services to visitors, the designer&#8217;s job includes creating a website that effectively promotes those services to visitors. The same thing can be said of websites and businesses that rely on ad income.</p>
<p><a href="http://problogger.net"><img src="http://88.198.60.17/images/online-advertising/problogger.jpg" alt="Screenshot" width="475" height="432" /></a></p>
<h3>Why are Advertisements an Important Part of Web Design?</h3>
<p>For website owners and businesses that <strong>rely on advertising income</strong> from their websites, this is obviously an important part of the website that needs major consideration during the design process. Not having enough space or the right locations for ads will have a dramatically negative impact on the business. Once that happens, attempts will probably be made to move ads or open up new slots for sale, which could cause the website to look awkward and unorganized, because these areas were not originally accounted for in the design.</p>
<p>Websites with advertising revenue as their main source of income can be compared to e-commerce websites that depend on selling products in order to continue doing business. No designer is going to create an e-commerce website without making the placement of products, descriptions, and images in the layout a <strong>priority</strong>. Likewise, website businesses that require ad revenue cannot compromise on advertising space.</p>
<p>Advertisements are also a significant part of the design process because of the <strong>impact on visitors</strong>. Although a website may rely on advertising income, visitors are a critical part of the equation. Without them, ad revenue disappears. The website owner and designer need to incorporate ads in a way that still allows for a positive visitor experience.</p>
<h3>The Conundrum of Online Ads</h3>
<p>While website businesses that sell advertisements want and need those ads to be noticed and appreciated by visitors, a <strong>delicate balance</strong> is required. Aside from made-for-AdSense websites and websites set up solely for affiliate income, a typical website set up for ads needs to send a portion of its visitors away to the websites of advertisers in order to continue generating that revenue, but it also needs to retain a majority of visitors in order to grow itself. Keeping all visitors will result in no ad revenue, and losing all visitors to advertisers will result in no growth for itself.</p>
<p>Website owners and designers need to consider this issue during the design process so that the locations and sizes of ads are appropriate and so that the ads produce revenue with <strong>minimal negative impact</strong> on the website. Offline ad publishers don&#8217;t necessarily face the same dilemma. A magazine may run full-page ads throughout the publication, but when readers see an ad that interests them, they don&#8217;t necessarily stop reading and put down the magazine.</p>
<p>In the online world, a click on an ad could result in a visitor not coming back. Ads can be set to open in a new window to prevent this, but that still doesn&#8217;t guarantee that the visitor will come back after clicking the ad.</p>
<h3>How Do Advertisements Impact the Design of a Website?</h3>
<p>Regardless of how much attention designers give to advertisements in the layout of a website, ads will in some way impact the design. Ideally, the designer has accounted for specific ad slots in the design and laid out the website accordingly. In this case, ads can be implemented on the website in a way that <strong>does not disrupt</strong> the flow of content or information and that gives the ads a specific and strategic location.</p>
<p>On the other hand, if ads are not adequately considered during the design process, they can look very much out of place, which will disrupt the rest of the website. Layout and design decisions that were made without consideration for ads will rarely work well when ads are incorporated in the website.</p>
<h4>Layout and Spacing</h4>
<p>Advertisements can easily take up <strong>big chunks</strong> of space in the layout of a website. Whether it has one large banner ad or several smaller ones bunched together, the layout will be affected. Some websites will spread out various advertisements throughout the website, others will confine them to a specific area and leave the rest of the website ad-free.</p>
<p>The strategy here depends of several factors, but websites in particular industries and niches tend to take similar approaches. For example, major news websites typically have advertisements spread throughout the website&#8217;s layout. They may not include several ads in any one specific area, but they do have many spots that contain few ads.</p>
<p><a href="http://cnn.com">CNN.com</a> contains a few advertisements spread throughout the website.</p>
<p><a href="http://cnn.com"><img src="http://78.46.108.98/images/online-advertising/cnn.jpg" alt="Screenshot" width="475" height="931" /></a></p>
<p>In contrast to news websites, many blogs keep banner ads contained within a <strong>designated area</strong> of the layout, typically the sidebar, and the rest of the blog may contain no ads. With this approach, the designer needs to account for advertisements in one large area of the layout, but the rest of the website will have little or no need to accommodate ads.</p>
<p><a href="http://www.bloggingtips.com/">Blogging Tips</a> includes six 125 x 125-pixel banners in the right sidebar, and the only other ad is a banner just above the comments on individual posts.</p>
<p><a href="http://www.bloggingtips.com/"><img src="http://88.198.60.17/images/online-advertising/bt.jpg" alt="Screenshot" width="475" height="582" /></a></p>
<p>Because ads are often used in sidebars of both blogs and news websites, one major consideration in designing the layout is the <strong>width</strong> needed to hold ads in the sidebar. For example, many news websites have 300 x 250 banners in their sidebars, so the sidebars must be big enough to contain the banners. If this consideration is not a part of the design process, monetization opportunities and potential income will suffer, or the layout will have to be changed later.</p>
<p>Of course, the sidebar isn&#8217;t the only common location for ads. Many websites sell ad space in their headers because this location usually brings the <strong>highest ad price</strong> on the page. In that case, advertising needs to be a consideration when the website is designed or else there will likely be no space available in the header. Typical website headers include a logo/branding area and primary navigation. To include space for advertisements, all of these items could be made to fit in the header design, or primary navigation could be moved elsewhere.</p>
<p><a href="http://css-tricks.com/">CSS Tricks</a> is one of many blogs to include a banner in the header. In this case, the 468 x 60 banner fits nicely in the design of the header.</p>
<p><a href="http://css-tricks.com/"><img src="http://78.46.108.98/images/online-advertising/csstricks.jpg" alt="Screenshot" width="475" height="310" /></a></p>
<h4>Colors</h4>
<p>Web designers can&#8217;t control the color or design of banner ads used on their websites, and definitely won&#8217;t be able to in future, but they can <strong>consider the possibilities</strong> when developing a color scheme for the design. Banner ads are often colorful and bright, for the purpose of grabbing the attention of the visitor. If a website is designed with lots of different colors and shades, it could look awkward and too busy with ads that are also full of color, especially when those colors don&#8217;t go together.</p>
<p>Some websites that display a lot of banners will need a <strong>muted color scheme</strong> that avoids potential color overload for visitors. In some cases, these websites need the ads to stand out in order to draw more attention to them, and color can be a very effective way of achieving that.</p>
<h4>Flow</h4>
<p>One of the challenges designers face with any type of website is to present the content so that the visitor&#8217;s eye is drawn to important information. The typical pattern of the eye&#8217;s movement on screen and the flow of content in the website&#8217;s layout can be influenced by ads. Website owners looking to maximize ad revenue will often include ads in locations where the eye is drawn to, because these locations tend to produce the best results and the most ad revenue.</p>
<p>Those who want some ad revenue but with <strong>minimal impact</strong> on the visitor will keep ads away from the primary flow of content. Examples of this are blogs that place ads within the content of the post or just in the sidebar. Ads directly above or below post titles are typically seen and clicked by more visitors than ads in the sidebar, so they will sell at a higher rate. Decisions here need to be made by the owner of the website, but the designer needs to be aware of the decision so that the ads can be implemented in the design.</p>
<p>The <a href="http://www.nytimes.com/2008/12/02/business/02markets.html?_r=2&amp;hp">New York Times</a> keeps its header and main content area free of ads on article pages, but there is a large area in the right sidebar for ads.</p>
<p><a href="http://www.nytimes.com/2008/12/02/business/02markets.html?_r=2&amp;hp"><img src="http://88.198.60.17/images/online-advertising/nytimes.jpg" alt="Screenshot" width="475" height="613" /></a></p>
<h3>What is the Designer&#8217;s Responsibility with Advertisements?</h3>
<p><strong>1. To understand the level of priority of advertising revenue</strong>.<br />
Many websites include no advertisements at all, and others rely on ad revenue to stay in business. Still others include some ads but not as the primary source of revenue. The designer needs to communicate with the client to understand how much of a priority ads should have in the design. If ad revenue is <strong>critical</strong> to the business, advertising slots will be one of the most significant factors in the layout. If selling products or services is more important, then the products or services should be given priority in the design over any ads that may be included.</p>
<p>The designer&#8217;s job is not to determine how much of a role ads should play in the website&#8217;s design and layout, but he or she should make the effort to completely understand the needs and desires of the <strong>client</strong> in this area. Starting the design process with the right perspective and being on the same page as the client is critical.</p>
<p><strong>2. To design a website that meets the needs of the clients</strong>.<br />
Most Web designers would probably prefer never to have to design for ads and to be able to use the allotted space in other ways. However, the client&#8217;s needs include a website designed to allow for ad revenue, so these areas must be a part of the design.</p>
<p><strong>3. To design an attractive and usable website that includes ad space</strong>.<br />
Regardless of whether ads are a high or low priority, the designer needs to create a website that is attractive and gets the job done. Ads can be a difficult element to work with in the design because of the lost space and the interrupted flow, however, the designer must still create an effective website. If there are a lot of ads on the website, care must be taken to still make the website usable for visitors with minimal interference.</p>
<h3>Trends in Ads and Design</h3>
<p>By looking at websites that sell ads, particularly those that depend on ads as a major source of income, we see a number of trends:</p>
<p><strong>Header ads</strong>.<br />
Many websites sell advertising space in their header; often this space is located to the side of a logo and above or below a navigation menu. This trend is common across many different types of websites and will likely continue as long as these ads produce solid results for advertisers.</p>
<p>The <a href="http://www.washingtonpost.com/wp-dyn/content/article/2008/11/30/AR2008113002217.html">Washington Post</a> actually uses two header ads on article pages. The first is a 300 x 45 banner that sits across from the logo, and below that is a 728 x 90 banner that lies between the logo and the navigation menu.</p>
<p><a href="http://www.washingtonpost.com/wp-dyn/content/article/2008/11/30/AR2008113002217.html"><img src="http://78.46.108.98/images/online-advertising/washpost.jpg" alt="Screenshot" width="475" height="332" /></a></p>
<p><a href="http://lifehacker.com/">Lifehacker</a>, like other websites in the <a href="http://gawker.com/">Gawker</a> network, has a large header that allows for a 300 x 250 banner. Notice that the website clearly is designed and laid out to suit this size of ad perfectly.</p>
<p><a href="http://lifehacker.com/"><img src="http://88.198.60.17/images/online-advertising/lifehacker.jpg" alt="Screenshot" width="475" height="300" /></a></p>
<p><strong>Ads above all content</strong>.<br />
Instead of having an ad inside, or perhaps beside, the header, some websites place ads <strong>completely above everything else</strong> on the page, including the header. This puts the ad as high as possible on the page but takes it out of the flow of the content. This minimizes the potential interference of the ad, but it pushes everything else on the page down, and less content will be visible above the fold. This trend is noticeable on a number of news websites.</p>
<p><a href="http://techcrunch.com">TechCrunch</a> uses a 720 x 90 banner above its header. Only the green border of the body is above this banner.</p>
<p><a href="http://techcrunch.com"><img src="http://78.46.108.98/images/online-advertising/techcrunch-head.jpg" alt="Screenshot" width="475" height="292" /></a></p>
<p><a href="http://www.latimes.com/">The L.A. Times</a> also includes a banner above all content, but not on the home page.</p>
<p><a href="http://www.latimes.com/"><img src="http://88.198.60.17/images/online-advertising/la.jpg" alt="Screenshot" width="475" height="302" /></a></p>
<p><a href="http://monster.com">Monster</a> places a 728 x 90 banner at the very top of its job search page.</p>
<p><a href="http://monster.com"><img src="http://78.46.108.98/images/online-advertising/monster.jpg" alt="Screenshot" width="475" height="254" /></a></p>
<p><strong>More ads on secondary pages than on home page</strong>.<br />
Some websites, such as the L.A. Times just mentioned, keep the home page more welcoming to visitors and more <strong>user-friendly</strong> by using the space for things other than advertisements. However, these websites include ads on other pages. This is another common trend on news websites.</p>
<p>The <a href="http://www.rd.com/">Reader&#8217;s Digest home page</a> avoids any ads high on the page.</p>
<p><a href="http://www.rd.com/"><img src="http://88.198.60.17/images/online-advertising/rd-home.jpg" alt="Screenshot" width="475" height="579" /></a></p>
<p>However, pages of <a href="http://www.rd.com/your-america-inspiring-people-and-stories/a-classroom-of-visiting-scholars/article108212.html">individual articles</a> include a 728 x 90 banner above the header, a 300 x 250 banner at the top of the right sidebar and a 135 x 600 skyscraper in the left sidebar, plus some additional ads lower on the page.</p>
<p><a href="http://www.rd.com/your-america-inspiring-people-and-stories/a-classroom-of-visiting-scholars/article108212.html"><img src="http://78.46.108.98/images/online-advertising/rd-post.jpg" alt="Screenshot" width="475" height="507" /></a></p>
<p>Like Reader&#8217;s Digest, <a href="http://www.time.com/time/">Time</a> also uses an almost ad-free home page.</p>
<p><a href="http://www.time.com/time/"><img src="http://88.198.60.17/images/online-advertising/time-home.jpg" alt="Screenshot" width="475" height="336" /></a></p>
<p>Pages of <a href="http://www.time.com/time/world/article/0,8599,1862864,00.html">individual articles</a> include a 728 x 90 header banner and a 300 x 250 banner at the top of the sidebar.</p>
<p><a href="http://www.time.com/time/world/article/0,8599,1862864,00.html"><img src="http://78.46.108.98/images/online-advertising/time-post.jpg" alt="Screenshot" width="475" height="330" /></a></p>
<p><strong>Common banner sizes</strong>.<br />
As you browse a number of websites, you notice that banners come in all different proportions, but most of them are <strong>standard sizes</strong>. The Interactive Advertising Bureau has established <a href="http://www.iab.net/iab_products_and_industry_services/1421/1443/1452">standard sizes</a> to be used for online ads. While a website owner can sell ads of any dimension, it is usually advisable to stick to the standards because potential advertisers likely already have ads designed for those sizes and would be more likely to buy if spaces of the same sizes were available. Web designers should know the ad dimensions that clients want on their websites.</p>
<p>Blogs commonly use 125 x 125 banners, although many other sizes are used as well. <a href="http://dailyblogtips.com">Daily Blog Tips</a> is an example of a website with typical blog banner ads. Six 125 x 125 ads are placed in the right sidebar, but the only other ad on the website is a skyscraper lower down in the left sidebar.</p>
<p><a href="http://dailyblogtips.com"><img src="http://88.198.60.17/images/online-advertising/dbt.jpg" alt="Screenshot" width="475" height="308" /></a></p>
<p>Another common dimension for banners is 300 x 250. Many news websites use ads of this dimension in sidebars. <a href="http://yahoo.com">Yahoo</a>&#8217;s right sidebar contains a 300 x 250 banner right around the fold.</p>
<p><a href="http://yahoo.com"><img src="http://78.46.108.98/images/online-advertising/yahoo.jpg" alt="Screenshot" width="475" height="403" /></a></p>
<p><a href="http://digg.com">Digg</a> also uses a 300 x 250 banner at the top of its sidebar.</p>
<p><a href="http://digg.com"><img src="http://88.198.60.17/images/online-advertising/digg.jpg" alt="Screenshot" width="475" height="256" /></a></p>
<h3>Best Practices for Designers</h3>
<p><strong>1. Design to meet the needs of the client</strong><br />
The ultimate responsibility of the designer is to the <strong>client</strong>. The designer should advise the client when needed, but ultimately the website needs to please the client. Although the designer may disagree with the client&#8217;s approach to using ads on the website, if the client wants it a certain way, that&#8217;s how they should get it.</p>
<p>There are many websites that appear to outsiders to have too many advertisements, but without knowing the details of how much income the ads produce and how they affect or don&#8217;t affect the audience, it&#8217;s impossible to know if it is a good or bad approach for the business.</p>
<p><strong>2. Lay out the website so that ads are a part of the design</strong><br />
The websites that look the most <em>natural</em> and <em>normal</em> with advertisements were designed with them in mind. It&#8217;s no accident that a banner fits nicely in a specified area of the sidebar. Incorporate ad slots in the layout to achieve the best-looking website possible. Ads that are thrown in will look out of place and will overpower an otherwise well-designed layout.</p>
<p>The sidebar on <a href="http://abcnews.go.com/">ABC News</a> is sized just right to contain the 300 x 250 banners used throughout the website.</p>
<p><a href="http://abcnews.go.com/"><img src="http://78.46.108.98/images/online-advertising/abc.jpg" alt="Screenshot" width="475" height="299" /></a></p>
<p><strong>3. Consider future needs</strong><br />
You may find yourself in a situation in which you&#8217;re designing a website that isn&#8217;t particularly ad-heavy <strong>at the moment</strong> but that could be more dependent on ad revenue in the near future. Many websites start out with few advertisements and then, once the audience is built up, incorporate more ads. Ideally, this would be considered during the design process, and plans would be made for where new ad slots could be placed. Sidebars are generally a good spot to increase the amount of ads without disrupting the layout or the content, but header ads are much more difficult.</p>
<p>It&#8217;s generally good practice to discuss long-term plans with clients during the initial process so that situations like this can be avoided. If more ads are to be used in the near future, before a redesign is done, it&#8217;s possible to hold some spots with temporary content until they are needed for ads. For example, an area could be used to promote something on the website itself, with that content being removed once ad revenue becomes more important.</p>
<p><strong>4. Consider the impact on visitors</strong><br />
Designers should make an effort to include ad slots that will appeal to advertisers, but visitors also need to be considered. When it comes to ads, a lot of decisions need to be made and judgment taken about what is appropriate and what would be too much. All of these issues need to be looked at in the context of the website in question, and there are rarely black-and-white answers.</p>
<h3>What&#8217;s Your Opinion?</h3>
<p>What&#8217;s your take on the impact of advertisements on design? When designing a website or a custom blog theme, how much consideration do you give to advertising?</p>
<h4>About the Author:</h4>
<p>Steven Snell is a Web designer and freelance blogger who can be found on his own blogs: <a href="http://vandelaydesign.com/blog/">Vandelay Website Design</a> and <a href="http://designm.ag">DesignM.ag</a>. <em>(al)</em></p>

<!-- google_ad_section_end -->

<p><a href="http://feeds.feedburner.com/~a/SmashingMagazine?a=lqA2XD"><img src="http://feeds.feedburner.com/~a/SmashingMagazine?i=lqA2XD" border="0"></img></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~f/SmashingMagazine?a=QVPto"><img src="http://feeds.feedburner.com/~f/SmashingMagazine?i=QVPto" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/SmashingMagazine?a=30LHo"><img src="http://feeds.feedburner.com/~f/SmashingMagazine?i=30LHo" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/SmashingMagazine?a=jw3Yo"><img src="http://feeds.feedburner.com/~f/SmashingMagazine?i=jw3Yo" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/SmashingMagazine?a=pCgEo"><img src="http://feeds.feedburner.com/~f/SmashingMagazine?i=pCgEo" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/SmashingMagazine?a=GeMxO"><img src="http://feeds.feedburner.com/~f/SmashingMagazine?i=GeMxO" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/SmashingMagazine?a=iDDYO"><img src="http://feeds.feedburner.com/~f/SmashingMagazine?i=iDDYO" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/SmashingMagazine?a=a1TUO"><img src="http://feeds.feedburner.com/~f/SmashingMagazine?i=a1TUO" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.smashingmagazine.com/2008/12/03/online-advertising-and-its-impact-on-web-design/feed/</wfw:commentRss>
		<feedburner:awareness xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">http://api.feedburner.com/awareness/1.0/GetItemData?uri=SmashingMagazine&amp;itemurl=http%3A%2F%2Fwww.smashingmagazine.com%2F2008%2F12%2F03%2Fonline-advertising-and-its-impact-on-web-design%2F</feedburner:awareness></item>
		<item>
		<title>Innocent Invaders Photoshop Brushes Set</title>
		<link>http://www.smashingmagazine.com/2008/12/03/innocent-invaders-photoshop-brushes-set/</link>
		<comments>http://www.smashingmagazine.com/2008/12/03/innocent-invaders-photoshop-brushes-set/#comments</comments>
		<pubDate>Wed, 03 Dec 2008 11:41:51 +0000</pubDate>
		<dc:creator>Vitaly Friedman &amp; Sven Lennartz</dc:creator>
		
		<category><![CDATA[Freebies]]></category>

		<category><![CDATA[brushes]]></category>

		<category><![CDATA[downloads]]></category>

		<category><![CDATA[Graphics]]></category>

		<category><![CDATA[photoshop]]></category>

		<category><![CDATA[set]]></category>

		<guid isPermaLink="false">http://www.smashingmagazine.com/?p=2467</guid>
		<description><![CDATA[<!-- <img src="http://www.smashingmagazine.com/images/post-pictures/invad.jpg" /> --><p>Today we are glad to release <strong>Innocent Invaders Photoshop Brushes Set</strong>, a set that features a curious cast of characters who are ready to infiltrate your creative projects. Inspired by designer vinyl toys, this high resolution set includes a collection of 15 different creatures accompanied by 10 background illustrations. These brushes are designed by Katie Canada and Jason Gaylor of <a href="http://www.mediaslap.com">Mediaslap</a>. This set was designed exclusively for Smashing Magazine and its readers.</p> 
<p><a href="http://www.smashingmagazine.com/2008/12/03/innocent-invaders-photoshop-brushes-set/"><img src="http://88.198.60.17/images/invaders-characters-photoshop-brushes-set/release.jpg" width="450" height="450" alt="Splatter Brushes For Adobe Photoshop" /></a>
<p>You can use the set for all of your projects for free. You can freely use it for both your private and commercial projects, including software, online services, templates and themes. The set may not be resold, sublicensed, rented, transferred or otherwise made available for use. You may not use these brushes on designs for sale on stock photography sites. You'll find installation instructions in the package. Please link to this article if you would like to spread the word.</p> 
]]></description>
			<content:encoded><![CDATA[
<!-- google_ad_section_start -->
<p>Today we are glad to release <strong>Innocent Invaders Photoshop Brushes Set</strong>, a set that features a curious cast of characters who are ready to infiltrate your creative projects. Inspired by designer vinyl toys, this high resolution set includes a collection of 15 different creatures accompanied by 10 background illustrations.</p>
<p class="showcase"><a href="http://88.198.60.17/images/invaders-characters-photoshop-brushes-set/large-preview.jpg"><img src="http://78.46.108.98/images/invaders-characters-photoshop-brushes-set/release.jpg" width="450" height="450" alt="Splatter Brushes For Adobe Photoshop" /></a></p>
<p>These brushes are designed by Katie Canada and Jason Gaylor of <a href="http://www.mediaslap.com">Mediaslap</a>. This set was designed exclusively for Smashing Magazine and its readers.</p>
<h4>Download the sets for free!</h4>
<p>You can use the set for all of your projects for free. You can freely use it for both your private and commercial projects, including software, online services, templates and themes. The set may not be resold, sublicensed, rented, transferred or otherwise made available for use. You may not use these brushes on designs for sale on stock photography sites. You&#8217;ll find installation instructions in the package. Please link to this article if you would like to spread the word.</p>
<p class="showcase"><a href="http://88.198.60.17/images/invaders-characters-photoshop-brushes-set/large-preview.jpg"><img src="http://78.46.108.98/images/invaders-characters-photoshop-brushes-set/preview3.jpg" alt="Invaders Charaters Photoshop Brushes Set" width="456" height="320" /></a></p>
<p class="showcase"><a href="http://88.198.60.17/images/invaders-characters-photoshop-brushes-set/large-preview.jpg"><img src="http://78.46.108.98/images/invaders-characters-photoshop-brushes-set/preview2.jpg" alt="Invaders Charaters Photoshop Brushes Set" width="456" height="320" /></a></p>
<ul>
<li><a href="http://88.198.60.17/images/invaders-characters-photoshop-brushes-set/large-preview.jpg">large preview</a></li>
<li><a href="http://78.46.108.98/images/invaders-characters-photoshop-brushes-set/innocent-invaders-brushes-set.zip">download</a> (.zip, 2.8 Mb)</li>
</ul>
<h4>Last But Not Least</h4>
<p>We are constantly looking for creative designers and artists. You may not know it yet, but we may feature you in one of our upcoming posts.</p>
<p>If you would like to release a free high-quality font, a Wordpress theme, Photoshop brushes, a Drupal theme, some wallpapers, an icon set or something else, please <a href="http://www.smashingmagazine.com/contact/index.php/form">contact us</a>. We would like to support you (both financially and with the broad readership of Smashing Magazine).</p>

<!-- google_ad_section_end -->

<p><a href="http://feeds.feedburner.com/~a/SmashingMagazine?a=cEaHj8"><img src="http://feeds.feedburner.com/~a/SmashingMagazine?i=cEaHj8" border="0"></img></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~f/SmashingMagazine?a=mEqKo"><img src="http://feeds.feedburner.com/~f/SmashingMagazine?i=mEqKo" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/SmashingMagazine?a=jH3To"><img src="http://feeds.feedburner.com/~f/SmashingMagazine?i=jH3To" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/SmashingMagazine?a=NJJoo"><img src="http://feeds.feedburner.com/~f/SmashingMagazine?i=NJJoo" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/SmashingMagazine?a=LfKBo"><img src="http://feeds.feedburner.com/~f/SmashingMagazine?i=LfKBo" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/SmashingMagazine?a=VfQiO"><img src="http://feeds.feedburner.com/~f/SmashingMagazine?i=VfQiO" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/SmashingMagazine?a=gwnkO"><img src="http://feeds.feedburner.com/~f/SmashingMagazine?i=gwnkO" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/SmashingMagazine?a=KiI3O"><img src="http://feeds.feedburner.com/~f/SmashingMagazine?i=KiI3O" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.smashingmagazine.com/2008/12/03/innocent-invaders-photoshop-brushes-set/feed/</wfw:commentRss>
		<feedburner:awareness xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">http://api.feedburner.com/awareness/1.0/GetItemData?uri=SmashingMagazine&amp;itemurl=http%3A%2F%2Fwww.smashingmagazine.com%2F2008%2F12%2F03%2Finnocent-invaders-photoshop-brushes-set%2F</feedburner:awareness></item>
		<item>
		<title>10 Useful RSS-Tricks and Hacks For WordPress</title>
		<link>http://www.smashingmagazine.com/2008/12/02/10-useful-rss-hacks-for-wordpress/</link>
		<comments>http://www.smashingmagazine.com/2008/12/02/10-useful-rss-hacks-for-wordpress/#comments</comments>
		<pubDate>Tue, 02 Dec 2008 18:48:33 +0000</pubDate>
		<dc:creator>Jean-Baptiste Jung</dc:creator>
		
		<category><![CDATA[Developer's Toolbox]]></category>

		<category><![CDATA[hacks]]></category>

		<category><![CDATA[rss]]></category>

		<category><![CDATA[techniques]]></category>

		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.smashingmagazine.com/?p=2411</guid>
		<description><![CDATA[<!-- <img src="http://www.smashingmagazine.com/images/post-pictures/rss-reader.png" /> --><p><strong>RSS</strong> is one of those technologies that are extremely simple yet extremely powerful. Currently, RSS is the <em>de facto</em> standard for blog syndication, and it is used widely in both personal and corporate settings; for example, in blogs. And because a large percentage of these blogs run on WordPress, we'll cover in this post some (hopefully) relatively unknown but useful RSS-related tricks and hacks that will help you use RSS in a more effective way &mdash; and without unnecessary and chunky WordPress plug-ins.</p>

<p><a href="http://www.smashingmagazine.com/2008/12/02/10-useful-rss-hacks-for-wordpress/"><img src="http://88.198.60.17/images/wordpress-rss-hacks/sm8.jpg" alt="Screenshot" /></a></p> 

<p>Let's take a look at <strong>10 useful, yet rather unknown RSS-tricks for WordPress</strong>. Each section of the article presents a problem, suggests a solution and provides you with an explanation of the solution, so that you can not just solve some of your RSS-related problems but also understand what you are actually doing. Thus, you can make sure your WordPress theme remains under your control and is not bloated with some obscure source code.</p>]]></description>
			<content:encoded><![CDATA[
<!-- google_ad_section_start -->
<p><em>By Jean-Baptiste Jung</em></p>
<p><strong>RSS</strong> is one of those technologies that are extremely simple yet extremely powerful. Currently, RSS is the <em>de facto</em> standard for blog syndication, and it is used widely in both personal and corporate settings; for example, in blogs. And because a large percentage of these blogs run on WordPress, we&#8217;ll cover in this post some (hopefully) relatively unknown but useful RSS-related tricks and hacks that will help you use RSS in a more effective way &mdash; and without unnecessary and chunky WordPress plug-ins.</p>
<p>Let&#8217;s take a look at <strong>10 useful, yet rather unknown RSS-tricks for WordPress</strong>. Each section of the article presents a problem, suggests a solution and provides you with an explanation of the solution, so that you can not just solve some of your RSS-related problems but also understand what you are actually doing. Thus, you can make sure your WordPress theme remains under your control and is not bloated with some obscure source code.</p>
<h3>1. Control When Your Posts are Available via RSS</h3>
<p><img src="http://88.198.60.17/images/wordpress-rss-hacks/sm8.jpg" alt="Screenshot" /></p>
<p><strong>The problem</strong>. Have you ever published an article and then immediately noticed an error? Sure, you can edit it, but there&#8217;s another problem: the article has already been published in your RSS feed. To avoid this kind of problem, use this recipe to create a delay between the publication of a post and its availability in your RSS feed.</p>
<p><strong>The solution</strong>. To apply this hack, simply paste the following code into your theme&#8217;s function.php file. If your theme doesn&#8217;t have this file, just create it.</p>
<pre name="code" class="php">function publish_later_on_feed($where) {
	global $wpdb;

	if ( is_feed() ) {
		// timestamp in WP-format
		$now = gmdate('Y-m-d H:i:s');

		// value for wait; + device
		$wait = '5'; // integer

		// http://dev.mysql.com/doc/refman/5.0/en/date-and-time-functions.html#function_timestampdiff
		$device = 'MINUTE'; //MINUTE, HOUR, DAY, WEEK, MONTH, YEAR

		// add SQL-sytax to default $where
		$where .= " AND TIMESTAMPDIFF($device, $wpdb-&gt;posts.post_date_gmt, '$now') &gt; $wait ";
	}
	return $where;
}

add_filter('posts_where', 'publish_later_on_feed');</pre>
<p><strong>Code explanation</strong>. The above code will add a 5-minute delay to the time between when your post is published on your blog and when it appears in your RSS feed. To change the length of the delay, change the value of the <em>$wait</em> variable on line 9.</p>
<h4>Sources</h4>
<ul>
<li><a href="http://wpengineer.com/publish-the-feed-later/">Publish your feed later</a></li>
</ul>
<h3>2. Redirecting WordPress Feeds to FeedBurner Feeds</h3>
<p><img src="http://78.46.108.98/images/wordpress-rss-hacks/sm1.png" width="500" height="160" alt="Screenshot" /></p>
<p><strong>The problem</strong>. Beginner bloggers usually start to use FeedBurner only after they have seen it used on many other blogs and realize how useful and cool this tool is. They sign up and start to use it, but their early readers are already subscribed to their default WordPress feed.</p>
<p>Another problem: do you often change your theme? If so, you must be bored having to edit each call to <em>bloginfo(&#8217;rss2_url&#8217;)</em> and replace it with your FeedBurner feed&#8217;s URL.</p>
<p><strong>The solution</strong>. The solution to both problems described above is simple: use server redirections.</p>
<ol>
<li>Create a backup of your .htaccess file, located in the root of your Web server.</li>
<li>Edit the .htaccess file and add the following code. Don&#8217;t forget to modify the feed&#8217;s URL with your own feed&#8217;s URL.
<pre name="code" class="php"># temp redirect wordpress content feeds to feedburner
&lt;IfModule mod_rewrite.c&gt;
 RewriteEngine on
 RewriteCond %{HTTP_USER_AGENT} !FeedBurner    [NC]
 RewriteCond %{HTTP_USER_AGENT} !FeedValidator [NC]
 RewriteRule ^feed/?([_0-9a-z-]+)?/?$ http://feeds.feedburner.com/wprecipes [R=302,NC,L]
&lt;/IfModule&gt;</pre>
</li>
<li>Save the file. You&#8217;re done!</li>
</ol>
<p><strong>Code explanation</strong>. Each time someone clicks on a link to <em>http://www.yourblog.com/feed</em>, he or she will be redirected to <em>http://feeds.feedburner.com/yourblog</em>. This way, you will have never lost an RSS subscriber, and even if you change your theme twice a day, you&#8217;ll never have to manually edit your RSS feed links again.</p>
<h4>Sources</h4>
<ul>
<li><a href="http://perishablepress.com/press/2008/03/25/redirect-wordpress-feeds-to-feedburner-via-htaccess-redux/">Redirect WordPress feeds to FeedBurner via htaccess (Redux)</a></li>
<li><a href="http://www.wprecipes.com/how-to-redirect-wordpress-rss-feeds-to-feedburner-with-htaccess">How to: redirect WordPress RSS feeds to FeedBurner with .htaccess</a></li>
</ul>
<h3>3. Insert Ads (or Anything Else) in Your RSS Feed</h3>
<p><img src="http://88.198.60.17/images/wordpress-rss-hacks/sm2.png" width="500" height="231" alt="Screenshot" /></p>
<p><strong>The problem</strong>. Monetizing RSS feeds is currently becoming a common practice, and many blog owners do it to maximize their income. FeedBurner can insert AdSense ads into your feed items, but you need at least 500 subscribers to qualify, and you can&#8217;t use any ads other than the AdSense ads provided by FeedBurner.</p>
<p><strong>The solution</strong>. It is possible, though, to insert other kinds of ads into your RSS feed. You can, for example, use a link to a free WordPress theme only for your RSS subscribers.</p>
<p>Follow these simple steps to perform this hack:</p>
<ol>
<li>Edit the functions.php file of your theme. If your theme doesn&#8217;t have a functions.php file, simply create one.</li>
<li>Paste the following code into your functions.php file:
<pre name="code" class="php">&lt;?php
function insertAds($content) {
    $content = $content.'&lt;hr /&gt;&lt;a href="http://www.wprecipes.com"&gt;Have you visited WpRecipes today?&lt;/a&gt;&lt;hr /&gt;';
    return $content;
}
add_filter('the_excerpt_rss', 'insertAds');
add_filter('the_content_rss', 'insertAds');
?&gt;</pre>
</li>
<li>Save the file. You&#8217;re now displaying your ads in your RSS feed!</li>
</ol>
<p><strong>Code explanation</strong>. I have seen many similar hacks on the Web, but all of them require you to edit WordPress core files to achieve the same result. Of course, editing WordPress core files is a very bad idea because then you would have to re-edit the files each time you upgrade your blog. Instead, this hack uses the <em>add_filter()</em> WordPress function to insert content into your RSS feed without editing any core files.</p>
<h4>Sources</h4>
<ul>
<li><a href="http://www.wprecipes.com/how-to-insert-ads-on-your-rss-feed">How to: insert ads in your RSS feed</a></li>
<li><a href="http://www.webinventif.fr/wordpress-ajouter-du-contenu-dans-son-flux/">WordPress, ajouter du contenu dans son flux RSS !</a></li>
</ul>
<h3>4. Format Your Images for Feed Readers</h3>
<p><img src="http://78.46.108.98/images/wordpress-rss-hacks/sm6.jpg" alt="Screenshot" /></p>
<p><strong>The problem</strong>. You took a lot of time to write and format your post and add beautiful screenshots. It looks so good on your blog. Sadly, when the post is displayed in Google Reader or any other RSS reader, it doesn&#8217;t look so great.</p>
<p><strong>The solution</strong>. This is due to the fact that most feed readers display images inline with text:<br /> <br />
<img src="http://88.198.60.17/images/wordpress-rss-hacks/inline-image.jpg" alt="inline image" /><br /> <br />
To avoid this problem, add a CSS class to display the image as a block. WordPress provides the built-in class &#8220;<em>center</em>&#8220;:</p>
<pre name="code" class="php">&lt;img src="http://78.46.108.98/images/wordpress-rss-hacks/myimage.jpg" alt="This is my image" class="center"/&gt;</pre>
<h4>Sources</h4>
<ul>
<li><a href="http://www.pearsonified.com/2007/06/how-to-format-images-for-feed-readers.php">How to format images for feed readers</a></li>
</ul>
<h3>5. Provide Your Readers with a Feed for Each Post</h3>
<p><img src="http://88.198.60.17/images/wordpress-rss-hacks/sm9.png" alt="Screenshot" /><br /> <br />
<strong>The problem.</strong> When a post has lots and lots of comments, it can be hard for readers to follow the conversation. Most WordPress users don’t know this, but our favorite blogging engine has a built-in function for providing an RSS feed for the comments in each post.</p>
<p><strong>The solution.</strong> Well, this recipe isn&#8217;t really a hack or anything: to provide an RSS feed for the comments in a particular post, just call the <em>comment_rss_link()</em> function:</p>
<pre name="code" class="php">&lt;?php comments_rss_link('&amp;raquo; Comments RSS Feed'); ?&gt;</pre>
<h4>Sources</h4>
<ul>
<li><a href="http://www.wprecipes.com/wordpress-how-to-provide-rss-feed-for-each-post-comments">WordPress how to: provide an RSS feed for the comments in each post </a></li>
</ul>
<h3>6. Exclude Categories from Your RSS Feed</h3>
<p><strong>The problem</strong>. Do you use one of your blog categories to let readers know about your website&#8217;s news, or does your blog feature a category that has nothing to do with the rest of your content? If so, it is generally not a good idea to include it in your RSS feed.</p>
<p><strong>The solution</strong>. Here&#8217;s how to get rid of one of the categories in your RSS feed:</p>
<ol>
<li>First, get the numeric ID of the category you want to exclude. If you don&#8217;t know how to get the ID of a particular category, you can learn how <a href="http://www.wprecipes.com/how-to-find-wordpress-category-id">here</a>.</li>
<li>Once you have the ID of the category you want to exclude from your RSS feed, edit  the functions.php file in your theme. Create the file if it doesn&#8217;t exist.</li>
<li>Paste the following code in it:
<pre name="code" class="php">function myFilter($query) {
    if ($query-&gt;is_feed) {
        $query-&gt;set('cat','-5'); //Don't forget to change the category ID =^o^=
    }
return $query;
}

add_filter('pre_get_posts','myFilter');</pre>
</li>
<li>Save the file, and you&#8217;re done!</li>
</ol>
<p><strong>Code explanation</strong>. This hack works exactly the same way as the previous one: create a custom function to exclude the category that you don&#8217;t want to appear in your RSS feed, and then use the super-useful <em>add_filter()</em> function to apply it to the <em>pre_get_posts()</em> WordPress core function.</p>
<h4>Sources</h4>
<ul>
<li><a href="http://www.jangro.com/a/2008/03/01/excluding-posts-from-your-blog-feed/">Excluding posts from your WordPress feed</a></li>
<li><a href="http://www.wprecipes.com/how-to-exclude-categories-from-your-rss-feed">How to: exclude categories from your RSS feed</a></li>
</ul>
<h3>7. Display Any RSS Feed on Your WordPress Blog</h3>
<p><img src="http://78.46.108.98/images/wordpress-rss-hacks/sm5.png" alt="Screenshot" /></p>
<p><strong>The problem</strong>. Do you have more than one blog, or do you manage a forum? If so, you may want to be able to display any RSS feed on your WordPress blog.</p>
<p><strong>The solution</strong>. Many plug-ins can do the job, but they&#8217;re not necessary at all. WordPress has a built-in RSS reader that is used, for example, to display news on your dashboard. All you have to do is use it in your theme.</p>
<ol>
<li>Paste the following code anywhere in your theme (personally, I&#8217;d put it in the sidebar, the footer or, even better, the <a href="http://www.wprecipes.com/how-to-create-and-use-wordpress-page-templates">page template</a>):
<pre name="code" class="php">&lt;?php include_once(ABSPATH.WPINC.'/rss.php');
wp_rss('http://feeds.feedburner.com/wprecipes', 3); ?&gt;</pre>
</li>
<li>Save it and you&#8217;re done. It&#8217;s as easy as that!</li>
</ol>
<p><strong>Code explanation</strong>. The first thing we have done is include the rss.php file from WordPress core. This file allows us to use the <em>wp_rss()</em> function, which takes two parameters: the first is the RSS feed&#8217;s URL, and the second is the number of RSS entries to be displayed.</p>
<h4>Sources</h4>
<ul>
<li><a href="http://www.wprecipes.com/how-to-display-any-rss-feed-on-your-wordpress-blog">How to: Display any RSS feed on your WordPress blog</a></li>
</ul>
<h3>8. Use Category-Specific RSS Feeds</h3>
<p><img src="http://88.198.60.17/images/wordpress-rss-hacks/rss-categ.gif" alt="Screenshot" width="502" height="306" /></p>
<p><strong>The problem</strong>. Many blogs talk about a lot of different topics: design, programming, blogging tips, etc. Have you ever come across a blog in which you have enjoyed only one category of posts? If so, you should definitely consider offering one feed per category to your own readers.</p>
<p><strong>The solution</strong>. Let&#8217;s say you&#8217;d like to be able to subscribe only to <a href="http://www.thegridsystem.org/categories/tools/">TheGridSystem&#8217;s tools section</a>. The category URL is:</p>
<pre name="code" class="php">http://www.thegridsystem.org/categories/tools/</pre>
<p>To get an RSS feed for this category, you simply have to add <em>/feed</em> to the end of the URL:</p>
<pre name="code" class="php">http://www.thegridsystem.org/categories/tools/feed</pre>
<p>Pretty easy, isn&#8217;t it? But pretty useful, too, in my opinion.</p>
<h3>9. List RSS Feeds by Category</h3>
<p><img src="http://78.46.108.98/images/wordpress-rss-hacks/sm3.gif" alt="Screenshot" /></p>
<p><strong>The problem</strong>. If you like the previous hack, you will probably also want to be able to display the names of all your category feeds in a list to your readers.</p>
<p><strong>The solution</strong>.</p>
<ol>
<li>Edit any of your theme files, where you want to list your categories and their accompanying feeds.</li>
<li>Paste the following code:
<pre name="code" class="php">&lt;?php wp_list_categories('feed_image=http://www.myblog.com/image.gif&amp;feed=XML Feed&amp;optioncount=1&amp;children=0'); ?&gt;</pre>
</li>
<li>Save the file. You categories will now be displayed, along with their RSS feeds!</li>
</ol>
<p><strong>Code explanation</strong>. This hack uses only the good old <em>wp_list_categories()</em> function, with two parameters. The first is feed_image, which allows us to specify the URL to be displayed as a feed image. The second parameter is feed, which is used to specify the feed format.</p>
<h3>10. Get Rid of RSS Feeds the Clean Way</h3>
<p><img src="http://88.198.60.17/images/wordpress-rss-hacks/sm7.png" alt="Screenshot" /></p>
<p><strong>The problem</strong>. Let&#8217;s say you&#8217;re using WordPress as a CMS to manage your online portfolio or your company&#8217;s website. In such cases, the RSS feed isn&#8217;t that useful, and some people would probably want to remove it.</p>
<p><strong>The solution</strong>. I have seen many &#8220;hacks&#8221; on the Web where people say you just have to remove the <em>include</em> on the wp-settings.php core file. I don&#8217;t think you should ever edit a core file. Instead, the following hack will do the job. Simply paste this code in the functions.php file of your theme:</p>
<pre name="code" class="php">function fb_disable_feed() {
	wp_die( __('No feed available,please visit our &lt;a href="'. get_bloginfo('url') .'"&gt;homepage&lt;/a&gt;!') );
}

add_action('do_feed', 'fb_disable_feed', 1);
add_action('do_feed_rdf', 'fb_disable_feed', 1);
add_action('do_feed_rss', 'fb_disable_feed', 1);
add_action('do_feed_rss2', 'fb_disable_feed', 1);
add_action('do_feed_atom', 'fb_disable_feed', 1);</pre>
<h4>Sources</h4>
<ul>
<li><a href="http://wpengineer.com/disable-wordpress-feed/">Disable WordPress feed</a></li>
</ul>
<h4>About the author</h4>
<p><em>This guest post was written by Jean-Baptiste Jung, a 26-year-old blogger from Belgium, who blogs about WordPress at <a href="http://www.wprecipes.com">WpRecipes</a> and about everything related to blogging and programming at <a href="http://www.catswhocode.com">Cats Who Code</a>.</em><em> You can stay in touch with Jean by following him on <a href="http://twitter.com/catswhocode">Twitter</a>.</em> <em>(al)</em></p>
<style type="text/css">.dp-highlighter{font-family:"Consolas", "Courier New", Courier, mono, serif;font-size:12px;background-color:#E7E5DC;width:99%;overflow:auto;padding-top:1px;margin:18px 0!important;}.dp-highlighter ol,.dp-highlighter ol li,.dp-highlighter ol li span{border:none;margin:0;padding:0;}.dp-highlighter a,.dp-highlighter a:hover{background:none;border:none;margin:0;padding:0;}.dp-highlighter .bar{padding-left:45px;}.dp-highlighter.collapsed .bar,.dp-highlighter.nogutter .bar{padding-left:0;}.dp-highlighter ol{list-style:decimal;background-color:#fff;color:#5C5C5C;margin:0 0 1px 45px !important;padding:0;}.dp-highlighter.nogutter ol,.dp-highlighter.nogutter ol li{list-style:none!important;margin-left:0!important;}.dp-highlighter ol li,.dp-highlighter .columns div{list-style:decimal-leading-zero;list-style-position:outside!important;border-left:3px solid #6CE26C;background-color:#F8F8F8;color:#5C5C5C;line-height:14px;margin:0!important;padding:0 3px 0 10px !important;}.dp-highlighter.nogutter ol li,.dp-highlighter.nogutter .columns div{border:0;}.dp-highlighter .columns{background-color:#F8F8F8;color:gray;overflow:hidden;width:100%;}.dp-highlighter .columns div{padding-bottom:5px;}.dp-highlighter ol li.alt{background-color:#FFF;color:inherit;}.dp-highlighter ol li span{color:black;background-color:inherit;}.dp-highlighter.collapsed ol{margin:0;}.dp-highlighter.collapsed ol li{display:none;}.dp-highlighter.printing{border:none;}.dp-highlighter.printing .tools{display:none!important;}.dp-highlighter.printing li{display:list-item!important;}.dp-highlighter .tools{font:9px Verdana, Geneva, Arial, Helvetica, sans-serif;color:silver;background-color:#f8f8f8;border-left:3px solid #6CE26C;padding:3px 8px 10px 10px;}.dp-highlighter.nogutter .tools{border-left:0;}.dp-highlighter.collapsed .tools{border-bottom:0;}.dp-highlighter .tools a{font-size:9px;color:#a0a0a0;background-color:inherit;text-decoration:none;margin-right:10px;}.dp-highlighter .tools a:hover{color:red;background-color:inherit;text-decoration:underline;}.dp-about{background-color:#fff;color:#333;margin:0;padding:0;}.dp-about table{width:100%;height:100%;font-size:11px;font-family:Tahoma, Verdana, Arial, sans-serif!important;}.dp-about td{vertical-align:top;padding:10px;}.dp-about .copy{border-bottom:1px solid #ACA899;height:95%;}.dp-about .title{color:red;background-color:inherit;font-weight:bold;}.dp-about .para{margin:0 0 4px;}.dp-about .footer{background-color:#ECEADB;color:#333;border-top:1px solid #fff;text-align:right;}.dp-about .close{font-size:11px;font-family:Tahoma, Verdana, Arial, sans-serif!important;background-color:#ECEADB;color:#333;width:60px;height:22px;}.dp-highlighter .comment,.dp-highlighter .comments{color:#008200;background-color:inherit;}.dp-highlighter .string{color:blue;background-color:inherit;}.dp-highlighter .keyword{color:#069;font-weight:bold;background-color:inherit;}.dp-highlighter .preprocessor{color:gray;background-color:inherit;}</style>
<p><script type="text/javascript" src="http://78.46.108.98/images/highlighting/js/shCore.js"></script><script type="text/javascript" src="http://88.198.60.17/images/highlighting/js/shBrushXml.js"></script><script class="javascript" src="http://78.46.108.98/images/highlighting/js/shBrushCss.js"></script><script class="javascript" src="http://88.198.60.17/images/highlighting/js/shBrushPhp.js"></script><script type="text/javascript">dp.SyntaxHighlighter.ClipboardSwf = "http://78.46.108.98/images/highlighting/flash/clipboard.swf";dp.SyntaxHighlighter.HighlightAll("code");</script></p>

<!-- google_ad_section_end -->

<p><a href="http://feeds.feedburner.com/~a/SmashingMagazine?a=CdzRGq"><img src="http://feeds.feedburner.com/~a/SmashingMagazine?i=CdzRGq" border="0"></img></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~f/SmashingMagazine?a=9xtTo"><img src="http://feeds.feedburner.com/~f/SmashingMagazine?i=9xtTo" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/SmashingMagazine?a=Yt0zo"><img src="http://feeds.feedburner.com/~f/SmashingMagazine?i=Yt0zo" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/SmashingMagazine?a=S4oHo"><img src="http://feeds.feedburner.com/~f/SmashingMagazine?i=S4oHo" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/SmashingMagazine?a=5wFto"><img src="http://feeds.feedburner.com/~f/SmashingMagazine?i=5wFto" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/SmashingMagazine?a=NQiuO"><img src="http://feeds.feedburner.com/~f/SmashingMagazine?i=NQiuO" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/SmashingMagazine?a=BtCtO"><img src="http://feeds.feedburner.com/~f/SmashingMagazine?i=BtCtO" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/SmashingMagazine?a=2RlyO"><img src="http://feeds.feedburner.com/~f/SmashingMagazine?i=2RlyO" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.smashingmagazine.com/2008/12/02/10-useful-rss-hacks-for-wordpress/feed/</wfw:commentRss>
		<feedburner:awareness xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">http://api.feedburner.com/awareness/1.0/GetItemData?uri=SmashingMagazine&amp;itemurl=http%3A%2F%2Fwww.smashingmagazine.com%2F2008%2F12%2F02%2F10-useful-rss-hacks-for-wordpress%2F</feedburner:awareness></item>
		<item>
		<title>ASCII One: A Free WordPress Theme</title>
		<link>http://www.smashingmagazine.com/2008/12/02/ascii-one-a-free-wordpress-theme/</link>
		<comments>http://www.smashingmagazine.com/2008/12/02/ascii-one-a-free-wordpress-theme/#comments</comments>
		<pubDate>Tue, 02 Dec 2008 08:53:57 +0000</pubDate>
		<dc:creator>Vitaly Friedman &amp; Sven Lennartz</dc:creator>
		
		<category><![CDATA[Freebies]]></category>

		<category><![CDATA[downloads]]></category>

		<category><![CDATA[themes]]></category>

		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.smashingmagazine.com/?p=2452</guid>
		<description><![CDATA[<!-- <img src="http://www.smashingmagazine.com/images/post-pictures/asc.jpg" /> --><p>We released a couple of Wordpress themes over the last months. Some of them were praised, the others were torn apart, but we always tried to always offer a variety of different styles. And today is no exception.</p>
<p><a href="http://www.smashingmagazine.com/2008/12/02/ascii-one-a-free-wordpress-theme/"><img src="http://88.198.60.17/images/ascii-one-wordpress-theme/ascii.jpg" width="500" height="404" /></a></p>
<p>Today we are glad to release <strong>ASCII One &mdash; a free professional Wordpress-theme</strong> created by <a href="http://oddwebthings.com">Piotr Godek</a>. This theme was designed with the main focus being on typography &mdash; all graphical elements are made only of characters, and it holds for visuals, too. The theme is released with and via Smashing Magazine and is released as a gift to its readers.</p>]]></description>
			<content:encoded><![CDATA[
<!-- google_ad_section_start -->
<p>We released a couple of Wordpress themes over the last months. Some of them were praised, the others were torn apart, but we always tried to always offer a variety of different styles. And today is no exception.</p>
<p>Today we are glad to release <strong>ASCII One &mdash; a free professional Wordpress-theme</strong> created by <a href="http://oddwebthings.com">Piotr Godek</a>. This theme was designed with the main focus being on typography &mdash; all graphical elements are made only of characters, and it holds for visuals, too. The theme is released with and via Smashing Magazine and is released as a gift to its readers.</p>
<h4>Download the theme for free!</h4>
<p>This theme is released under GPL. You can use the theme for all your projects for free and without any restrictions. Please link to this article if you would like to spread the word. You may modify the theme as you wish<del>, but if you are planning to release your modification, please ask our permission first</del>.</p>
<p><a href="http://oddwebthings.com/wp-content/uploads/2008/12/asciione-2.png"><img src="http://88.198.60.17/images/ascii-one-wordpress-theme/ascii.jpg" width="500" height="404" /></a></p>
<ul>
<li><a href="http://sandbox.oddwebthings.com/asciione/">live demo</a></li>
<li><a href="http://oddwebthings.com/wp-content/uploads/2008/12/asciione-2.png">large preview</a></li>
<li><a href="http://oddwebthings.com/download/ascii-one.zip">download the theme</a> (0.2 Mb)</li>
<li><a href="http://oddwebthings.com/ascii-one-theme/">release post on designer&#8217;s blog</a></li>
</ul>
<h4>Features of the theme</h4>
<ul>
<li>typography insired, graphical elements made only of characters,</li>
<li>widgetized,</li>
<li>3 columns + 1 (metadata),</li>
<li>2 sidebars for widgets,</li>
<li>theme works with WordPress 2.6+</li>
<li>The font used for graphical elements is <a href="http://www.josbuivenga.demon.nl/museo.html">Museo</a> by Jos Buivenga.</li>
</ul>
<p>This theme will be supported and upgraded. new versions will be available on <a href="http://oddwebthings.com/ascii-one-theme/">Odd Web Things&#8217;s site</a>.</p>
<p><a href="http://oddwebthings.com/wp-content/uploads/2008/12/asciione-2.png"><img src="http://78.46.108.98/images/ascii-one-wordpress-theme/prev.gif" width="500" height="254" alt="Wordpress Theme" /></a><br /><em>Meta-area for the post</em></p>
<p><a href="http://oddwebthings.com/wp-content/uploads/2008/12/asciione-2.png"><img src="http://88.198.60.17/images/ascii-one-wordpress-theme/comm.gif" width="500" height="319" alt="Wordpress Theme" /></a><br /><em>Comments to the post</em></p>
<p>Thank you, Piotr. We appreciate your work and your good intentions.</p>
<h4>Last but not least&#8230;</h4>
<p>We are regularly looking for creative designers and artists. You may not know it yet, but we might feature you in one of our upcoming posts. </p>
<p>If you would like to release a high-quality free font, a Wordpress-theme, some wallpapers or an icon-set please <a href="http://www.smashingmagazine.com/contact/index.php/form">contact us</a> &mdash; we would like to support you (both financially and with the broad coverage on Smashing Magazine).</p>
<p>You may be interested in the following free Wordpress-themes as well:</p>
<ul>
<li><a href="http://www.smashingmagazine.com/2008/09/08/agregado-a-free-wordpress-theme/">Agregado: A Free Wordpress Theme</a></li>
<li><a href="http://www.smashingmagazine.com/2008/08/08/infinity-a-free-wordpress-theme/">Infinity: A Free Wordpress Theme</a></li>
<li><a href="http://www.smashingmagazine.com/2008/07/16/wordpress-fun-a-free-wordpress-theme/">Wordpress.Fun: A Free Wordpress Theme</a></li>
<li><a href="http://www.smashingmagazine.com/2008/08/05/fervens-a-free-wordpress-theme/">Fervens: A Free Wordpress Theme</a></li>
<li><a href="http://www.smashingmagazine.com/2007/12/21/dilectio-a-smashing-wordpress-theme/">Dilectio: A Free Wordpress Theme</a></li>
<li><a href="http://www.smashingmagazine.com/2007/09/07/smashing-freefont-and-wordpress-theme/">Smashing: A Free Wordpress Theme</a></li>
</ul>

<!-- google_ad_section_end -->

<p><a href="http://feeds.feedburner.com/~a/SmashingMagazine?a=9Gbe7R"><img src="http://feeds.feedburner.com/~a/SmashingMagazine?i=9Gbe7R" border="0"></img></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~f/SmashingMagazine?a=5KUZo"><img src="http://feeds.feedburner.com/~f/SmashingMagazine?i=5KUZo" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/SmashingMagazine?a=9nJdo"><img src="http://feeds.feedburner.com/~f/SmashingMagazine?i=9nJdo" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/SmashingMagazine?a=JXOto"><img src="http://feeds.feedburner.com/~f/SmashingMagazine?i=JXOto" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/SmashingMagazine?a=ojnWo"><img src="http://feeds.feedburner.com/~f/SmashingMagazine?i=ojnWo" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/SmashingMagazine?a=HWtuO"><img src="http://feeds.feedburner.com/~f/SmashingMagazine?i=HWtuO" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/SmashingMagazine?a=toQbO"><img src="http://feeds.feedburner.com/~f/SmashingMagazine?i=toQbO" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/SmashingMagazine?a=787sO"><img src="http://feeds.feedburner.com/~f/SmashingMagazine?i=787sO" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.smashingmagazine.com/2008/12/02/ascii-one-a-free-wordpress-theme/feed/</wfw:commentRss>
		<feedburner:awareness xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">http://api.feedburner.com/awareness/1.0/GetItemData?uri=SmashingMagazine&amp;itemurl=http%3A%2F%2Fwww.smashingmagazine.com%2F2008%2F12%2F02%2Fascii-one-a-free-wordpress-theme%2F</feedburner:awareness></item>
		<item>
		<title>100 Free High-Quality XHTML/CSS Templates</title>
		<link>http://www.smashingmagazine.com/2008/12/01/100-free-high-quality-xhtmlcss-templates/</link>
		<comments>http://www.smashingmagazine.com/2008/12/01/100-free-high-quality-xhtmlcss-templates/#comments</comments>
		<pubDate>Mon, 01 Dec 2008 22:46:04 +0000</pubDate>
		<dc:creator>Steven Snell</dc:creator>
		
		<category><![CDATA[Developer's Toolbox]]></category>

		<category><![CDATA[CSS]]></category>

		<category><![CDATA[downloads]]></category>

		<category><![CDATA[free]]></category>

		<category><![CDATA[templates]]></category>

		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://www.smashingmagazine.com/?p=2307</guid>
		<description><![CDATA[<!-- <img src="http://www.smashingmagazine.com/images/post-pictures/templ.jpg" /> --><p>If you haven&#8217;t taken a look at the <strong>(X)HTML/CSS templates</strong> that are available for free from a variety of sources, you may be surprised by the quality you can find. WordPress themes tend to get a lot of exposure and attention in the design community right now, but there is also a wide variety of high-quality (X)HTML/CSS templates that are free of charge.</p>

<p><a href="http://www.smashingmagazine.com/2008/12/01/100-free-high-quality-xhtmlcss-templates/"><img src="http://88.198.60.17/images/xhtml-css-templates/cluster.jpg" alt="Template Screenshot" width="475" height="250" /></a></p> 

<p>In this post, we&#8217;ll showcase <strong>100 free high-quality templates</strong>. Hopefully some of them will save you some time in your design and development. While they are generally free for personal or commercial use, always remember to check the license first for any restrictions or guidelines.</p>

<p>You may want to take a look at other collections as well (some are from Smashing Magazine, some are not):</p> 
<ul> 
<li><a href="http://www.smashingmagazine.com/2007/02/14/free-design-templates/">Free Design Templates</a></li> 
<li><a href="http://www.smashingmagazine.com/2007/01/12/free-css-layouts-and-templates/">Free CSS Layouts and Templates</a></li> 
<li><a href="http://www.smashingmagazine.com/2008/01/08/100-excellent-free-high-quality-wordpress-themes/">100 Excellent Free WordPress Themes</a></li> 
<li><a href="http://dzineblog.com/2008/07/download-free-web-templates.html">25 Sites to download Free Web Templates</a></li> 
</ul> 
]]></description>
			<content:encoded><![CDATA[
<!-- google_ad_section_start -->
<p><em>by Steven Snell</em></p>
<p>If you haven&#8217;t taken a look at the <strong>(X)HTML/CSS templates</strong> that are available for free from a variety of sources, you may be surprised by the quality you can find. WordPress themes tend to get a lot of exposure and attention in the design community right now, but there is also a wide variety of high-quality (X)HTML/CSS templates that are free of charge.</p>
<p>In this post, we&#8217;ll showcase <strong>100 free high-quality templates</strong>. Hopefully some of them will save you some time in your design and development. While they are generally free for personal or commercial use, always remember to check the license first for any restrictions or guidelines.</p>
<p>You may want to take a look at other collections as well (some are from Smashing Magazine, some are not):</p>
<ul>
<li><a href="http://www.smashingmagazine.com/2007/02/14/free-design-templates/">Free Design Templates</a></li>
<li><a href="http://www.smashingmagazine.com/2007/01/12/free-css-layouts-and-templates/">Free CSS Layouts and Templates</a></li>
<li><a href="http://www.smashingmagazine.com/2008/01/08/100-excellent-free-high-quality-wordpress-themes/">100 Excellent Free WordPress Themes</a></li>
<li><a href="http://dzineblog.com/2008/07/download-free-web-templates.html">25 Sites to download Free Web Templates</a></li>
</ul>
<h3>100 Free High-Quality XHTML/CSS Templates</h3>
<p><a href="http://www.templatekingdom.com/CSS-Templates/Web-Design/Package">Package</a> | <a href="http://www.templatekingdom.com/">Registration is necessary</a>.</p>
<p class="showcase"><a href="http://www.templatekingdom.com/CSS-Templates/Web-Design/Package"><img src="http://78.46.108.98/images/xhtml-css-templates/package.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.templateworld.com/free_templates.html">Consultant</a> | <a href="http://www.templateworld.com/zero/click.php?id=19">Download Consultant</a></p>
<p class="showcase"><a href="http://www.templateworld.com/free_templates.html"><img src="http://88.198.60.17/images/xhtml-css-templates/consultant.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.opensourcetemplates.org/browse/">Environmental Brand</a> | <a href="http://www.opensourcetemplates.org/templates/download/1361070670/">Download Environmental Brand</a></p>
<p class="showcase"><a href="http://www.opensourcetemplates.org/browse/"><img src="http://78.46.108.98/images/xhtml-css-templates/envirobrand.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.oswd.org/designs/search/designer/id/6371/">Internet Jobs</a> | <a href="http://www.oswd.org/design/download/id/2603">Download Internet Jobs</a></p>
<p class="showcase"><a href="http://www.oswd.org/designs/search/designer/id/6371/"><img src="http://88.198.60.17/images/xhtml-css-templates/internetjobs.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.oswd.org/designs/search/designer/id/6371/">Internet Music</a> | <a href="http://www.oswd.org/design/download/id/3115">Download Internet Music</a></p>
<p class="showcase"><a href="http://www.oswd.org/designs/search/designer/id/6371/"><img src="http://78.46.108.98/images/xhtml-css-templates/internetmusic.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.webpagedesign.com.au/2008/05/18/free-web-template-greefies/">Greefies</a> | <a href="http://www.webpagedesign.com.au/wp-content/uploads/2008/05/greefies.zip">Download Greefies</a></p>
<p class="showcase"><a href="http://www.webpagedesign.com.au/2008/05/18/free-web-template-greefies/"><img src="http://88.198.60.17/images/xhtml-css-templates/greefies.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.webpagedesign.com.au/2008/07/17/free-web-template-squick-design/">Squick Design</a> | <a href="http://www.webpagedesign.com.au/wp-content/uploads/2008/07/squick.zip">Download Squick Design</a></p>
<p class="showcase"><a href="http://www.webpagedesign.com.au/2008/07/17/free-web-template-squick-design/"><img src="http://78.46.108.98/images/xhtml-css-templates/squick.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.ex-designz.net/template/tempdetail.asp?temp_id=748">Harvest</a> | <a href="http://www.ex-designz.net/template/tempdetail.asp?temp_id=748">Download Harvest</a></p>
<p class="showcase"><a href="http://www.ex-designz.net/template/tempdetail.asp?temp_id=748"><img src="http://88.198.60.17/images/xhtml-css-templates/harvest.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.ex-designz.net/template/tempdetail.asp?temp_id=745">Blackberry</a> | <a href="http://www.ex-designz.net/template/tempdetail.asp?temp_id=745">Download Blackberry</a></p>
<p class="showcase"><a href="http://www.ex-designz.net/template/tempdetail.asp?temp_id=745"><img src="http://78.46.108.98/images/xhtml-css-templates/blackberry.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://csscreme.com/freecsstemplate/flower_shop/">Flower Shop</a> | <a href="http://csscreme.com/tpsaveas.php?tp=flower_shop.zip">Download Flower Shop</a></p>
<p class="showcase"><a href="http://csscreme.com/freecsstemplate/flower_shop/"><img src="http://88.198.60.17/images/xhtml-css-templates/flowershop.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://csscreme.com/freecsstemplate/lingerie_store/">Lingerie Store</a> | <a href="http://csscreme.com/tpsaveas.php?tp=lingerie_store.zip">Download Lingerie Store</a></p>
<p class="showcase"><a href="http://csscreme.com/freecsstemplate/lingerie_store/"><img src="http://78.46.108.98/images/xhtml-css-templates/lingerie.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.solucija.com/free-templates">Web Application</a> | <a href="http://www.solucija.com/templates/download/Web_Application.zip">Download Web Application</a></p>
<p class="showcase"><a href="http://www.solucija.com/free-templates"><img src="http://88.198.60.17/images/xhtml-css-templates/webapp.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.solucija.com/free-templates">Internet Studio</a> | <a href="http://www.solucija.com/templates/download/Internet_Studio.zip">Download Internet Studio</a></p>
<p class="showcase"><a href="http://www.solucija.com/free-templates"><img src="http://78.46.108.98/images/xhtml-css-templates/intstudio.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.freecsstemplates.org/css-templates/3">Puzzled</a> | <a href="http://www.freecsstemplates.org/download/zip/puzzled">Download Puzzled</a></p>
<p class="showcase"><a href="http://www.freecsstemplates.org/css-templates/3"><img src="http://88.198.60.17/images/xhtml-css-templates/puzzled.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.templatekingdom.com/Website-Templates/Web-Design/journey-of-love">Journey of Love</a> | Must register with <a href="http://www.templatekingdom.com/">Registration is necessary</a>.</p>
<p class="showcase"><a href="http://www.templatekingdom.com/Website-Templates/Web-Design/journey-of-love"><img src="http://78.46.108.98/images/xhtml-css-templates/journey.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.templatekingdom.com/CSS-Templates/Web-Design/Strockes">Strockes</a> | Must register with <a href="http://www.templatekingdom.com/">Registration is necessary</a>.</p>
<p class="showcase"><a href="http://www.templatekingdom.com/CSS-Templates/Web-Design/Strockes"><img src="http://88.198.60.17/images/xhtml-css-templates/strockes.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.templatekingdom.com/CSS-Templates/Web-Design/ec-mania">EC Mania</a> | Must register with <a href="http://www.templatekingdom.com/">Registration is necessary</a>.</p>
<p class="showcase"><a href="http://www.templatekingdom.com/CSS-Templates/Web-Design/ec-mania"><img src="http://78.46.108.98/images/xhtml-css-templates/ecmania.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.templatekingdom.com/Website-Templates/Flowers/Cluster">Cluster</a> | Must register with <a href="http://www.templatekingdom.com/">Registration is necessary</a> to download.</p>
<p class="showcase"><a href="http://www.templatekingdom.com/Website-Templates/Flowers/Cluster"><img src="http://88.198.60.17/images/xhtml-css-templates/cluster.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.templateworld.com/free_templates.html">Temper</a> | <a href="http://www.templateworld.com/zero/click.php?id=87">Download Temper</a></p>
<p class="showcase"><a href="http://www.templateworld.com/free_templates.html"><img src="http://78.46.108.98/images/xhtml-css-templates/temper.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.templateworld.com/free_templates.html">Jet 30</a> | <a href="http://www.templateworld.com/zero/click.php?id=81">Download Jet 30</a></p>
<p class="showcase"><a href="http://www.templateworld.com/free_templates.html"><img src="http://88.198.60.17/images/xhtml-css-templates/jet30.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.templateworld.com/free_templates.html">Green Web</a> | <a href="http://www.templateworld.com/zero/click.php?id=73">Download Green Web</a></p>
<p class="showcase"><a href="http://www.templateworld.com/free_templates.html"><img src="http://78.46.108.98/images/xhtml-css-templates/greenweb.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.templateworld.com/free_templates.html">Flash Web</a> | <a href="http://www.templateworld.com/zero/click.php?id=69">Download Flash Web</a></p>
<p class="showcase"><a href="http://www.templateworld.com/free_templates.html"><img src="http://88.198.60.17/images/xhtml-css-templates/flashweb.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.templateworld.com/free_templates.html">AppleWeb</a> | <a href="http://www.templateworld.com/zero/click.php?id=59">Download Apple Web</a></p>
<p class="showcase"><a href="http://www.templateworld.com/free_templates.html"><img src="http://78.46.108.98/images/xhtml-css-templates/appleweb.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.templateworld.com/free_templates.html">Trial Impact</a> | <a href="http://www.templateworld.com/zero/click.php?id=65">Download Trial Impact</a></p>
<p class="showcase"><a href="http://www.templateworld.com/free_templates.html"><img src="http://88.198.60.17/images/xhtml-css-templates/trialimpact.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.templateworld.com/free_templates.html">Aquatic</a> | <a href="http://www.templateworld.com/zero/click.php?id=51">Download Aquatic</a></p>
<p class="showcase"><a href="http://www.templateworld.com/free_templates.html"><img src="http://78.46.108.98/images/xhtml-css-templates/aquatic.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.templateworld.com/free_templates.html">Business Events</a> | <a href="http://www.templateworld.com/zero/click.php?id=49">Download Business Events</a></p>
<p class="showcase"><a href="http://www.templateworld.com/free_templates.html"><img src="http://88.198.60.17/images/xhtml-css-templates/businessevents.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.templateworld.com/free_templates.html">Cool Web</a> | <a href="http://www.templateworld.com/zero/click.php?id=41">Download Cool Web</a></p>
<p class="showcase"><a href="http://www.templateworld.com/free_templates.html"><img src="http://78.46.108.98/images/xhtml-css-templates/coolweb.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.templateworld.com/free_templates.html">Genious Web</a> | <a href="http://www.templateworld.com/zero/click.php?id=37">Download Genious Web</a></p>
<p class="showcase"><a href="http://www.templateworld.com/free_templates.html"><img src="http://88.198.60.17/images/xhtml-css-templates/geniousweb.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.templateworld.com/free_templates.html">Expert Vision</a> | <a href="http://www.templateworld.com/zero/click.php?id=29">Download Expert Vision</a></p>
<p class="showcase"><a href="http://www.templateworld.com/free_templates.html"><img src="http://78.46.108.98/images/xhtml-css-templates/expertvision.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.templateworld.com/free_templates.html">Intercraft</a> | <a href="http://www.templateworld.com/zero/click.php?id=27">Download Intercraft</a></p>
<p class="showcase"><a href="http://www.templateworld.com/free_templates.html"><img src="http://88.198.60.17/images/xhtml-css-templates/intercraft.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.opensourcetemplates.org/browse/?rows=5&amp;type=all&amp;show=5&amp;sort=date&amp;asc_desc=desc">Clean Design</a> | <a href="http://www.opensourcetemplates.org/templates/download/1247149577/">Download Clean Design</a></p>
<p class="showcase"><a href="http://www.opensourcetemplates.org/browse/?rows=5&amp;type=all&amp;show=5&amp;sort=date&amp;asc_desc=desc"><img src="http://78.46.108.98/images/xhtml-css-templates/cleandesign.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.oswd.org/designs/search/designer/id/6036/">Business Design</a> | <a href="http://www.oswd.org/design/download/id/3639">Download Business Design</a></p>
<p class="showcase"><a href="http://www.oswd.org/designs/search/designer/id/6036/"><img src="http://88.198.60.17/images/xhtml-css-templates/busdesign.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.oswd.org/designs/search/designer/id/10642/">Delicious Fruit</a> | <a href="http://www.oswd.org/design/download/id/3691">Download Delicious Fruit</a></p>
<p class="showcase"><a href="http://www.oswd.org/designs/search/designer/id/10642/"><img src="http://78.46.108.98/images/xhtml-css-templates/delfruit.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.oswd.org/designs/search/designer/id/10227/">MultiFlex 3</a> | <a href="http://www.oswd.org/design/download/id/3626">Download MultiFlex 3</a></p>
<p class="showcase"><a href="http://www.oswd.org/designs/search/designer/id/10227/"><img src="http://88.198.60.17/images/xhtml-css-templates/multiflex.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.oswd.org/designs/search/designer/id/6319/">Simple Life</a> | <a href="http://www.oswd.org/design/download/id/3319">Download Simple Life</a></p>
<p class="showcase"><a href="http://www.oswd.org/designs/search/designer/id/6319/"><img src="http://78.46.108.98/images/xhtml-css-templates/simplelife.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.oswd.org/designs/search/designer/id/12240/sortby/date/page/2/">Street Style</a> | <a href="http://www.oswd.org/design/download/id/3019">Download Street Style</a></p>
<p class="showcase"><a href="http://www.oswd.org/designs/search/designer/id/12240/sortby/date/page/2/"><img src="http://88.198.60.17/images/xhtml-css-templates/streetstyle.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.oswd.org/designs/search/designer/id/6721/">Miss Understood</a> | <a href="http://www.oswd.org/design/download/id/3006">Download Miss Understood</a></p>
<p class="showcase"><a href="http://www.oswd.org/designs/search/designer/id/6721/"><img src="http://78.46.108.98/images/xhtml-css-templates/missunderstood.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.oswd.org/designs/search/designer/id/9197/">Street Life</a> | <a href="http://www.oswd.org/design/download/id/2687">Download Street Life</a></p>
<p class="showcase"><a href="http://www.oswd.org/designs/search/designer/id/9197/"><img src="http://88.198.60.17/images/xhtml-css-templates/streetlife.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.oswd.org/designs/search/designer/id/6321/">skuteczni</a> | <a href="http://www.oswd.org/design/download/id/1957">Download skuteczni</a></p>
<p class="showcase"><a href="http://www.oswd.org/designs/search/designer/id/6321/"><img src="http://78.46.108.98/images/xhtml-css-templates/skuteczni.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.sixshootermedia.com/free-templates/">Clarity</a> | <a href="http://www.sixshootermedia.com/ostemplates/clarity/clarity.zip">Download Clarity</a></p>
<p class="showcase"><a href="http://www.sixshootermedia.com/free-templates/"><img src="http://88.198.60.17/images/xhtml-css-templates/clarity.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.sixshootermedia.com/free-templates/">The Old Forest</a> | <a href="http://www.sixshootermedia.com/ostemplates/the_old_forest/the_old_forest.zip">Download The Old Forest</a></p>
<p class="showcase"><a href="http://www.sixshootermedia.com/free-templates/"><img src="http://78.46.108.98/images/xhtml-css-templates/oldforest.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.sixshootermedia.com/free-templates/">Typography Paramount</a> | <a href="http://www.sixshootermedia.com/ssm2/files/typography_paramount.zip">Download Typography Paramount</a></p>
<p class="showcase"><a href="http://www.sixshootermedia.com/free-templates/"><img src="http://88.198.60.17/images/xhtml-css-templates/typopara.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.ex-designz.net/template/tempdetail.asp?temp_id=731">Subordinate</a> | <a href="http://www.ex-designz.net/template/tempdetail.asp?temp_id=731">Download Subordinate</a></p>
<p class="showcase"><a href="http://www.ex-designz.net/template/tempdetail.asp?temp_id=731"><img src="http://78.46.108.98/images/xhtml-css-templates/subordinate.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.ex-designz.net/template/tempdetail.asp?temp_id=715">Nature&#8217;s Charm II</a> | <a href="http://www.ex-designz.net/template/tempdetail.asp?temp_id=715">Download Nature&#8217;s Charm II</a></p>
<p class="showcase"><a href="http://www.ex-designz.net/template/tempdetail.asp?temp_id=715"><img src="http://88.198.60.17/images/xhtml-css-templates/natures.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.ex-designz.net/template/tempdetail.asp?temp_id=714">Zenlike</a> | <a href="http://www.ex-designz.net/template/tempdetail.asp?temp_id=714">Download Zenlike</a></p>
<p class="showcase"><a href="http://www.ex-designz.net/template/tempdetail.asp?temp_id=714"><img src="http://78.46.108.98/images/xhtml-css-templates/zenlike.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.ex-designz.net/template/tempdetail.asp?temp_id=706">Clicker</a> | <a href="http://www.ex-designz.net/template/tempdetail.asp?temp_id=706">Download Clicker</a></p>
<p class="showcase"><a href="http://www.ex-designz.net/template/tempdetail.asp?temp_id=706"><img src="http://88.198.60.17/images/xhtml-css-templates/clicker.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.ex-designz.net/template/tempdetail.asp?temp_id=688">Biz Company</a> | <a href="http://www.ex-designz.net/template/tempdetail.asp?temp_id=688">Download Biz Company</a></p>
<p class="showcase"><a href="http://www.ex-designz.net/template/tempdetail.asp?temp_id=688"><img src="http://78.46.108.98/images/xhtml-css-templates/bizcompany.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.ex-designz.net/template/tempdetail.asp?temp_id=360">Attractive Business Temp</a> | <a href="http://www.ex-designz.net/template/tempdetail.asp?temp_id=360">Download Attractive Business Template</a></p>
<p class="showcase"><a href="http://www.ex-designz.net/template/tempdetail.asp?temp_id=360"><img src="http://88.198.60.17/images/xhtml-css-templates/attractive.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.solucija.com/free-templates">Happy Template</a> | <a href="http://www.solucija.com/templates/download/happy_template.zip">Download Happy Template</a></p>
<p class="showcase"><a href="http://www.solucija.com/free-templates"><img src="http://78.46.108.98/images/xhtml-css-templates/happytemp.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.solucija.com/free-templates">Internet Encyclopedia</a> | <a href="http://www.solucija.com/images/download.gif">Download Internet Encyclopedia</a></p>
<p class="showcase"><a href="http://www.solucija.com/free-templates"><img src="http://88.198.60.17/images/xhtml-css-templates/intenc.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.solucija.com/free-templates">Concept Nova</a> | <a href="http://www.solucija.com/templates/download/conceptnova.zip">Download Concept Nova</a></p>
<p class="showcase"><a href="http://www.solucija.com/free-templates"><img src="http://78.46.108.98/images/xhtml-css-templates/conceptnova.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.templatemonster.com/free-templates.php">Free CSS Full Site Template</a> | <a href="http://www.templatemonster.com/Download">Download Free CSS Full Site Template</a></p>
<p class="showcase"><a href="http://www.templatemonster.com/free-templates.php"><img src="http://88.198.60.17/images/xhtml-css-templates/freecss.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.freecsstemplates.org/css-templates/">Black Eyed Susan</a> | <a href="http://www.freecsstemplates.org/download/zip/blackeyedsusan">Download Black Eyed Susan</a></p>
<p class="showcase"><a href="http://www.freecsstemplates.org/css-templates/"><img src="http://78.46.108.98/images/xhtml-css-templates/blackeye.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.freecsstemplates.org/css-templates/2">Reference</a> | <a href="http://www.freecsstemplates.org/download/zip/reference">Download Reference</a></p>
<p class="showcase"><a href="http://www.freecsstemplates.org/css-templates/2"><img src="http://88.198.60.17/images/xhtml-css-templates/reference.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.freecsstemplates.org/css-templates/2">Interlude</a> | <a href="http://www.freecsstemplates.org/download/zip/interlude">Download Interlude</a></p>
<p class="showcase"><a href="http://www.freecsstemplates.org/css-templates/2"><img src="http://78.46.108.98/images/xhtml-css-templates/interlude.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.freecsstemplates.org/css-templates/4">Printing</a> | <a href="http://www.freecsstemplates.org/download/zip/printing">Download Printing</a></p>
<p class="showcase"><a href="http://www.freecsstemplates.org/css-templates/4"><img src="http://88.198.60.17/images/xhtml-css-templates/printing.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.freecsstemplates.org/css-templates/6">Numerology</a> | <a href="http://www.freecsstemplates.org/download/zip/numerology">Download Numerology</a></p>
<p class="showcase"><a href="http://www.freecsstemplates.org/css-templates/6"><img src="http://78.46.108.98/images/xhtml-css-templates/numer.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.freecsstemplates.org/css-templates/6">Greeny Grass</a> | <a href="http://www.freecsstemplates.org/download/zip/greenygrass">Download Greeny Grass</a></p>
<p class="showcase"><a href="http://www.freecsstemplates.org/css-templates/6"><img src="http://88.198.60.17/images/xhtml-css-templates/greeny.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.freecsstemplates.org/css-templates/7">Collaboration</a> | <a href="http://www.freecsstemplates.org/download/zip/collaboration">Download Collaboration</a></p>
<p class="showcase"><a href="http://www.freecsstemplates.org/css-templates/7"><img src="http://78.46.108.98/images/xhtml-css-templates/collab.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.freecsstemplates.org/css-templates/8">Breakfast</a> | <a href="http://www.freecsstemplates.org/download/zip/breakfast">Download Breakfast</a></p>
<p class="showcase"><a href="http://www.freecsstemplates.org/css-templates/8"><img src="http://88.198.60.17/images/xhtml-css-templates/break.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.freecsstemplates.org/css-templates/8">News Flash</a> | <a href="http://www.freecsstemplates.org/download/zip/newsflash">Download News Flash</a></p>
<p class="showcase"><a href="http://www.freecsstemplates.org/css-templates/8"><img src="http://78.46.108.98/images/xhtml-css-templates/newsflash.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.freecsstemplates.org/css-templates/11">Discovery</a> | <a href="http://www.freecsstemplates.org/download/zip/discovery">Download Discovery</a></p>
<p class="showcase"><a href="http://www.freecsstemplates.org/css-templates/11"><img src="http://88.198.60.17/images/xhtml-css-templates/discovery.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.freecsstemplates.org/css-templates/11">Adios</a> | <a href="http://www.freecsstemplates.org/download/zip/adios">Download Adios</a></p>
<p class="showcase"><a href="http://www.freecsstemplates.org/css-templates/11"><img src="http://78.46.108.98/images/xhtml-css-templates/adios.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.freecsstemplates.org/css-templates/13">Old Architecture</a> | <a href="http://www.freecsstemplates.org/download/zip/oldarchitecture">Download Old Architecture</a></p>
<p class="showcase"><a href="http://www.freecsstemplates.org/css-templates/13"><img src="http://88.198.60.17/images/xhtml-css-templates/oldarch.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://csscreme.com/freecsstemplate/beauty_co/">Beauty Co.</a> | <a href="http://csscreme.com/tpsaveas.php?tp=beauty_co.zip">Download Beauty Co.</a></p>
<p class="showcase"><a href="http://csscreme.com/freecsstemplate/beauty_co/"><img src="http://78.46.108.98/images/xhtml-css-templates/beautyco.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://csscreme.com/freecsstemplate/jewelry_shop/">Jewelry Shop</a> | <a href="http://csscreme.com/tpsaveas.php?tp=jewelry_shop.zip">Download Jewelry Shop</a></p>
<p class="showcase"><a href="http://csscreme.com/freecsstemplate/jewelry_shop/"><img src="http://88.198.60.17/images/xhtml-css-templates/jewelryshop.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://csscreme.com/freecsstemplate/book_store/">Book Store</a> | <a href="http://csscreme.com/tpsaveas.php?tp=book_store.zip">Download Book Store</a></p>
<p class="showcase"><a href="http://csscreme.com/freecsstemplate/book_store/"><img src="http://78.46.108.98/images/xhtml-css-templates/bookstore.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://csscreme.com/freecsstemplate/real_estate/">Real Estate</a> | <a href="http://csscreme.com/tpsaveas.php?tp=real_estate.zip">Download Real Estate</a></p>
<p class="showcase"><a href="http://csscreme.com/freecsstemplate/real_estate/"><img src="http://88.198.60.17/images/xhtml-css-templates/realestate.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://csscreme.com/freecsstemplate/business_company_darkblue/">Business Company Dark Blue</a> | <a href="http://csscreme.com/tpsaveas.php?tp=business_company_darkblue.zip">Download Business Company Dark Blue</a></p>
<p class="showcase"><a href="http://csscreme.com/freecsstemplate/business_company_darkblue/"><img src="http://78.46.108.98/images/xhtml-css-templates/busblue.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://csscreme.com/freecsstemplate/electronix/">Electronix</a> | <a href="http://csscreme.com/tpsaveas.php?tp=electronix.zip">Download Electronix</a></p>
<p class="showcase"><a href="http://csscreme.com/freecsstemplate/electronix/"><img src="http://88.198.60.17/images/xhtml-css-templates/electronix.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://csscreme.com/freecsstemplate/photo_gallery_green/">Photo Gallery Green</a> | <a href="http://csscreme.com/tpsaveas.php?tp=photo_gallery_green.zip">Download Photo Gallery Green</a></p>
<p class="showcase"><a href="http://csscreme.com/freecsstemplate/photo_gallery_green/"><img src="http://78.46.108.98/images/xhtml-css-templates/photogreen.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://csscreme.com/freecsstemplate/quartz_istorage/">Quartz Storage</a> | <a href="http://csscreme.com/tpsaveas.php?tp=quartz_istorage.zip">Download Quartz Storage</a></p>
<p class="showcase"><a href="http://csscreme.com/freecsstemplate/quartz_istorage/"><img src="http://88.198.60.17/images/xhtml-css-templates/quartzi.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://csscreme.com/freecsstemplate/aero_solutions/">Aero Solutions</a> | <a href="http://csscreme.com/tpsaveas.php?tp=aero_solutions.zip">Download Aero Solutions</a></p>
<p class="showcase"><a href="http://csscreme.com/freecsstemplate/aero_solutions/"><img src="http://78.46.108.98/images/xhtml-css-templates/aerosol.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://ramblingsoul.com/downloads/">Unnamed</a> | <a href="http://ramblingsoul.com/dl/unnamed.zip">Download Unnamed</a></p>
<p class="showcase"><a href="http://ramblingsoul.com/downloads/"><img src="http://88.198.60.17/images/xhtml-css-templates/unnamed.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://ramblingsoul.com/downloads/">Imagination</a> | <a href="http://ramblingsoul.com/dl/imagination.zip">Download Imagination</a></p>
<p class="showcase"><a href="http://ramblingsoul.com/downloads/"><img src="http://78.46.108.98/images/xhtml-css-templates/imagination.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://templatefusion.org/?cat=3">Corporate</a> | <a href="http://templatefusion.org/download/xhtml/corporate.zip">Download Corporate</a></p>
<p class="showcase"><a href="http://templatefusion.org/?cat=3"><img src="http://88.198.60.17/images/xhtml-css-templates/corptemp.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.styleshout.com/free-templates.php">Urban Artist</a> | <a href="http://www.styleshout.com/hits.php?type=tmp&amp;id=25&amp;url=templates/downloads/UrbanArtist1-0.zip">Download Urban Artist</a></p>
<p class="showcase"><a href="http://www.styleshout.com/free-templates.php"><img src="http://78.46.108.98/images/xhtml-css-templates/urbanart.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.styleshout.com/free-templates.php">VectorLover</a> | <a href="http://www.styleshout.com/hits.php?type=tmp&amp;id=26&amp;url=templates/downloads/VectorLover1-0.zip">Download VectorLover</a></p>
<p class="showcase"><a href="http://www.styleshout.com/free-templates.php"><img src="http://88.198.60.17/images/xhtml-css-templates/veclove.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.styleshout.com/free-templates.php">Keep it Simple</a> | <a href="http://www.styleshout.com/hits.php?type=tmp&amp;id=27&amp;url=templates/downloads/KeepItSimple1-0.zip">Download Keep it Simple</a></p>
<p class="showcase"><a href="http://www.styleshout.com/free-templates.php"><img src="http://78.46.108.98/images/xhtml-css-templates/keepit.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.styleshout.com/free-templates.php?page=2">FreshMedia</a> | <a href="http://www.styleshout.com/hits.php?type=tmp&amp;id=21&amp;url=templates/downloads/FreshMedia1-0.zip">Download FreshMedia</a></p>
<p class="showcase"><a href="http://www.styleshout.com/free-templates.php?page=2"><img src="http://88.198.60.17/images/xhtml-css-templates/freshmedia.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.styleshout.com/free-templates.php?page=4">EliteCircle</a> | <a href="http://www.styleshout.com/hits.php?type=tmp&amp;id=12&amp;url=templates/downloads/EliteCircle1-1.zip">Download EliteCircle</a></p>
<p class="showcase"><a href="http://www.styleshout.com/free-templates.php?page=4"><img src="http://78.46.108.98/images/xhtml-css-templates/elitecircle.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.opendesigns.org/profile/?user=kohout">Nature Theme</a> | <a href="http://www.opendesigns.org/designs/?id=1897">Download Nature Theme</a></p>
<p class="showcase"><a href="http://www.opendesigns.org/profile/?user=kohout"><img src="http://88.198.60.17/images/xhtml-css-templates/naturetheme.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.opendesigns.org/profile/?user=kohout">Mint Idea</a> | <a href="http://www.opendesigns.org/designs/?id=1705">Download Mint Idea</a></p>
<p class="showcase"><a href="http://www.opendesigns.org/profile/?user=kohout"><img src="http://78.46.108.98/images/xhtml-css-templates/mintidea.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.opendesigns.org/profile/?user=pixelfuze">Metplate</a> | <a href="http://www.opendesigns.org/designs/?id=1811">Download Metplate</a></p>
<p class="showcase"><a href="http://www.opendesigns.org/profile/?user=pixelfuze"><img src="http://88.198.60.17/images/xhtml-css-templates/metplate.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.opendesigns.org/profile/?user=mantisa">Decent Photo Gallery</a> | <a href="http://www.opendesigns.org/designs/?id=1745">Download Decent Photo Gallery</a></p>
<p class="showcase"><a href="http://www.opendesigns.org/profile/?user=mantisa"><img src="http://78.46.108.98/images/xhtml-css-templates/decentgallery.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.opendesigns.org/profile/?user=lostwarrior">Consulting Services</a> | <a href="http://www.opendesigns.org/designs/?id=1694">Download Consulting Services</a></p>
<p class="showcase"><a href="http://www.opendesigns.org/profile/?user=lostwarrior"><img src="http://88.198.60.17/images/xhtml-css-templates/consultingservices.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.opendesigns.org/profile/?user=Outsider">Flare</a> | <a href="http://www.opendesigns.org/designs/?id=1611">Download Flare</a></p>
<p class="showcase"><a href="http://www.opendesigns.org/profile/?user=Outsider"><img src="http://78.46.108.98/images/xhtml-css-templates/flarpic.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.opendesigns.org/profile/?user=Outsider">Water Spill</a> | <a href="http://www.opendesigns.org/designs/?id=1721">Download Water Spill</a></p>
<p class="showcase"><a href="http://www.opendesigns.org/profile/?user=Outsider"><img src="http://88.198.60.17/images/xhtml-css-templates/waterspill.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.opendesigns.org/profile/?user=bradm81">Inverted Headline</a> | <a href="http://www.opendesigns.org/designs/?id=1447">Download Inverted Headline</a></p>
<p class="showcase"><a href="http://www.opendesigns.org/profile/?user=bradm81"><img src="http://78.46.108.98/images/xhtml-css-templates/inverted.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.opendesigns.org/profile/?user=bradm81">Choice</a> | <a href="http://www.opendesigns.org/profile/?user=bradm81">Download Choice</a></p>
<p class="showcase"><a href="http://www.opendesigns.org/profile/?user=bradm81"><img src="http://88.198.60.17/images/xhtml-css-templates/choice.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.opendesigns.org/profile/?user=SeanPollock">Purple</a> | <a href="http://www.opendesigns.org/designs/?id=1415">Download Purple</a></p>
<p class="showcase"><a href="http://www.opendesigns.org/profile/?user=SeanPollock"><img src="http://78.46.108.98/images/xhtml-css-templates/purpletemp.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.opendesigns.org/profile/?user=anselmo">Business Elegance</a> | <a href="http://www.opendesigns.org/designs/?id=1410">Download Business Elegance</a></p>
<p class="showcase"><a href="http://www.opendesigns.org/profile/?user=anselmo"><img src="http://88.198.60.17/images/xhtml-css-templates/buselegance.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.opendesigns.org/profile/?user=Symisun">Symisun</a> | <a href="http://www.opendesigns.org/designs/?id=1266">Download Symisun</a></p>
<p class="showcase"><a href="http://www.opendesigns.org/profile/?user=Symisun"><img src="http://78.46.108.98/images/xhtml-css-templates/symisun.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.opendesigns.org/profile/?user=coll23">Ad Agency</a> | <a href="http://www.opendesigns.org/designs/?id=1047">Download Ad Agency</a></p>
<p class="showcase"><a href="http://www.opendesigns.org/profile/?user=coll23"><img src="http://88.198.60.17/images/xhtml-css-templates/adagency.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.opendesigns.org/profile/?user=arnaudvalle">GUITARhero</a> | <a href="http://www.opendesigns.org/designs/?id=1000">Download GUITARhero</a></p>
<p class="showcase"><a href="http://www.opendesigns.org/profile/?user=arnaudvalle"><img src="http://78.46.108.98/images/xhtml-css-templates/guitar.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.opendesigns.org/profile/?user=ealigam">Pixel Green</a> | <a href="http://www.opendesigns.org/designs/?id=781">Download Pixel Green</a></p>
<p class="showcase"><a href="http://www.opendesigns.org/profile/?user=ealigam"><img src="http://88.198.60.17/images/xhtml-css-templates/pixelgreen.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.opendesigns.org/profile/?user=freecsstemplates">Subdued</a> | <a href="http://www.opendesigns.org/designs/?id=770">Download Subdued</a></p>
<p class="showcase"><a href="http://www.opendesigns.org/profile/?user=freecsstemplates"><img src="http://78.46.108.98/images/xhtml-css-templates/subdued.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.opendesigns.org/profile/?user=Dieter">The Big Leaf</a> | <a href="http://www.opendesigns.org/designs/?id=649">Download the Big Leaf</a></p>
<p class="showcase"><a href="http://www.opendesigns.org/profile/?user=Dieter"><img src="http://88.198.60.17/images/xhtml-css-templates/bigleaf.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.opendesigns.org/profile/?user=David">GreenWay</a> | <a href="http://www.opendesigns.org/designs/?id=578">Download GreenWay</a></p>
<p class="showcase"><a href="http://www.opendesigns.org/profile/?user=David"><img src="http://78.46.108.98/images/xhtml-css-templates/greenway.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p><a href="http://www.opendesigns.org/profile/?user=David">BWDEC2007</a> | <a href="http://www.opendesigns.org/designs/?id=1182">Download BWDEC2007</a></p>
<p class="showcase"><a href="http://www.opendesigns.org/profile/?user=David"><img src="http://88.198.60.17/images/xhtml-css-templates/bwdec.jpg" alt="Template Screenshot" width="475" height="250" /></a></p>
<p>Other collections:</p>
<ul>
<li><a href="http://www.smashingmagazine.com/2007/02/14/free-design-templates/">Free Design Templates</a></li>
<li><a href="http://www.smashingmagazine.com/2007/01/12/free-css-layouts-and-templates/">Free CSS Layouts and Templates</a></li>
<li><a href="http://www.smashingmagazine.com/2008/01/08/100-excellent-free-high-quality-wordpress-themes/">100 Excellent Free WordPress Themes</a></li>
<li><a href="http://dzineblog.com/2008/07/download-free-web-templates.html">25 Sites to download Free Web Templates</a></li>
</ul>
<h4>About the Author</h4>
<p>Steven Snell is a Web designer and freelance blogger who can be found on his own blogs: <a href="http://vandelaydesign.com/blog">Vandelay Website Design</a> and <a href="http://designm.ag">DesignM.ag</a>. <em>(al)</em></p>

<!-- google_ad_section_end -->

<p><a href="http://feeds.feedburner.com/~a/SmashingMagazine?a=ggb7jS"><img src="http://feeds.feedburner.com/~a/SmashingMagazine?i=ggb7jS" border="0"></img></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~f/SmashingMagazine?a=36kCo"><img src="http://feeds.feedburner.com/~f/SmashingMagazine?i=36kCo" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/SmashingMagazine?a=XyYXo"><img src="http://feeds.feedburner.com/~f/SmashingMagazine?i=XyYXo" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/SmashingMagazine?a=AUn7o"><img src="http://feeds.feedburner.com/~f/SmashingMagazine?i=AUn7o" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/SmashingMagazine?a=sHD6o"><img src="http://feeds.feedburner.com/~f/SmashingMagazine?i=sHD6o" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/SmashingMagazine?a=33fDO"><img src="http://feeds.feedburner.com/~f/SmashingMagazine?i=33fDO" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/SmashingMagazine?a=hpJsO"><img src="http://feeds.feedburner.com/~f/SmashingMagazine?i=hpJsO" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/SmashingMagazine?a=4Yg4O"><img src="http://feeds.feedburner.com/~f/SmashingMagazine?i=4Yg4O" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.smashingmagazine.com/2008/12/01/100-free-high-quality-xhtmlcss-templates/feed/</wfw:commentRss>
		<feedburner:awareness xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">http://api.feedburner.com/awareness/1.0/GetItemData?uri=SmashingMagazine&amp;itemurl=http%3A%2F%2Fwww.smashingmagazine.com%2F2008%2F12%2F01%2F100-free-high-quality-xhtmlcss-templates%2F</feedburner:awareness></item>
		<item>
		<title>50 Stunning Examples Of Reflective Photography</title>
		<link>http://www.smashingmagazine.com/2008/11/30/50-beautiful-examples-of-reflections-photography/</link>
		<comments>http://www.smashingmagazine.com/2008/11/30/50-beautiful-examples-of-reflections-photography/#comments</comments>
		<pubDate>Sun, 30 Nov 2008 22:36:40 +0000</pubDate>
		<dc:creator>Vailancio Rodrigues</dc:creator>
		
		<category><![CDATA[Inspiration]]></category>

		<category><![CDATA[photography]]></category>

		<category><![CDATA[reflections]]></category>

		<guid isPermaLink="false">http://www.smashingmagazine.com/?p=2074</guid>
		<description><![CDATA[<!-- <img src="http://www.smashingmagazine.com/images/post-pictures/reflect.jpg" /> --><p>Using <strong>reflections</strong> in photography can lead to some amazing  effects and beautiful images. Using water, windows, mirrors or any sort of  reflective surface can change an image into a work of art. The wonderful thing  about using reflections when taking photos is that they can completely alter  the image from something fairly straightforward to something richer or abstract  or otherwise more artistic.</p> 

<p><a href="http://www.smashingmagazine.com/2008/11/30/50-beautiful-examples-of-reflections-photography/"><img src="http://88.198.60.17/images/reflection-photography/eye.jpg" alt="Screenshot" width="500" height="334" /></a></p> 

<p>Sometimes reflections can be annoying and certainly not artistic.  But creativity and good-quality photos depend on the photographer being able to see  things differently, rather than seeing only one part of a larger whole. Also, <strong>using reflected light</strong> can vastly improve the quality of  lighting available. Diffused light is generally better for taking photos, and  using reflected light, either as the main source of light or for highlighting, is an excellent way to capture diffused light.</p> 
<p>Whether you choose to use reflection in an artistic way or as  a source of lightning, learning to use reflections in photography will help  take your photographic skills to the next level.</p> 
<p>Below we present over <strong> 50 beautiful examples of reflective photography</strong>. All examples are linked to their sources. Below, you can also explore other works of the photographers we’ve featured here.</p> 
<p>You may also want to take a look at the following related showcases:</p> 
<ul> 
<li><a title="35 Beautiful Examples Of Rain Photography" rel="bookmark" href="http://www.smashingmagazine.com/2008/09/07/35-brilliant-examples-of-rain-photography/">35 Beautiful Examples Of Rain Photography</a></li> 
<li><a href="http://www.smashingmagazine.com/2008/08/24/45-beautiful-motion-blur-photos/">45 Beautiful Motion-Blur Photos</a></li> 
<li><a href="http://www.smashingmagazine.com/2008/06/09/beautiful-black-and-white-photography/">Beautiful Black-and-White Photography</a></li> 
<li><a href="http://www.smashingmagazine.com/2008/03/10/35-fantastic-hdr-pictures/">35 Fantastic HDR Pictures</a></li> 
</ul> 

]]></description>
			<content:encoded><![CDATA[
<!-- google_ad_section_start -->
<p><em>By Vailancio Rodrigues and Smashing Editorial Team</em></p>
<p>Using <strong>reflections</strong> in photography can lead to some amazing  effects and beautiful images. Using water, windows, mirrors or any sort of  reflective surface can change an image into a work of art. The wonderful thing  about using reflections when taking photos is that they can completely alter  the image from something fairly straightforward to something richer or abstract  or otherwise more artistic. Sometimes reflections can be annoying and certainly not artistic.  But creativity and good-quality photos depend on the photographer being able to see  things differently, rather than seeing only one part of a larger whole.</p>
<p>Also, <strong>using reflected light</strong> can vastly improve the quality of  lighting available. Diffused light is generally better for taking photos, and  using reflected light, either as the main source of light or for highlighting, is an excellent way to capture diffused light.</p>
<p>Whether you choose to use reflection in an artistic way or as  a source of lightning, learning to use reflections in photography will help  take your photographic skills to the next level.</p>
<p>Below we present over <strong>50 beautiful examples of reflective photography</strong>. All examples are linked to their sources. Below, you can also explore other works of the photographers we’ve featured here.</p>
<p>You may also want to take a look at the following related showcases:</p>
<ul>
<li><a href="http://www.smashingmagazine.com/2008/06/09/beautiful-black-and-white-photography/">Beautiful Black-and-White Photography</a></li>
<li><a href="http://www.smashingmagazine.com/2008/03/10/35-fantastic-hdr-pictures/">35 Fantastic HDR Pictures</a></li>
<li><a href="http://www.smashingmagazine.com/2008/04/28/really-stunning-pictures-and-photos/">(Really) Stunning Pictures and Photos</a></li>
<li><a href="http://www.smashingmagazine.com/2008/07/14/let-there-be-light-light-paintings-and-sculptures/">Let There Be Light: Light Painting and Sculptures</a></li>
<li><a href="http://www.smashingmagazine.com/2008/08/24/45-beautiful-motion-blur-photos/">45 Beautiful Motion-Blur Photos</a></li>
<li><a title="35 Beautiful Examples Of Rain Photography" rel="bookmark" href="http://www.smashingmagazine.com/2008/09/07/35-brilliant-examples-of-rain-photography/">35 Beautiful Examples Of Rain Photography</a></li>
</ul>
<h3>Showcase Of Photos With Reflections:</h3>
<p><a href="http://www.flickr.com/people/pilou/">Philippe Sainte-Laudy</a></p>
<p><a href="http://www.flickr.com/photos/pilou/2284200542/in/set-72057594139995945/"><img src="http://78.46.108.98/images/reflection-photography/ph.jpg" alt="Screenshot" width="500" height="500" /></a></p>
<p><a href="http://www.flickr.com/photos/pilou/2165755911/in/set-72057594139995945/"><img src="http://88.198.60.17/images/reflection-photography/pa.jpg" alt="Screenshot" width="500" height="424" /></a></p>
<p><a href="http://www.flickr.com/people/merwells/">merriewells</a></p>
<p><a href="http://www.flickr.com/photos/merwells/464167469/"><img src="http://78.46.108.98/images/reflection-photography/bi.jpg" alt="Screenshot" width="500" height="361" /></a></p>
<p><a href="http://www.flickr.com/photos/merwells/2872983631/"><img src="http://88.198.60.17/images/reflection-photography/wine.jpg" alt="Screenshot" width="500" height="388" /></a></p>
<p><a href="http://www.flickr.com/people/mikapache/">Mik</a></p>
<p><a href="http://www.flickr.com/photos/mikapache/2835109581/"><img src="http://78.46.108.98/images/reflection-photography/compo.jpg" alt="Screenshot" width="500" height="334" /></a></p>
<p><a href="http://www.flickr.com/people/raimbaud/">François Raimbaud</a></p>
<p><a href="http://www.flickr.com/photos/raimbaud/2688462025/"><img src="http://88.198.60.17/images/reflection-photography/sang.jpg" alt="Screenshot" width="500" height="340" /></a></p>
<p><a href="http://www.flickr.com/people/rotametri/">Antti-Jussi Liikala</a></p>
<p><a href="http://www.flickr.com/photos/rotametri/3024390419/"><img src="http://78.46.108.98/images/reflection-photography/spec.jpg" alt="Screenshot" width="500" height="332" /></a></p>
<p><a href="http://www.rebekkagudleifs.com">Rebekka Guðleifsdóttir</a></p>
<p><a href="http://www.rebekkagudleifs.com"><img src="http://88.198.60.17/images/reflection-photography/rebekka.jpg" alt="Screenshot" width="500" height="322" /></a></p>
<p><a href="http://www.flickr.com/people/azzammerchant/">Azzam Merchant</a></p>
<p><a href="http://www.flickr.com/photos/azzammerchant/2424143329/"><img src="http://78.46.108.98/images/reflection-photography/eye.jpg" alt="Screenshot" width="500" height="334" /></a></p>
<p><a href="http://www.flickr.com/photos/azzammerchant/2484857604/"><img src="http://88.198.60.17/images/reflection-photography/hong.gif" alt="Screenshot" width="500" height="375" /></a></p>
<p><a href="http://www.flickr.com/photos/azzammerchant/2547818726/in/set-72157603409927901/"><img src="http://78.46.108.98/images/reflection-photography/avia.jpg" alt="Screenshot" width="500" height="334" /></a></p>
<p><a href="http://www.flickr.com/people/babsphotosecosse/">Barbara Jones</a></p>
<p><a href="http://www.flickr.com/photos/babsphotosecosse/3016655308/"><img src="http://88.198.60.17/images/reflection-photography/bl.jpg" alt="Screenshot" width="500" height="317" /></a></p>
<p><a href="http://www.flickr.com/people/julio_salinas/">Julio Salinas</a></p>
<p><a href="http://www.flickr.com/photos/julio_salinas/215778708/"><img src="http://78.46.108.98/images/reflection-photography/man.jpg" alt="Screenshot" width="490" height="333" /></a></p>
<p><a href="http://www.flickr.com/people/24894289@N08/">kern.justin</a></p>
<p><a href="http://www.flickr.com/photos/24894289@N08/2907970995/"><img src="http://88.198.60.17/images/reflection-photography/home.jpg" alt="Screenshot" width="500" height="335" /></a></p>
<p><a href="http://www.flickr.com/people/lynnette_henderson/">Lynnette Henderson</a></p>
<p><a href="http://www.flickr.com/photos/lynnette_henderson/2513227934/"><img src="http://78.46.108.98/images/reflection-photography/wren.jpg" alt="Screenshot" width="486" height="329" /></a></p>
<p><a href="http://flickr.com/people/januszbc/">Janusz Leszczynski</a></p>
<p><a href="http://flickr.com/photos/januszbc/2597363478/"><img src="http://88.198.60.17/images/reflection-photography/cresc.jpg" alt="Screenshot" width="500" height="334" /></a></p>
<p><a href="http://www.flickr.com/people/pilou/">Philippe Sainte-Laudy</a></p>
<p><a href="http://www.flickr.com/photos/pilou/2878792656/"><img src="http://78.46.108.98/images/reflection-photography/cl.jpg" alt="Screenshot" width="500" height="500" /></a></p>
<p><a href="http://www.flickr.com/people/nejdetduzen/">Nejdet Düzen</a></p>
<p><a href="http://www.flickr.com/photos/nejdetduzen/2544745039/in/set-72157603549084704/"><img src="http://88.198.60.17/images/reflection-photography/dolph.jpg" alt="Screenshot" width="500" height="373" /></a></p>
<p><a href="http://www.flickr.com/photos/nejdetduzen/sets/72157603549084704/"><img src="http://78.46.108.98/images/reflection-photography/meet.jpg" alt="Screenshot" width="500" height="376" /></a></p>
<p><a href="http://www.flickr.com/photos/nejdetduzen/2848424240/"><img src="http://88.198.60.17/images/reflection-photography/feeding.jpg" alt="Screenshot" width="501" height="376" /></a></p>
<p><a href="http://www.flickr.com/photos/nejdetduzen/2003691099/in/set-72157603549084704/"><img src="http://78.46.108.98/images/reflection-photography/azm.jpg" alt="Screenshot" width="501" height="375" /></a></p>
<p><a href="http://www.flickr.com/photos/nejdetduzen/2330667941/in/set-72157603549084704/"><img src="http://88.198.60.17/images/reflection-photography/izm.jpg" alt="Screenshot" width="500" height="374" /></a></p>
<p><a href="http://www.flickr.com/people/xhengis/">Xhengis Aliu</a></p>
<p><a href="http://www.flickr.com/photos/xhengis/499132985/"><img src="http://78.46.108.98/images/reflection-photography/chic.jpg" alt="Screenshot" width="376" height="501" /></a></p>
<p><a href="http://www.flickr.com/people/ali-alzaidi/">Ali Al-Zaidi</a></p>
<p><a href="http://www.flickr.com/photos/ali-alzaidi/3059266891/"><img src="http://88.198.60.17/images/reflection-photography/pisa.jpg" alt="Screenshot" width="384" height="600" /></a></p>
<p><a href="http://www.flickr.com/people/81015532@N00/">Chiara</a></p>
<p><a href="http://www.flickr.com/photos/81015532@N00/2021316359/"><img src="http://78.46.108.98/images/reflection-photography/sydn.jpg" alt="Screenshot" width="500" height="451" /></a></p>
<p><a href="http://www.flickr.com/people/netfred-2007/">Alfredo Corsaro</a></p>
<p><a href="http://www.flickr.com/photos/netfred-2007/2014991455/"><img src="http://88.198.60.17/images/reflection-photography/ita.jpg" alt="Screenshot" width="500" height="333" /></a></p>
<p><a href="http://www.flickr.com/people/12708811@N07/">5348 Franco</a></p>
<p><a href="http://www.flickr.com/photos/12708811@N07/2633069893/"><img src="http://78.46.108.98/images/reflection-photography/drop.jpg" alt="Screenshot" width="500" height="399" /></a></p>
<p><a title="Link to atwose's photostream" href="http://www.flickr.com/photos/atwose/">Atwose</a></p>
<p><a href="http://www.flickr.com/photos/atwose/401006189/"><img src="http://88.198.60.17/images/reflection-photography/atwose.jpg" alt="Screenshot" width="500" height="350" /></a></p>
<p><a title="Link to matey_88 ( off )'s photostream" href="http://www.flickr.com/photos/matey/">Matey</a><a title="Link to BamaWester's photostream" href="http://www.flickr.com/photos/bamawester/"></a></p>
<p><a href="http://www.flickr.com/photos/matey/2221074664/"><img src="http://78.46.108.98/images/reflection-photography/matey_88.jpg" alt="Screenshot" width="500" height="334" /></a></p>
<p><a title="Link to BamaWester's photostream" href="http://www.betterphoto.com/gallery/gallery.asp?memberID=78345">Lars A. Giusti</a></p>
<p><a href="http://www.betterphoto.com/gallery/gallery.asp?memberID=78345"><img src="http://88.198.60.17/images/reflection-photography/Lars A. Giusti.jpg" alt="Screenshot" width="500" height="284" /></a></p>
<p><a title="Link to Static Sparks' photostream" href="http://www.flickr.com/photos/josephsparks/">Static Sparks</a></p>
<p><a href="http://www.flickr.com/photos/josephsparks/2724787793/"><img src="http://78.46.108.98/images/reflection-photography/Static Sparks.jpg" alt="Screenshot" width="500" height="331" /></a></p>
<p><a href="http://www.flickr.com/people/lindabjork/">Linda O&#8217;Dell</a></p>
<p><a href="http://www.flickr.com/photos/lindabjork/2115430075/"><img src="http://88.198.60.17/images/reflection-photography/linda.jpg" alt="Screenshot" width="500" height="505" /></a></p>
<p><a href="http://www.flickr.com/people/tinygdynamite/">tinygdynamite</a></p>
<p><a href="http://www.flickr.com/photos/tinygdynamite/2810210249/"><img src="http://78.46.108.98/images/reflection-photography/re2.jpg" alt="Screenshot" width="500" height="502" /></a></p>
<p><a href="http://flickr.com/people/acafe/">Apricot Cafe</a></p>
<p><a href="http://flickr.com/photos/acafe/478403242/"><img src="http://88.198.60.17/images/reflection-photography/disn.jpg" alt="Screenshot" width="500" height="333" /></a></p>
<p><a href="http://www.flickr.com/people/pilou/">Philippe Sainte-Laudy</a></p>
<p><a href="http://www.flickr.com/photos/pilou/2594011745/"><img src="http://78.46.108.98/images/reflection-photography/cham.jpg" alt="Screenshot" width="500" height="500" /></a></p>
<p><a href="http://www.flickr.com/photos/pilou/2614724709/"><img src="http://88.198.60.17/images/reflection-photography/blue2.jpg" alt="Screenshot" width="500" height="500" /></a></p>
<p><a href="http://www.flickr.com/people/dcdead/">Philipp Klinger</a></p>
<p><a href="http://www.flickr.com/photos/dcdead/2363635002/"><img src="http://78.46.108.98/images/reflection-photography/darm.jpg" alt="Screenshot" width="500" height="33