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

<channel>
	<title>Cascading Style Sheets Syntax &#187; web designer</title>
	<atom:link href="http://csssyntax.com/tag/web-designer/feed" rel="self" type="application/rss+xml" />
	<link>http://csssyntax.com</link>
	<description>CSS BASIC REFERENCE</description>
	<lastBuildDate>Sat, 31 Jul 2010 08:26:13 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Illustrated Web Designs Part 4</title>
		<link>http://csssyntax.com/illustrated-web-designs-part-4.html</link>
		<comments>http://csssyntax.com/illustrated-web-designs-part-4.html#comments</comments>
		<pubDate>Mon, 22 Mar 2010 06:49:34 +0000</pubDate>
		<dc:creator>gusdwi</dc:creator>
				<category><![CDATA[References]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[web designer]]></category>
		<category><![CDATA[web developer]]></category>

		<guid isPermaLink="false">http://csssyntax.com/?p=483</guid>
		<description><![CDATA[Adding visual elements to your website design can often make the difference between a good and a great site. While illustrations can often take a lot of time and talent to produce, the result is often a stunning website design that can really make an impact with your readers. The following showcase includes some examples [...]]]></description>
			<content:encoded><![CDATA[<p>Adding visual elements to your website design can often make the difference between a good and a great site. While illustrations  can often take a lot of time and talent to produce, the result is often a stunning website design that can really make an impact with your readers.</p>
<p>The following showcase includes some  examples of brilliantly illustrated web designs to help inspire you for your next project.</p>
<h2>31. Arbel Designs</h2>
<p><a href="http://www.arbel-designs.com/" target="_blank"><img src="http://csssyntax.com/wp-content/uploads/2010/03/arbel-design.jpg" alt="Arbel Design" title="arbel-design" width="440" height="291" class="alignnone size-full wp-image-485" /></a><br />
A very cool one page portfolio site.  Click around on the navigation here to see all of  the various levels of the design. </p>
<h2>32. Katherine Designs</h2>
<p><a href="http://www.katherine-designs.com/" target="_blank"><img src="http://csssyntax.com/wp-content/uploads/2010/03/katherine-design.jpg" alt="Katherin Design" title="katherine-design" width="440" height="291" class="alignnone size-full wp-image-489" /></a><br />
Who doesn’t love a site with robots?  This site sports a pastel color scheme and lots of little robot illustrations.</p>
<h2>33. Cool Brush Design</h2>
<p><a href="http://www.coolbrushdesign.com/" target="_blank"><img src="http://csssyntax.com/wp-content/uploads/2010/03/cool-brush-design.jpg" alt="Cool Brush Design" title="cool-brush-design" width="440" height="291" class="alignnone size-full wp-image-490" /></a><br />
This sit sports a very detailed graphic of a castle and ocean scene that works with Flash. </p>
<h2>34. Bird Boxx</h2>
<p><a href="http://birdboxx.com/" target="_blank"><img src="http://csssyntax.com/wp-content/uploads/2010/03/bird-boxx.jpg" alt="Bird Boxx" title="bird-boxx" width="440" height="288" class="alignnone size-full wp-image-492" /></a><br />
A large illustration on this website easily translates that sites name to help make it more memorable. </p>
<h2>35. Ready Made Design</h2>
<p><a href="http://www.readymadedesigns.co.uk/" target="_blank"><img src="http://csssyntax.com/wp-content/uploads/2010/03/ready-made-design.jpg" alt="Ready Made Design" title="ready-made-design" width="440" height="291" class="alignnone size-full wp-image-493" /></a><br />
A nice color scheme and illustrations make this website very easy on the eyes. </p>
<h2>36. Olive Crush</h2>
<p><a href="http://www.olivecrush.com/" target="_blank"><img src="http://csssyntax.com/wp-content/uploads/2010/03/olive-crush.jpg" alt="Olive Crush" title="olive-crush" width="440" height="291" class="alignnone size-full wp-image-495" /></a><br />
These guys use a simple illustration and textures to help add some personality to the site design. </p>
<h2>37. Chirp</h2>
<p><a href="http://chirp.twitter.com/" target="_blank"><img src="http://csssyntax.com/wp-content/uploads/2010/03/chirp.jpg" alt="Chirp" title="chirp" width="440" height="291" class="alignnone size-full wp-image-496" /></a><br />
Designed entirely with the hand drawn style in mind, Chirp has an artistic style that is very much its own. </p>
<h2>38. Dedoce</h2>
<p><a href="http://www.dedoce.es/" target="_blank"><img src="http://csssyntax.com/wp-content/uploads/2010/03/dedoce.jpg" alt="Dedoce" title="dedoce" width="440" height="291" class="alignnone size-full wp-image-497" /></a><br />
This underwater scene has a bit of a grunge feel to it that helps keep it from looking like another vector illustrated website. </p>
<h2>39. PSD to WP</h2>
<p><a href="http://www.psd-to-wp.com/" target="_blank"><img src="http://csssyntax.com/wp-content/uploads/2010/03/psd-to-wp.jpg" alt="Psd to Wp" title="psd-to-wp" width="440" height="288" class="alignnone size-full wp-image-499" /></a><br />
Here is a one page site that uses a powerful background image to build its sites personality and brand off of. </p>
<h2>40. Morphix</h2>
<p><a href="http://blog.morphix.si/" target="_blank"><img src="http://csssyntax.com/wp-content/uploads/2010/03/morphix.jpg" alt="Morphix" title="morphix" width="440" height="288" class="size-full wp-image-501" /></a><br />
This site mixes a creative blog layout with nice illustration to create a blog design that is very untypical, but very memorable. </p>
]]></content:encoded>
			<wfw:commentRss>http://csssyntax.com/illustrated-web-designs-part-4.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Illustrated Web Designs Part 3</title>
		<link>http://csssyntax.com/illustrated-web-designs-part-3.html</link>
		<comments>http://csssyntax.com/illustrated-web-designs-part-3.html#comments</comments>
		<pubDate>Sat, 20 Mar 2010 03:09:33 +0000</pubDate>
		<dc:creator>gusdwi</dc:creator>
				<category><![CDATA[References]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[web designer]]></category>
		<category><![CDATA[web developer]]></category>

		<guid isPermaLink="false">http://csssyntax.com/?p=450</guid>
		<description><![CDATA[Adding visual elements to your website design can often make the difference between a good and a great site. While illustrations can often take a lot of time and talent to produce, the result is often a stunning website design that can really make an impact with your readers. The following showcase includes some examples [...]]]></description>
			<content:encoded><![CDATA[<p>Adding visual elements to your website design can often make the difference between a good and a great site. While illustrations  can often take a lot of time and talent to produce, the result is often a stunning website design that can really make an impact with your readers.</p>
<p>The following showcase includes some  examples of brilliantly illustrated web designs to help inspire you for your next project.</p>
<h2>21. Indofolio</h2>
<p><a href="http://www.indofolio.com" target="_blank"><img class="alignnone size-full wp-image-454" title="indofolio" src="http://csssyntax.com/wp-content/uploads/2010/03/indofolio.jpg" alt="Indo Folio" width="440" height="288" /></a><br />
This is a must see side scrolling site.  Aside from the amazing artwork, it also has a nice transition from page to page to helps added to the feel of the site.</p>
<h2>22. Pralinen Schachtel</h2>
<p><a href="http://pralinenschachtel.de/" target="_blank"><img class="alignnone size-full wp-image-455" title="pralinen" src="http://csssyntax.com/wp-content/uploads/2010/03/pralinen.jpg" alt="Pralinen Schachtel" width="440" height="291" /></a><br />
I like that the illustration on this site has made sure to create some depth to the picture.  This is something many vector illustrations lack.</p>
<h2>23. Branded 07</h2>
<p><a href="http://www.branded07.com/" target="_blank"><img class="alignnone size-full wp-image-458" title="branded-07" src="http://csssyntax.com/wp-content/uploads/2010/03/branded-07.jpg" alt="Branded 07" width="440" height="291" /></a><br />
This site is full of outstanding illustration.  Be sure to check out the footer area on this one.</p>
<h2>24. Vindem Teren</h2>
<p><a href="http://vindem-teren.ro/" target="_blank"><img class="size-full wp-image-459 alignnone" title="vindem-taren" src="http://csssyntax.com/wp-content/uploads/2010/03/vindem-taren.jpg" alt="Vindem Taren" width="440" height="291" /></a><br />
I’m not really sure what this site does, but based on the illustration it looks to be some sort of real estate based site.  Goes to show you that images can speak volumes.</p>
<h2>25. Digital Impact Outdoors</h2>
<p><a href="http://digitalimpactoutdoors.com/" target="_blank"><img src="http://csssyntax.com/wp-content/uploads/2010/03/digital-impact-outdoors.jpg" alt="Digital Impact Outdoors" title="digital-impact-outdoors" width="440" height="291" class="alignnone size-full wp-image-461" /></a><br />
The illustration in this website design does an excellent job at conveying the overall message of the website and adding to its value.</p>
<h2>26. Store Envy</h2>
<p><a href="http://www.storenvy.com/" target="_blank"><img src="http://csssyntax.com/wp-content/uploads/2010/03/store-envy.jpg" alt="Store Envy" title="store-envy" width="440" height="291" class="size-full wp-image-465" /></a><br />
Here is a site that mixes very modern user interface style with some bright and colorful illustration work. </p>
<h2>27. Los Colores Olvidados</h2>
<p><a href="http://loscoloresolvidados.com/" target="_blank"><img src="http://csssyntax.com/wp-content/uploads/2010/03/lost-colores.jpg" alt="Lost Colores Olvidados" title="lost-colores" width="440" height="291" class="alignnone size-full wp-image-467" /></a><br />
If Tim Burton were a web designer,  I would think that his website would look a little something like this. </p>
<h2>28. Andy Adventure</h2>
<p><a href="http://www.andyadventure.com/" target="_blank"><img src="http://csssyntax.com/wp-content/uploads/2010/03/andy-adventure.jpg" alt="Andy Adventure" title="andy-adventure" width="440" height="291" class="alignnone size-full wp-image-468" /></a><br />
One would expect that animated games would have a bold and artistic website.  While this isn’t the most clever design, it is certainly big and bold. </p>
<h2>29. The Pixel</h2>
<p><a href="http://www.thepixel.com/blog/" target="_blank"><img src="http://csssyntax.com/wp-content/uploads/2010/03/the-pixel.jpg" alt="The Pixel" title="the-pixel" width="440" height="292" class="alignnone size-full wp-image-470" /></a><br />
Simple animation, outstanding artwork, and clever layout; this website has it all. </p>
<h2>30. Synch Media</h2>
<p><a href="http://synchmedia.com/" target="_blank"><img src="http://csssyntax.com/wp-content/uploads/2010/03/synch-media.jpg" alt="Shync Media" title="synch-media" width="440" height="291" class="alignnone size-full wp-image-472" /></a><br />
A combination of unique colors, layout, and illustration make this website very unique and different.<br />
<a href="http://csssyntax.com/illustrated-web-designs-part-4.html">(Next to Illustrated Web Designs Part 4)</a></p>
]]></content:encoded>
			<wfw:commentRss>http://csssyntax.com/illustrated-web-designs-part-3.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Illustrated Web Designs Part 2</title>
		<link>http://csssyntax.com/illustrated-web-designs-part-2.html</link>
		<comments>http://csssyntax.com/illustrated-web-designs-part-2.html#comments</comments>
		<pubDate>Fri, 19 Mar 2010 06:27:53 +0000</pubDate>
		<dc:creator>gusdwi</dc:creator>
				<category><![CDATA[References]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[web designer]]></category>
		<category><![CDATA[web developer]]></category>

		<guid isPermaLink="false">http://csssyntax.com/?p=427</guid>
		<description><![CDATA[Adding visual elements to your website design can often make the difference between a good and a great site. While illustrations can often take a lot of time and talent to produce, the result is often a stunning website design that can really make an impact with your readers. The following showcase includes some examples [...]]]></description>
			<content:encoded><![CDATA[<p>Adding visual elements to your <strong>website design</strong> can often make the difference between a good and a great site. While <strong>illustrations</strong> can often take a lot of time and talent to produce, the result is often a stunning website design that can really make an impact with your <strong>readers</strong>.</p>
<p>The following showcase includes some  examples of brilliantly illustrated web designs to help inspire you for your next project.</p>
<h2>11.  Atomic Cartoons</h2>
<p><a href="http://www.atomiccartoons.com/" target="_blank"><img class="alignnone size-full wp-image-428" title="atomic-cartoons" src="http://csssyntax.com/wp-content/uploads/2010/03/atomic-cartoons.jpg" alt="Atomic Cartoons" width="440" height="291" /></a><br />
This is just an <strong>amazing website</strong>.  You MUST check this site out and click around a bit.</p>
<h2>12.  Kidd 81</h2>
<p><a href="http://www.kidd81.com/" target="_blank"><img src="http://csssyntax.com/wp-content/uploads/2010/03/kidd-81.jpg" alt="Kidd 81" title="kidd-81" width="440" height="292" class="alignnone size-full wp-image-430" /></a><br />
Here is another site with a style that stands out from the crowd and one that the designer has used to brand them self very well.</p>
<h2>13.  Grepit</h2>
<p><a href="http://www.grepit.info" target="_blank"><img src="http://csssyntax.com/wp-content/uploads/2010/03/grepit.jpg" alt="Grepit" title="grepit" width="440" height="288" class="alignnone size-full wp-image-432" /></a><br />
This site offers a very slick and clever looking diagram type illustration to convey what it is they do.  </p>
<h2>14.  Bimbi Sicuramente</h2>
<p><a href="http://www.bimbisicuramente.it/" target="_blank"><img src="http://csssyntax.com/wp-content/uploads/2010/03/bimbi.jpg" alt="Bimbi Sicuramente" title="bimbi" width="440" height="287" class="alignnone size-full wp-image-433" /></a><br />
I have no idea what this site is about, but I like that the vector illustration is full of texture and offers a bit of depth to it.</p>
<h2>15.  Abduction Lamp</h2>
<p><a href="http://abductionlamp.com" target="_blank"><img src="http://csssyntax.com/wp-content/uploads/2010/03/abduction-lamp.jpg" alt="Abduction Lamp" title="abduction-lamp" width="440" height="291" class="alignnone size-full wp-image-435" /></a><br />
This site even comes in 3D!  Well, not really, but it’s still a clever aspect of the design.</p>
<h2>16.  Outlaw Design Blog</h2>
<p><a href="http://www.outlawdesignblog.com/" target="_blank"><img src="http://csssyntax.com/wp-content/uploads/2010/03/outlaw-design.jpg" alt="Outlaw Design Blog" title="outlaw-design" width="440" height="291" class="alignnone size-full wp-image-441" /></a><br />
It is all about the little details in this site.  The gun in holster on the menu, random bullet holes, and other touches help make this site a bit different. </p>
<h2>17.  Blossoms Village</h2>
<p><a href="http://www.blossomsvillage.com/" target="_blank"><img src="http://csssyntax.com/wp-content/uploads/2010/03/blossoms-village.jpg" alt="Blossoms Village" title="blossoms-village" width="440" height="292" class="alignnone size-full wp-image-443" /></a><br />
While not the greatest looking website on this list, it just goes to show that some bold illustration work can go a long way in making your design look even better. </p>
<h2>18.  Attack of the Web</h2>
<p><a href="http://www.attackoftheweb.co.uk/" target="_blank"><img src="http://csssyntax.com/wp-content/uploads/2010/03/attack-of-the-web.jpg" alt="Attack of the web" title="attack-of-the-web" width="440" height="291" class="alignnone size-full wp-image-446" /></a><br />
This is one of those websites that just make you wonder where they got the idea from.  This is a clever and funny one page layout. </p>
<h2>19.  Bet Your Followers</h2>
<p><a href="http://betyourfollowers.com/" target="_blank"><img src="http://csssyntax.com/wp-content/uploads/2010/03/bet-your-followers.jpg" alt="Bet your followers" title="bet-your-followers" width="440" height="291" class="alignnone size-full wp-image-447" /></a><br />
I don’t really get the point of this website, but it shows very creative use of some excellent stock illustration work. </p>
<h2>20.  Camellie</h2>
<p><a href="http://www.camellie.com/" target="_blank"><img src="http://csssyntax.com/wp-content/uploads/2010/03/camellie.jpg" alt="Camellie" title="camellie" width="440" height="288" class="alignnone size-full wp-image-448" /></a><br />
Creating a clever and artistic website is easy when you have as much talent as Camellie does.  If only we were all this talented.<br />
<a href="http://csssyntax.com/illustrated-web-designs-part-3.html">(Next to Illustrated Web Designs Part 3)</a></p>
]]></content:encoded>
			<wfw:commentRss>http://csssyntax.com/illustrated-web-designs-part-2.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Brilliantly Illustrated Web Designs</title>
		<link>http://csssyntax.com/brilliantly-illustrated-web-designs.html</link>
		<comments>http://csssyntax.com/brilliantly-illustrated-web-designs.html#comments</comments>
		<pubDate>Fri, 19 Mar 2010 03:25:05 +0000</pubDate>
		<dc:creator>gusdwi</dc:creator>
				<category><![CDATA[References]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[web designer]]></category>
		<category><![CDATA[web developer]]></category>

		<guid isPermaLink="false">http://csssyntax.com/?p=388</guid>
		<description><![CDATA[Adding visual elements to your website design can often make the difference between a good and a great site. While illustrations can often take a lot of time and talent to produce, the result is often a stunning website design that can really make an impact with your readers. The following showcase includes some  examples [...]]]></description>
			<content:encoded><![CDATA[<p>Adding visual elements to your <strong>website design</strong> can often make the difference between a good and a great site. While <strong>illustrations</strong> can often take a lot of time and talent to produce, the result is often a stunning website design that can really make an impact with your <strong>readers</strong>.</p>
<p>The following showcase includes some  examples of brilliantly illustrated web designs to help inspire you for your next project.</p>
<h2>1. Toris Eye</h2>
<p><a href="http://toriseye.quodis.com/" target="_blank"><img class="alignnone size-full wp-image-404" title="toris-eye" src="http://csssyntax.com/wp-content/uploads/2010/03/toris-eye1.jpg" alt="Toris Eye" width="440" height="293" /></a><br />
This is a very cool site that you have to see to really appreciate.  It  offers simple motion, creative ideas, nice colors and oh so much more.</p>
<h2>2. Carreras Con Futoro</h2>
<p><a href="http://www.carrerasconfuturo.com/" target="_blank"><img class="alignnone size-full wp-image-405" title="carrerasconfutoro" src="http://csssyntax.com/wp-content/uploads/2010/03/carrerasconfutoro1.jpg" alt="Carreras Con funtoro" width="440" height="290" /></a><br />
This site might be “drawn” and “painted” with Photoshop brushes, but it still has that hand drawn style to it.  Great for those of you who don’t have the traditional artistic skill set.</p>
<h2>3. Moshi Monster</h2>
<p><a href="http://www.parcheggio.it/" target="_blank"><img class="alignnone size-full wp-image-408" title="moshi-monster" src="http://csssyntax.com/wp-content/uploads/2010/03/moshi-monster.jpg" alt="Moshi Monster" width="440" height="293" /></a><br />
As one would epect, this online kids game is full of animation, cute little monsters, and plenty of bright colors.</p>
<h2>4. Black Moon Development</h2>
<p><a href="http://blackmoondev.com/" target="_blank"><img class="alignnone size-full wp-image-410" title="black-moon-design" src="http://csssyntax.com/wp-content/uploads/2010/03/black-moon-design.jpg" alt="Black Moon Development" width="440" height="291" /></a><br />
Bring in a more traditional illustration look offers a unique style in today’s web design.</p>
<h2>5. Open Atrium</h2>
<p><a href="http://openatrium.com" target="_blank"><img class="alignnone size-full wp-image-412" title="open-atrium" src="http://csssyntax.com/wp-content/uploads/2010/03/open-atrium.jpg" alt="Open Atrium" width="440" height="291" /></a><br />
Here we get a nice mixture of typical clean web design mixed in with some bright and bold illustration work.</p>
<h2>6. Tech Adventure DC</h2>
<p><a href="http://www.techadventuredc.com" target="_blank"><img class="alignnone size-full wp-image-414" title="tech-adventure" src="http://csssyntax.com/wp-content/uploads/2010/03/tech-adventure.jpg" alt="Tech Adventure DC" width="440" height="291" /></a><br />
Again, any time you can add some hand drawn elements into your design you are sure to create something outstanding.</p>
<h2>7. Blogsville</h2>
<p><a href="http://blogsville.us" target="_blank"><img src="http://csssyntax.com/wp-content/uploads/2010/03/blogsville.jpg" alt="Blogs Ville" title="blogsville" width="440" height="291" class="alignnone size-full wp-image-418" /></a><br />
A basic website with a simple illustration to help conceptualize the conference name. </p>
<h2>8. Piipe Online</h2>
<p><a href="http://www.piipeonline.com" target="_blank"><img src="http://csssyntax.com/wp-content/uploads/2010/03/piipe-online.jpg" alt="Piipe online" title="piipe-online" width="440" height="288" class="alignnone size-full wp-image-420" /></a><br />
A nice use of bold colors, creative layout and interesting use of patterns make this site fun to look at. </p>
<h2>9. HD Live 09</h2>
<p><a href="http://www.hdlive09.co.uk" target="_blank"><img src="http://csssyntax.com/wp-content/uploads/2010/03/hd-live-09.jpg" alt="HD Live 09" title="hd-live-09" width="440" height="291" class="alignnone size-full wp-image-421" /></a><br />
Any time you can add some real hand drawn work to a design you are sure to create something very different from anything else out there. </p>
<h2>10. Somos La Peralimonera</h2>
<p><a href="http://www.somoslaperalimonera.com/index.html" target="_blank"><img src="http://csssyntax.com/wp-content/uploads/2010/03/samos.jpg" alt="Samos La peralimonera" title="samos" width="440" height="291" class="alignnone size-full wp-image-422" /></a><br />
I always like it when illustrated sites like this have multiple layers to them.  Adding outer space or underground layers is a cool idea.<br />
<a href="http://csssyntax.com/illustrated-web-designs-part-2.html">(Next to Illustrated Web Designs Part 2)</a></p>
]]></content:encoded>
			<wfw:commentRss>http://csssyntax.com/brilliantly-illustrated-web-designs.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
