<?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>WebDesignJunkies.com &#187; Css Js and Ajax</title>
	<atom:link href="http://www.webdesignjunkies.com/category/css-js-and-ajax/feed" rel="self" type="application/rss+xml" />
	<link>http://www.webdesignjunkies.com</link>
	<description>For your daily dose of inspiration</description>
	<lastBuildDate>Fri, 21 Aug 2009 14:43:53 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>My Weekly Tweets August 14th to August 20th</title>
		<link>http://www.webdesignjunkies.com/my-weekly-tweets-august-14th-to-august-20th</link>
		<comments>http://www.webdesignjunkies.com/my-weekly-tweets-august-14th-to-august-20th#comments</comments>
		<pubDate>Fri, 21 Aug 2009 14:41:23 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Ajax Image Galleries & Lightboxes]]></category>
		<category><![CDATA[Ajax Solutions]]></category>
		<category><![CDATA[Beautiful css designs]]></category>
		<category><![CDATA[Blogs]]></category>
		<category><![CDATA[Business Cards]]></category>
		<category><![CDATA[Creativity and inspiration]]></category>
		<category><![CDATA[Css Js and Ajax]]></category>
		<category><![CDATA[Flash Templates]]></category>
		<category><![CDATA[Freelance]]></category>
		<category><![CDATA[Life]]></category>
		<category><![CDATA[Logo]]></category>
		<category><![CDATA[Matte Painting]]></category>
		<category><![CDATA[News & Trends]]></category>
		<category><![CDATA[Open source]]></category>
		<category><![CDATA[OsCommerce]]></category>
		<category><![CDATA[Photo Manipulation]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Template Monster]]></category>
		<category><![CDATA[Tips and tricks]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Web design]]></category>
		<category><![CDATA[Windows 7]]></category>
		<category><![CDATA[WordPress Themes]]></category>
		<category><![CDATA[Zen-cart]]></category>
		<category><![CDATA[css menus]]></category>
		<category><![CDATA[inspiration]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[make money]]></category>
		<category><![CDATA[tooltips]]></category>

		<guid isPermaLink="false">http://www.webdesignjunkies.com/?p=151</guid>
		<description><![CDATA[Drawing People Part 1: Proportion http://bit.ly/4LPrI *awesome tips for drawing, all #vector examples, #design #drawingRT: @seanHodge:about 9 hours ago
Realistic AS3 smoke particle effect with Desuade Partigen 2.. #FlashDevabout 9 hours ago
50 Amazing #Photoshop Text Effects #Tutorial http://su.pr/1KXdvs(via  @wpbulk)(via @wpbulk) RT: @hashphotoshop:about 9 hours ago from  TwitterFox
5 Must-Use Tips for Negotiating w/ Clients&#124; via [...]]]></description>
			<content:encoded><![CDATA[<p>Drawing People Part 1: Proportion <a title="http://bit.ly/4LPrI" href="http://bit.ly/4LPrI">http://bit.ly/4LPrI</a> *awesome tips for drawing, all #vector examples, #design #drawingRT: @seanHodge:about 9 hours ago</p>
<p>Realistic AS3 smoke particle effect with Desuade Partigen 2.. #FlashDevabout 9 hours ago</p>
<p>50 Amazing #Photoshop Text Effects #Tutorial http://su.pr/1KXdvs(via  @wpbulk)(via @wpbulk) RT: @hashphotoshop:about 9 hours ago from  TwitterFox</p>
<p>5 Must-Use Tips for Negotiating w/ Clients| via @sitepointdotcom | <a title="http://bit.ly/Oh5Tz" href="http://bit.ly/Oh5Tz">http://bit.ly/Oh5Tz</a> #entrepreneur #freelance #designabout 9 hours ago</p>
<p>ActionScript 3.0 Design Patterns&#8221; <a title="http://bit.ly/2BqQym" href="http://bit.ly/2BqQym">http://bit.ly/2BqQym</a> RT: @jasonwalz: Retweeting @web2000: &#8220;about 9 hours ago</p>
<p>Very interesting comments going on over @ &#8220;Hi, I&#8217;m Grace Smith: Five Things You Didn&#8217;t Know About Me&#8221; <a title="http://bit.ly/YcXgp" href="http://bit.ly/YcXgp">http://bit.ly/YcXgp</a> (via @seandelaney)about 9 hours ago</p>
<p>JQuery File Upload Plugin Script &#8211; Nice plugin <a title="http://icio.us/iiur1t" href="http://icio.us/iiur1t">http://icio.us/iiur1t</a> RT: @andysowards:about 9 hours ago</p>
<p>7 Essential Steps to Creating an Efficient Mobile Office <a title="http://bit.ly/17ge7u" href="http://bit.ly/17ge7u">http://bit.ly/17ge7u</a> RT: @sitepointdotcom:about 9 hours ago</p>
<p>50 Extraordinary and Attractive Billboards <a title="http://tinyurl.com/nawnrw" href="http://tinyurl.com/nawnrw">http://tinyurl.com/nawnrw</a> #advertising #photoshop #design(via @photoframd) RT: @hashphotoshop:about 9 hours ago</p>
<p>30 Funny Photomanipulations of Animals by HumanDescent <a title="http://bit.ly/ygVoX" href="http://bit.ly/ygVoX">http://bit.ly/ygVoX</a> &#8211; super cool, will have try too <img src='http://www.webdesignjunkies.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  via obstgemuese RT: @abduzeedoabout 9 hours ago</p>
<p>jQuery plugin &#8211; Easy Image or Content Slider | Css Globe | Squico &#8211; <a title="http://bit.ly/MzeLq" href="http://bit.ly/MzeLq">http://bit.ly/MzeLq</a> RT: @open4gjoomla:about 9 hours ago</p>
<p>7 Awesome Resources to Test Cross Browser Compatibility of Your Website <a title="http://bit.ly/f3GAz" href="http://bit.ly/f3GAz">http://bit.ly/f3GAz</a> RT: @webdesign_news:about 9 hours ago</p>
<p>30 Clean and Bright Website Designs <a title="http://tinyurl.com/ljew2r" href="http://tinyurl.com/ljew2r">http://tinyurl.com/ljew2r</a> #photoshop #web #design(via @photoframd) RT: @hashphotoshop:about 9 hours ago</p>
<p>Texture Thursday: Rusty Shapes <a title="http://ow.ly/15LMbJ" href="http://ow.ly/15LMbJ">http://ow.ly/15LMbJ</a> RT: @cheth: Psdfan-about 9 hours ago</p>
<p>What makes a good logo? <a title="http://bit.ly/UGPsB" href="http://bit.ly/UGPsB">http://bit.ly/UGPsB</a> RT: @DesignerDepot:about 9 hours ago</p>
<p>35 Best Flash Websites Ever. <a title="http://twurl.nl/eab8vt" href="http://twurl.nl/eab8vt">http://twurl.nl/eab8vt</a> RT: @jasonwalz:about 9 hours ago</p>
<p>Corporate Blog Design: Trends And Examples <a title="http://bit.ly/1AI4Ceabout" href="http://bit.ly/1AI4Ceabout">http://bit.ly/1AI4Ceabout</a> 11 hours ago</p>
<p>6 Simple Ways For Freelancers To Increase Productivity <a title="http://tinyurl.com/kvnvgaabout" href="http://tinyurl.com/kvnvgaabout">http://tinyurl.com/kvnvgaabout</a> 11 hours ago</p>
<p>&#8220;250+ Resources to Help You Become a CSS Expert | Webdesigner Depot&#8221; &#8211; <a title="http://bit.ly/1rbbyC" href="http://bit.ly/1rbbyC">http://bit.ly/1rbbyC</a> RT: @cheth: Reading:about 12 hours ago</p>
<p>* what a great idea i love it * Five Things You Didn’t Know About Me via @gracesmith <a title="http://tinyurl.com/mbmy4nabout" href="http://tinyurl.com/mbmy4nabout">http://tinyurl.com/mbmy4nabout</a> 13 hours ago</p>
<p>How To Create A Simple Portfolio Site Running On Surreal CMS. <a title="http://twurl.nl/hgy8b2" href="http://twurl.nl/hgy8b2">http://twurl.nl/hgy8b2</a> RT: @jasonwalz:about 13 hours ago</p>
<p>How To Create a Flash XML Slideshow Player &#8211; <a title="http://bit.ly/35hwd" href="http://bit.ly/35hwd">http://bit.ly/35hwd</a> RT: @Minervity:about 13 hours ago</p>
<p>60+ Unusual Business Card Ideas &amp; Designs. <a title="http://twurl.nl/6g6ygy" href="http://twurl.nl/6g6ygy">http://twurl.nl/6g6ygy</a> RT: @jasonwalz:about 14 hours ago</p>
<p>Time Management Tips for the Busy Freelance Designer: <a title="http://bit.ly/VemtU" href="http://bit.ly/VemtU">http://bit.ly/VemtU</a> RT: @chadengle:about 14 hours ago</p>
<p>Using the Loader Class in AS3 #pji #as3 #flash #flex <a title="http://bit.ly/xL1LC" href="http://bit.ly/xL1LC">http://bit.ly/xL1LC</a> RT: pjinteractiveabout 14 hours ago</p>
<p>16 Logo Design Processes Of Top Logo Designers | Pixelactic <a title="http://bit.ly/4BdKw" href="http://bit.ly/4BdKw">http://bit.ly/4BdKw</a> RT: @seanHodge: RT @pixelacticabout 14 hours ago</p>
<p>Free Flash-XML Image Rotator. <a title="http://twurl.nl/whpj4c" href="http://twurl.nl/whpj4c">http://twurl.nl/whpj4c</a> RT: @jasonwalz:about 14 hours ago</p>
<p>10 Professional Looking Free CSS Menu’s &#8211; <a title="http://bit.ly/VgZ3j" href="http://bit.ly/VgZ3j">http://bit.ly/VgZ3j</a> RT: @Minervity:about 14 hours ago</p>
<p>10 Vital Lessons for Web Start-Ups <a title="http://bit.ly/4xyQlD" href="http://bit.ly/4xyQlD">http://bit.ly/4xyQlD</a> (via @BoagLinks) RT: @Minervity: RT @smashingmag:about 14 hours ago</p>
<p>25+ Awesome New Textures <a title="http://ow.ly/kHqS" href="http://ow.ly/kHqS">http://ow.ly/kHqS</a> RT: @cheth:about 15 hours ago</p>
<p>25 High-Quality, Adobe Illustrator Tutorials for Creating Cute Characters <a title="http://bit.ly/bnUfr" href="http://bit.ly/bnUfr">http://bit.ly/bnUfr</a> *cute #vector characters, my fav subject RT:about 15 hours ago</p>
<p>Essential Tips for Designing an Effective Homepage <a title="http://bit.ly/GepzN" href="http://bit.ly/GepzN">http://bit.ly/GepzN</a> RT: @spicydesign:about 15 hours ago</p>
<p>50 Extraordinary and Attractive Billboards <a title="http://bit.ly/18rHJW" href="http://bit.ly/18rHJW">http://bit.ly/18rHJW</a> RT: @spicydesign: #Inspiration:about 15 hours ago</p>
<p>15 Beautiful Free Web 2.0 #Fonts <a title="http://bit.ly/g8Yo0" href="http://bit.ly/g8Yo0">http://bit.ly/g8Yo0</a> RT: @spicydesign:about 15 hours ago</p>
<p>Interview with Envato Founders Collis and Cyan <a title="http://bit.ly/jSU9P" href="http://bit.ly/jSU9P">http://bit.ly/jSU9P</a> RT: @VECTORTUTS:about 15 hours ago</p>
<p>Illustrator Tutorial: How to Make an Icy Cocktail <a title="http://bit.ly/GHGHa" href="http://bit.ly/GHGHa">http://bit.ly/GHGHa</a> *looks yummy RT: @seanHodge:about 15 hours ago</p>
<p>30+ Dazzling and Interactive Media Facades <a title="http://bit.ly/4DpBH1" href="http://bit.ly/4DpBH1">http://bit.ly/4DpBH1</a> RT: @seanHodge:about 15 hours ago</p>
<p>Beautiful Twitter Icon Sets Mega Pack <a title="http://bit.ly/1Ce4Y" href="http://bit.ly/1Ce4Y">http://bit.ly/1Ce4Y</a> RT: @seanHodge:about 15 hours ago</p>
<p>22 Beautiful #Photoshop Web Layout Tutorial Sites &#8211; <a title="http://bit.ly/zoLFw" href="http://bit.ly/zoLFw">http://bit.ly/zoLFw</a> #webdesign(via @bkmacdaddy) RT: @hashphotoshop:about 15 hours ago</p>
<p>52 Professional Website User Interface Photoshop Tutorials &#8211; <a title="http://bit.ly/CqHah" href="http://bit.ly/CqHah">http://bit.ly/CqHah</a> RT: @andysowards: RT @Minervityabout 15 hours ago</p>
<p>Duplicate Movieclip with AS3 #pji #as3 #flash #flex <a title="http://bit.ly/319ivl" href="http://bit.ly/319ivl">http://bit.ly/319ivl</a> #FlashDev RT: @AS3hash: RT @pjinteractive:about 15 hours ago</p>
<p>30 Superb Anime Art Illustrations &#8211; <a title="http://tinyurl.com/l72lyv" href="http://tinyurl.com/l72lyv">http://tinyurl.com/l72lyv</a> via @TheWebBlend: RT: @mistygirlph:about 15 hours ago</p>
<p>20+ Amazing iPhone App Websites <a title="http://bit.ly/nWhy6" href="http://bit.ly/nWhy6">http://bit.ly/nWhy6</a> RT: @VECTORTUTS:about 15 hours ago</p>
<p>The Big Collection Of Amazing Photoshop Actions | <a title="http://bit.ly/5TQT5" href="http://bit.ly/5TQT5">http://bit.ly/5TQT5</a> | #adobe #photoshop(via @adobeshack) RT: @hashphotoshop:about 15 hours ago</p>
<p>10 tips: How to improve your Photoshop Skills &#8211; <a title="http://bit.ly/Ah4il" href="http://bit.ly/Ah4il">http://bit.ly/Ah4il</a> &#8211; old but still very useful post <img src='http://www.webdesignjunkies.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  RT: @abduzeedo:about 15 hours ago</p>
<p>25+ Stunning Photoshop vector Icon Creation Tutorials #design <a title="http://bit.ly/2l9rpb" href="http://bit.ly/2l9rpb">http://bit.ly/2l9rpb</a> RT: @webdesignjoy:3:59 PM Aug 19th</p>
<p>Buy Windows 7 in Europe … at Half the US Price! <a title="http://bit.ly/1Hmhsz" href="http://bit.ly/1Hmhsz">http://bit.ly/1Hmhsz</a> RT: @sitepointdotcom:9:52 AM Aug 19th</p>
<p>75 Free Useful Icon Sets for Web Designers and Developers. <a title="http://twurl.nl/xat2bj" href="http://twurl.nl/xat2bj">http://twurl.nl/xat2bj</a> RT: @jasonwalz:9:52 AM Aug 19th</p>
<p>14 Easy to Implement Drop Down Menu Solutions <a title="http://snurl.com/qil7p" href="http://snurl.com/qil7p">http://snurl.com/qil7p</a> RT: @webdesignledger:9:51 AM Aug 19th</p>
<p>72+ Brilliant and Most Creative USB Sticks Ever Created &#8211; <a title="http://bit.ly/mpcsf" href="http://bit.ly/mpcsf">http://bit.ly/mpcsf</a> RT: @Minervity:9:49 AM Aug 19th</p>
<p>How To Create a Realistic Golden “Bling” Text Effect &#8211; <a title="http://bit.ly/LGqIC" href="http://bit.ly/LGqIC">http://bit.ly/LGqIC</a> RT: @Minervity:9:49 AM Aug 19th</p>
<p>How To Create a Realistic Water Text Effect &#8211; <a title="http://bit.ly/jSEdX" href="http://bit.ly/jSEdX">http://bit.ly/jSEdX</a> RT: @Minervity:9:49 AM Aug 19th</p>
<p>Photoshop 101 – Working With Alpha Channels | Design Reviver  #photoshop #photo http://bit.ly/20GdE0(via @weblittlepieces) RT:  @hashphotoshop9:48 AM Aug 19th</p>
<p>jScrollPane is a jquery plugin which allows you to replace the browsers default vertical scrollbars <a title="http://tinyurl.com/bxt9v89:48" href="http://tinyurl.com/bxt9v89:48">http://tinyurl.com/bxt9v89:48</a> AM Aug 19th</p>
<p>CSS Sprites with Inline Images. <a title="http://twurl.nl/vz5b3z" href="http://twurl.nl/vz5b3z">http://twurl.nl/vz5b3z</a> RT: @jasonwalz:9:16 AM Aug 19th</p>
<p>Web Analytics Tools – Analyzing The Traffic On Web. <a title="http://twurl.nl/tmykax" href="http://twurl.nl/tmykax">http://twurl.nl/tmykax</a> RT: @jasonwalz:9:16 AM Aug 19th</p>
<p>How To Create a Flash XML Playlist Music Player &#8211; <a title="http://bit.ly/GX6rv" href="http://bit.ly/GX6rv">http://bit.ly/GX6rv</a> RT: @Minervity:9:16 AM Aug 19th</p>
<p>HTML 5 Drag &amp; Drop. <a title="http://twurl.nl/wsomsn" href="http://twurl.nl/wsomsn">http://twurl.nl/wsomsn</a> RT: @jasonwalz:9:13 AM Aug 19th</p>
<p>jQuery &amp; CSS scroll control plugin &#8211; <a title="http://u.nu/7dmy" href="http://u.nu/7dmy">http://u.nu/7dmy</a> RT: @9swords:9:13 AM Aug 19th</p>
<p>15 Helpful Web Based Broken Link Checkers. <a title="http://twurl.nl/qmcyjy" href="http://twurl.nl/qmcyjy">http://twurl.nl/qmcyjy</a> RT: @jasonwalz:9:06 AM Aug 19th</p>
<p>40 Impressive Flash Photography Websites <a title="http://bit.ly/Gb0Fj" href="http://bit.ly/Gb0Fj">http://bit.ly/Gb0Fj</a> ★★★★★ RT: @Woork:9:04 AM Aug 19th</p>
<p>250+ Resources to Help You Become a CSS Expert &#8211; <a title="http://ow.ly/kpu9" href="http://ow.ly/kpu9">http://ow.ly/kpu9</a> RT: @juice_creative: RT @gaksdesigns9:04 AM Aug 19th</p>
<p>20 Top Design Blogs Looking for Freelance Writers <a title="http://bit.ly/g49Uz" href="http://bit.ly/g49Uz">http://bit.ly/g49Uz</a> RT: @juice_creative:9:04 AM Aug 19th</p>
<p>10 Handy &amp; Cool jQuery Plugins <a title="http://su.pr/2oeuxY" href="http://su.pr/2oeuxY">http://su.pr/2oeuxY</a> RT: @howsthedotcom:9:04 AM Aug 19th</p>
<p>12 Alternative Digital Image Manipulation Tools &#8211; <a title="http://bit.ly/1BEGyp" href="http://bit.ly/1BEGyp">http://bit.ly/1BEGyp</a> RT: @Minervity:9:04 AM Aug 19th</p>
<p>Mastering “Bevel and Emboss” &#8211; From Beginner to Pro &#8211; <a title="http://bit.ly/7ISPV" href="http://bit.ly/7ISPV">http://bit.ly/7ISPV</a> RT: @Minervity:9:03 AM Aug 19th</p>
<p>How To Create a Flash XML Slideshow Player &#8211; <a title="http://bit.ly/35hwd" href="http://bit.ly/35hwd">http://bit.ly/35hwd</a> RT: @Minervity:9:03 AM Aug 19th</p>
<p>9 Tips to Help Freelancers Prepare for a Vacation. <a title="http://twurl.nl/oano6n" href="http://twurl.nl/oano6n">http://twurl.nl/oano6n</a> RT: @jasonwalz:9:03 AM Aug 19th</p>
<p>Make a Shiny Glowing Glass Button &#8211; <a title="http://bit.ly/11zcXD" href="http://bit.ly/11zcXD">http://bit.ly/11zcXD</a> RT: @Minervity:9:03 AM Aug 19th</p>
<p>How To Create a Realistic Water Text Effect &#8211; <a title="http://bit.ly/jSEdX" href="http://bit.ly/jSEdX">http://bit.ly/jSEdX</a> RT: @Minervity:9:02 AM Aug 19th</p>
<p>10 Beautiful Customizable Photoshop Twitter Background Templates &#8211; #Photoshop &#8211; <a title="http://bit.ly/wMDTb" href="http://bit.ly/wMDTb">http://bit.ly/wMDTb</a> RT: @cheth:7:21 AM Aug 19th</p>
<p>500++ Free Twitter Icons Ultimate Collection &#8211; <a title="http://bit.ly/24avjf" href="http://bit.ly/24avjf">http://bit.ly/24avjf</a> RT: @cheth:7:20 AM Aug 19th</p>
<p>30 Designers, Portfolios + Work You Must-See &amp; Bookmark! <a title="http://bit.ly/uV0mG" href="http://bit.ly/uV0mG">http://bit.ly/uV0mG</a> #design RT: @andysowards: RT @bkmacdaddy7:10 AM Aug 19th</p>
<p>33 super engagers to follow <a title="http://bit.ly/2KkvSD" href="http://bit.ly/2KkvSD">http://bit.ly/2KkvSD</a> RT: @andysowards:7:10 AM Aug 19th</p>
<p>How to Create an Illustrated Cartoon Character &#8211; <a title="http://bit.ly/npEe7" href="http://bit.ly/npEe7">http://bit.ly/npEe7</a> RT: @Minervity:7:09 AM Aug 19th</p>
<p>5 Different Ways To Create Stylish Contact Form Layouts &#8211; <a title="http://bit.ly/vyBFf" href="http://bit.ly/vyBFf">http://bit.ly/vyBFf</a> RT: @Minervity:7:09 AM Aug 19th</p>
<p>How to Create a Slick and Clean Button in Photoshop <a title="http://tinyurl.com/cwmz92" href="http://tinyurl.com/cwmz92">http://tinyurl.com/cwmz92</a> #photoshop(via @binoyxj) RT: @hashphotoshop:7:09 AM Aug 19th</p>
<p>Totally Free Web Graphics and Backgrounds &#8211; <a title="http://www.hooverwebdesign" href="http://www.hooverwebdesign">http://www.hooverwebdesign</a>&#8230;. RT: @vickylyn:7:08 AM Aug 19th</p>
<p>12 Useful Web Based Twitter Tools! &#8211; <a title="http://bit.ly/M6aUB" href="http://bit.ly/M6aUB">http://bit.ly/M6aUB</a> RT: @Minervity:7:08 AM Aug 19th</p>
<p>How to Create Stunning and Bold 3D Text #design <a title="http://bit.ly/c4dGx" href="http://bit.ly/c4dGx">http://bit.ly/c4dGx</a> RT: @webdesignjoy:7:08 AM Aug 19th</p>
<p>Mastering Photoshop With Paths <a title="http://bit.ly/ibqqC7:07" href="http://bit.ly/ibqqC7:07">http://bit.ly/ibqqC7:07</a> AM Aug 19th</p>
<p>10 Useful WordPress Hook Hacks <a title="http://bit.ly/3DixZ37:07" href="http://bit.ly/3DixZ37:07">http://bit.ly/3DixZ37:07</a> AM Aug 19th</p>
<p>Android GUI PSD Vector Kit <a title="http://bit.ly/1Muno7:06" href="http://bit.ly/1Muno7:06">http://bit.ly/1Muno7:06</a> AM Aug 19th</p>
<p>Taming Advanced CSS Selectors <a title="http://bit.ly/ZBMsZ7:06" href="http://bit.ly/ZBMsZ7:06">http://bit.ly/ZBMsZ7:06</a> AM Aug 19th</p>
<p>Free and Commercial Stock Photography Sites <a title="http://bit.ly/Bec9c7:05" href="http://bit.ly/Bec9c7:05">http://bit.ly/Bec9c7:05</a> AM Aug 19th</p>
<p>How To Effectively Communicate With Developers <a title="http://bit.ly/P8TZj7:05" href="http://bit.ly/P8TZj7:05">http://bit.ly/P8TZj7:05</a> AM Aug 19th</p>
<p>AnythingSlider jQuery Plugin. <a title="http://twurl.nl/bv45er" href="http://twurl.nl/bv45er">http://twurl.nl/bv45er</a> RT: @jasonwalz:11:00 AM Aug 17th</p>
<p>&#8220;Be prepared&#8221; with these edible business cards: <a title="http://bit.ly/11X4nM" href="http://bit.ly/11X4nM">http://bit.ly/11X4nM</a> RT: @DavidAirey:10:58 AM Aug 17th</p>
<p>Manipulate Smoke to Create Hyper-Real Images <a title="http://ow.ly/15LkAz" href="http://ow.ly/15LkAz">http://ow.ly/15LkAz</a> RT: @cheth: psdtuts+10:58 AM Aug 17th</p>
<p>The 13 Most Powerful Words In Marketing <a title="http://bit.ly/oW9nZ" href="http://bit.ly/oW9nZ">http://bit.ly/oW9nZ</a> RT: @Alvin: RT @the_gman: RT @phaoloo:10:58 AM Aug 17th</p>
<p>96 Typography Blogs &amp; Resources <a title="http://bit.ly/1XYVKZ" href="http://bit.ly/1XYVKZ">http://bit.ly/1XYVKZ</a> | Via @chadengle @thedayafter @behoff @evajais RT: @imjustcreative:10:57 AM Aug 17th</p>
<p>5 Best SEO Tips For Bloggers <a title="http://bit.ly/HRcvu" href="http://bit.ly/HRcvu">http://bit.ly/HRcvu</a> RT: @BuzzEdition: RT @phaoloo:10:57 AM Aug 17th</p>
<p>90 New And High Quality Photoshop Web Layout Tutorials <a title="http://bit.ly/5txlS" href="http://bit.ly/5txlS">http://bit.ly/5txlS</a> RT: @seanHodge:8:52 AM Aug 17th</p>
<p>How to Effectively Organize your Photoshop Layers | Webdesigner Depot <a title="http://bit.ly/13ypm1" href="http://bit.ly/13ypm1">http://bit.ly/13ypm1</a> *simple, but goog info RT: @seanHodge @tweetmeme8:52 AM Aug 17th</p>
<p>25 Amazing Inspirational Vector Illustrations <a title="http://bit.ly/hi3SU" href="http://bit.ly/hi3SU">http://bit.ly/hi3SU</a> RT: @spicydesign:8:28 AM Aug 17th</p>
<p>Taming Advanced #CSS Selectors <a title="http://bit.ly/TP7jd" href="http://bit.ly/TP7jd">http://bit.ly/TP7jd</a> RT: @spicydesign:8:28 AM Aug 17th</p>
<p>5 Best And Colorful Collection Of Dual-Screen Wallpapers : <a title="http://su.pr/18eZgc" href="http://su.pr/18eZgc">http://su.pr/18eZgc</a> (@SmashingApps) RT: @naldzgraphics: RT @naveedjavaid8:27 AM Aug 17th</p>
<p>40 Incredibly Inspirational Retro &amp; Vintage Photoshop Tutorials <a title="http://bit.ly/mRowl" href="http://bit.ly/mRowl">http://bit.ly/mRowl</a> RT: @PSDTUTS:7:49 AM Aug 17th</p>
<p>Creating Realistic Surreal Compositions <a title="http://icio.us/jvayr1" href="http://icio.us/jvayr1">http://icio.us/jvayr1</a> &#8211; RT @seitengestalter @PhotoshopPLUS @hashphotoshop: #photoshop #tutorial7:49 AM Aug 17th</p>
<p>11 Outstanding &amp; Fresh Blog Designs You Should Check Right Now <a title="http://bit.ly/15LHUf" href="http://bit.ly/15LHUf">http://bit.ly/15LHUf</a> RT: @Minervity: RT @buysellads:7:47 AM Aug 17th</p>
<p>53 Insanely Dark And Macabre Photo Manips To Scare Your Pants Off &#8211; <a title="http://bit.ly/3GYR5i" href="http://bit.ly/3GYR5i">http://bit.ly/3GYR5i</a> RT: @Minervity: RT @bkmacdaddy:7:46 AM Aug 17th</p>
<p>21 Total Mayhem Photoshop Tutorials &#8211; <a title="http://bit.ly/C66AJ" href="http://bit.ly/C66AJ">http://bit.ly/C66AJ</a> RT: @Minervity:7:15 AM Aug 17th</p>
<p>The Ultimate Collection of The Best Ornament Photoshop Brushes &#8211; <a title="http://bit.ly/16wCwV" href="http://bit.ly/16wCwV">http://bit.ly/16wCwV</a> RT: @Minervity:7:14 AM Aug 17th</p>
<p>10 User Interface Design Fundamentals via @carsonified <a title="http://bit.ly/GtAKP" href="http://bit.ly/GtAKP">http://bit.ly/GtAKP</a> RT: @designwashere:7:14 AM Aug 17th</p>
<p>27 Useful Logo Design Tutorials and Tips <a title="http://bit.ly/2nVQTv" href="http://bit.ly/2nVQTv">http://bit.ly/2nVQTv</a> RT: @designwashere: RT @VECTORTUTS:7:14 AM Aug 17th</p>
<p>38 Impressive Graphic Designer Portfolios ? Wanna have an Ideal Portfolio?? #design <a title="http://bit.ly/BBZVl" href="http://bit.ly/BBZVl">http://bit.ly/BBZVl</a> RT: @webdesignjoy:7:13 AM Aug 17th</p>
<p>30 HQ Shopping Cart Templates to Help You Sell: <a title="http://digg.com/d310yJM?t" href="http://digg.com/d310yJM?t">http://digg.com/d310yJM?t</a> RT: @styletime:7:13 AM Aug 17th</p>
<p>Building a Kick Ass Website or Web App &#8211; The Motherload of Resources &amp; Links: <a title="http://bit.ly/WV2if" href="http://bit.ly/WV2if">http://bit.ly/WV2if</a> RT: @gracesmith:7:13 AM Aug 17th</p>
<p>19 Firefox Add-ons For Designers <a title="http://bit.ly/JGh94" href="http://bit.ly/JGh94">http://bit.ly/JGh94</a> RT: @sitepointdotcom:7:12 AM Aug 17th</p>
<p>Super Cool Retro Poster in 10 Steps in Photoshop <a title="http://bit.ly/HfaA" href="http://bit.ly/HfaA">http://bit.ly/HfaA</a> RT: @paulogabriel: RT @PSDTUTS:7:12 AM Aug 17th</p>
<p>Useful Web Design E-Mail Newsletters <a title="http://bit.ly/3uMhpZ" href="http://bit.ly/3uMhpZ">http://bit.ly/3uMhpZ</a> RT: @styletime:7:12 AM Aug 17th</p>
<p>Can HTML Keep up with other RIA technologies? <a title="http://tinyurl.com/lrpsss" href="http://tinyurl.com/lrpsss">http://tinyurl.com/lrpsss</a> by @davidyack #html #ria #FlashDev RT: @AS3hash: RT @carlosfigueroa1:57 PM Aug 14th</p>
<p>InpsireMix | Your Daily Design Inspiration <a title="http://inspiremix.com/" href="http://inspiremix.com/">http://inspiremix.com/</a> RT: @Woork:1:57 PM Aug 14th</p>
<p>@gracesmith hey thx a lot for the #followfriday <img src='http://www.webdesignjunkies.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> )1:45 PM Aug 14th</p>
<p>InDesign Quick Tip: Indent To Here <a title="http://bit.ly/S7nJJ" href="http://bit.ly/S7nJJ">http://bit.ly/S7nJJ</a> RT: @VECTORTUTS:1:43 PM Aug 14th</p>
<p>10 Important Traits of a Great Blog Design: <a title="http://bit.ly/hLo3S" href="http://bit.ly/hLo3S">http://bit.ly/hLo3S</a> RT: @DesignerDepot:1:43 PM Aug 14th</p>
<p>6 Keys to Effectively Promoting Your Website Through a Blog: <a title="http://bit.ly/13lrbu" href="http://bit.ly/13lrbu">http://bit.ly/13lrbu</a> *Must read post RT: @gracesmith:1:42 PM Aug 14th</p>
<p>3D Tag Clouds Using jQuery &#8211; <a title="http://bit.ly/nCj7N" href="http://bit.ly/nCj7N">http://bit.ly/nCj7N</a> RT: @open4gjoomla:12:16 PM Aug 14th</p>
<p>how to make an old western wanted poster in #photoshop  http://bit.ly/HSV9n(via @100twits) RT: @hashphotoshop:10:52 AM Aug 14th</p>
<p>The 65 Most Annoying things about the Web Today | UXbyDesign.org &#8211; <a title="http://bit.ly/nJqnE" href="http://bit.ly/nJqnE">http://bit.ly/nJqnE</a> RT: @cheth:10:40 AM Aug 14th</p>
<p>20 Great Designs using Black &amp; White <a title="http://bit.ly/2Gar9x" href="http://bit.ly/2Gar9x">http://bit.ly/2Gar9x</a> RT: @cheth: I love black! <img src='http://www.webdesignjunkies.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  &gt;10:16 AM Aug 14th</p>
<p>25+ Astonishing Examples of Creative Photoshopped Ads: <a title="http://bit.ly/brwbi" href="http://bit.ly/brwbi">http://bit.ly/brwbi</a> RT: @cheth:10:16 AM Aug 14th</p>
<p>30+ Fantastic HDR Photos by Grey Jones: <a title="http://bit.ly/2pdL8F" href="http://bit.ly/2pdL8F">http://bit.ly/2pdL8F</a> RT: @cheth:10:16 AM Aug 14th</p>
<p>Top 30 Design Blogs for Great Tutorials &amp; Inspiration &#8211; <a title="http://tinyurl.com/o8c6e3" href="http://tinyurl.com/o8c6e3">http://tinyurl.com/o8c6e3</a> RT: @jasonwalz: Retweeting @TheWebBlend:9:23 AM Aug 14th</p>
<p>CSS3 rounded corners for every browser? An alternative quick solution without headache <a title="http://tinyurl.com/o28fxz" href="http://tinyurl.com/o28fxz">http://tinyurl.com/o28fxz</a> ★★★★★ RT: @Woork:9:23 AM Aug 14th</p>
<p>Create a Realistic Candle in Inkscape <a title="http://bit.ly/EGQic" href="http://bit.ly/EGQic">http://bit.ly/EGQic</a> RT: @VECTORTUTS:9:23 AM Aug 14th</p>
<p>7 Things You Can Do to Boost a Stagnant Freelancing Career &#8211; <a title="http://bit.ly/Q2NdZ" href="http://bit.ly/Q2NdZ">http://bit.ly/Q2NdZ</a> RT: @gracesmith: Level Up:9:22 AM Aug 14th</p>
<p>Creative Textures in Hi-Resolution for Print &amp; Screen. <a title="http://snurl.com/pvmpb" href="http://snurl.com/pvmpb">http://snurl.com/pvmpb</a> RT: @jasonwalz:9:04 AM Aug 14th</p>
<p>15 Awesome Inspiring Artworks by Nik Ainley. <a title="http://snurl.com/pvmq9" href="http://snurl.com/pvmq9">http://snurl.com/pvmq9</a> RT: @jasonwalz:9:04 AM Aug 14th</p>
<p>Best Photoshop Tutorials To Boost Your Skills! | Best Design &amp; Development Resources <a title="http://ow.ly/2bnUpZ" href="http://ow.ly/2bnUpZ">http://ow.ly/2bnUpZ</a> RT: @seanHodge: RT @antsmagazine8:15 AM Aug 14th</p>
<p>80+ Logo Designers Huge Essential Toolbox <a title="http://bit.ly/ed4Zy" href="http://bit.ly/ed4Zy">http://bit.ly/ed4Zy</a> RT: @spicydesign:8:15 AM Aug 14th</p>
<p>40+ Awesome Tutorials and Techniques For WordPress Theme Developers <a title="http://bit.ly/zMNfD" href="http://bit.ly/zMNfD">http://bit.ly/zMNfD</a> RT: @spicydesign:8:14 AM Aug 14th</p>
<p>21 Fonts That Shouldn’t Be Free…But Are! <a title="http://bit.ly/iF8NC" href="http://bit.ly/iF8NC">http://bit.ly/iF8NC</a> RT: @styletime: RT @gaksdesigns:8:14 AM Aug 14th</p>
<p>Photoshop Grunge Brushes &#8211; The Ultimate Collection <a title="http://bit.ly/NjzS2" href="http://bit.ly/NjzS2">http://bit.ly/NjzS2</a> RT: @designwashere:8:13 AM Aug 14th</p>
<p>8 Pivotal Developments in Web Typography <a title="http://bit.ly/22c87" href="http://bit.ly/22c87">http://bit.ly/22c87</a> RT: @webupd8: RT @yasendimov RT: @creattica:8:13 AM Aug 14th</p>
<p>Shadow Effect with CSS3 <a title="http://bit.ly/sB5ji" href="http://bit.ly/sB5ji">http://bit.ly/sB5ji</a> &lt;- text, box and rounder corners RT: @webupd8:8:13 AM Aug 14th</p>
<p>25 Awesome Slider Techniques NEED TO HAVE for any Web Developer <a title="http://bit.ly/eC99H" href="http://bit.ly/eC99H">http://bit.ly/eC99H</a> RT: @webupd8: RT @paviles RT @BebopDesigner:8:13 AM Aug 14th</p>
<p>6 jQuery growl-like notification systems <a title="http://is.gd/2gbK8" href="http://is.gd/2gbK8">http://is.gd/2gbK8</a> RT: @webupd8: RT @paviles RT @phpcamp:8:12 AM Aug 14th</p>
<p>35+ incredible Digital Abstract Arts <a title="http://ow.ly/k2k4" href="http://ow.ly/k2k4">http://ow.ly/k2k4</a> RT: @mistygirlph:8:12 AM Aug 14th</p>
<p>How Popular Website Designs Looked Like In Late 90’s : <a title="http://su.pr/1fM2c1" href="http://su.pr/1fM2c1">http://su.pr/1fM2c1</a> (via @SmashingApps) RT: @naldzgraphics: RT @naveedjavaid8:11 AM Aug 14th</p>
<p>5 Regular Expressions Every Web Programmer Should Know &#8211; <a title="http://bit.ly/TcVJe" href="http://bit.ly/TcVJe">http://bit.ly/TcVJe</a> RT: @smashingmag:8:10 AM Aug 14th</p>
<p>The Quest for Inspiration &#8211; <a title="http://bit.ly/uODLW" href="http://bit.ly/uODLW">http://bit.ly/uODLW</a> RT: @Minervity:8:10 AM Aug 14th</p>
<p>20 Beautiful Examples of Urban Decay Photography <a title="http://bit.ly/199XzK" href="http://bit.ly/199XzK">http://bit.ly/199XzK</a> RT: @andysowards: RT @r27 RT @PSDTUTS:8:10 AM Aug 14th</p>
<p>30 PHP Best Practices for Beginners <a title="http://bit.ly/NGaB9" href="http://bit.ly/NGaB9">http://bit.ly/NGaB9</a> RT: @andysowards:8:09 AM Aug 14th</p>
<p>40 Great Web Interface Design #Photoshop Tutorials &#8211; <a title="http://is.gd/2fhjA" href="http://is.gd/2fhjA">http://is.gd/2fhjA</a> (via @accessko)(via @EFranz13) RT: @hashphotoshop:8:09 AM Aug 14th</p>
<p>Free Hi-Res Swirls and Flourishes #Photoshop #Brushes:  http://bit.ly/zPcVb(via @writer_sheri) RT: @hashphotoshop:8:09 AM Aug  14th</p>
<p>The most creative and skilful corporate web designs of all times <a title="http://bit.ly/10y5p3" href="http://bit.ly/10y5p3">http://bit.ly/10y5p3</a> RT: @seanHodge:8:08 AM Aug 14th</p>
<p>20 Top Design Blogs Looking for Freelance Writers <a title="http://bit.ly/15a6Qx" href="http://bit.ly/15a6Qx">http://bit.ly/15a6Qx</a> RT: @styletime:8:08 AM Aug 14th</p>
<p>40 Fresh High-Quality Free Fonts For Your Designs | Fonts | instantShift <a title="http://bit.ly/2ynRta" href="http://bit.ly/2ynRta">http://bit.ly/2ynRta</a> RT: @seanHodge: RT @instantshift8:08 AM Aug 14th</p>
<p>40 Absolutely Stunning Dark #Ads <a title="http://bit.ly/Ke8X3" href="http://bit.ly/Ke8X3">http://bit.ly/Ke8X3</a> RT: @webupd8: RT @webdesign_news #Inspiration:8:07 AM Aug 14th</p>
<p>20 Free Keyword Research Tools – Comprehensive Insight <a title="http://bit.ly/UFKt5" href="http://bit.ly/UFKt5">http://bit.ly/UFKt5</a> RT: @webupd8: RT @webdesign_news #SEO:8:07 AM Aug 14th</p>
<p>15 Great Free Online File Sharing Alternatives #design <a title="http://bit.ly/u76g0" href="http://bit.ly/u76g0">http://bit.ly/u76g0</a> RT: @webdesignjoy:8:07 AM Aug 14th</p>
<p>20 portfolios from great logo designers &#8211; <a title="http://is.gd/2gEak" href="http://is.gd/2gEak">http://is.gd/2gEak</a> (via @mlane) *love some of these logo designers RT: @seanHodge: RT @VECTORTUTS:8:06 AM Aug 14th</p>
<p>How To Create the Photo Manipulation “Brightness Tomorrows” <a title="http://bit.ly/19nYGo" href="http://bit.ly/19nYGo">http://bit.ly/19nYGo</a> RT: @PSDTUTS:8:06 AM Aug 14th</p>
]]></content:encoded>
			<wfw:commentRss>http://www.webdesignjunkies.com/my-weekly-tweets-august-14th-to-august-20th/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Image-free CSS Tooltip Pointers &#8211; A Use for Polygonal CSS?</title>
		<link>http://www.webdesignjunkies.com/image-free-css-tooltip-pointers-a-use-for-polygonal-css</link>
		<comments>http://www.webdesignjunkies.com/image-free-css-tooltip-pointers-a-use-for-polygonal-css#comments</comments>
		<pubDate>Thu, 26 Mar 2009 13:50:38 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Css Js and Ajax]]></category>
		<category><![CDATA[Tips and tricks]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Web design]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[tooltips]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[pointers]]></category>

		<guid isPermaLink="false">http://www.webdesignjunkies.com/?p=54</guid>
		<description><![CDATA[
A while back, Tantek Celik released A Study of Regular Polygons,  which used a little-known CSS trick to create non-rectangular shapes  such as triangles and pentagons with nothing more than an ordinary HTML  element. The experiment is very interesting and really cool, but the  practical takeaway wasn’t immediately clear.
Recently however, we&#8217;ve [...]]]></description>
			<content:encoded><![CDATA[<div id="overview">
<p>A while back, Tantek Celik released <a href="http://tantek.com/CSS/Examples/polygons.html">A Study of Regular Polygons</a>,  which used a little-known CSS trick to create non-rectangular shapes  such as triangles and pentagons with nothing more than an ordinary HTML  element. The experiment is very interesting and really cool, but the  practical takeaway wasn’t immediately clear.</p>
<p>Recently however, we&#8217;ve been working on building the markup for <a href="http://wiki.jqueryui.com/">upcoming jQuery UI widgets</a>,  we came across a case that prompted us to take another look at the  technique. The tooltip widget design, fairly common in websites these  days, uses a small triangular &#8220;speech bubble&#8221; pointer that is typically  created quite easily with a background image. However, we wanted to  maintain our commitment to keeping our jQuery UI widgets entirely  themable, and using an image for that purpose wouldn&#8217;t fit with the  flexibility jQuery UI requires. How to solve this problem without any  need for images? That challenge led us to the experimental approach  using polygonal CSS, shown below.</div>
<h2>The Design Approach</h2>
<p>The <a href="http://wiki.jqueryui.com/Tooltip">jQuery UI planning wiki page</a> has several examples for the tooltips we intend to build into the  library. For this article though, we&#8217;re just focusing the following  simple tooltip design:</p>
<p><img src="http://www.filamentgroup.com/images/tooltipexample.png" alt="tooltip design example" width="418" /></p>
<p>The challenge in executing this for jQuery UI is that we&#8217;ll need to  pull it off without relying on images for the triangle shapes, because  the <a href="http://themeroller.com">jQuery UI CSS Framework</a> enables markup to be entirely re-themable, using an infinite  combination of backgrounds, borders, corner radius, and more. Using  custom images for the pointer triangles would never match the  flexibility and scalability of CSS alone. Since polygonal CSS can  create non-rectangular shapes without images, perhaps it can provide  the means to achieve our goal.</p>
<p>Polygonal CSS works by setting an element&#8217;s width to something small  and then setting thick borders on less than 4 sides. To make a triangle  shape, 2 of those borders have to have transparent color, essentially  masking out the one visible border at an angle in attempt to connect  corners.</p>
<p>The concept is easiest explained through a code sample. The following CSS will style a div into a red triangle:</p>
<p><a title="Css tooltip pointers" href="http://www.filamentgroup.com/lab/image_free_css_tooltip_pointers_a_use_for_polygonal_css/">READ THE WHOLE ARTICLE HERE</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.webdesignjunkies.com/image-free-css-tooltip-pointers-a-use-for-polygonal-css/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Designing Drop-Down Menus: Examples and Best Practices</title>
		<link>http://www.webdesignjunkies.com/designing-drop-down-menus-examples-and-best-practices</link>
		<comments>http://www.webdesignjunkies.com/designing-drop-down-menus-examples-and-best-practices#comments</comments>
		<pubDate>Wed, 25 Mar 2009 14:09:50 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Ajax Solutions]]></category>
		<category><![CDATA[Beautiful css designs]]></category>
		<category><![CDATA[Css Js and Ajax]]></category>
		<category><![CDATA[News & Trends]]></category>
		<category><![CDATA[Tips and tricks]]></category>
		<category><![CDATA[Web design]]></category>
		<category><![CDATA[css menus]]></category>
		<category><![CDATA[inspiration]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[drop down menu]]></category>

		<guid isPermaLink="false">http://www.webdesignjunkies.com/?p=41</guid>
		<description><![CDATA[As a general rule, most Web developers, especially usability enthusiasts, say it is bad practice to use drop-down menus because they are confusing, annoying and oftentimes dysfunctional. From  a design standpoint, however, drop-down menus are an excellent feature  because they help clean up a busy layout. If structured correctly,  drop-down menus can [...]]]></description>
			<content:encoded><![CDATA[<p>As a general rule, most Web developers, especially usability enthusiasts, say it is bad practice to use <strong>drop-down menus</strong> because they are confusing, annoying and oftentimes dysfunctional. From  a design standpoint, however, drop-down menus are an excellent feature  because they help clean up a busy layout. If structured correctly,  drop-down menus can be a great navigation tool, while still being a  usable and attractive design feature.</p>
<p>Yes, that&#8217;s right: drop-down navigation menus can be user-friendly. Just yesterday Jacob Nielsen the results of his recent <a href="http://www.useit.com/alertbox/mega-dropdown-menus.html">drop-down menus study</a>,  in which he found out that big, two-dimensional drop-down panels that  group navigation options help users to avoid scrolling and can  precisely explain the user&#8217;s choices with effective use of typography,  icons, and tooltips.</p>
<p><a href="http://www.smashingmagazine.com/2009/03/24/designing-drop-down-menus-examples-and-best-practices/"><img src="http://88.198.60.17/images/drop-down-menus/macstorm.gif" alt="Screenshot" width="416" /></a></p>
<p>In this article we take a closer look at the nature of <strong>drop-down navigation menus</strong>,  analyze situations in which they should or should not be used, discuss  various implementations and finally showcase a couple of bad and good  examples of such menus. The article also includes various tips and  suggestions to help you work with your drop-down menus.</p>
<p><a title="Designing drop-down menus" href="http://www.smashingmagazine.com/2009/03/24/designing-drop-down-menus-examples-and-best-practices/">READ THE WHOLE ARTICLE HERE</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.webdesignjunkies.com/designing-drop-down-menus-examples-and-best-practices/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Form elements 40 css js styling and functionality techniques</title>
		<link>http://www.webdesignjunkies.com/form-elements-40-css-js-styling-and-functionality-techniques</link>
		<comments>http://www.webdesignjunkies.com/form-elements-40-css-js-styling-and-functionality-techniques#comments</comments>
		<pubDate>Mon, 18 Aug 2008 16:55:40 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Css Js and Ajax]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[Form]]></category>
		<category><![CDATA[js]]></category>

		<guid isPermaLink="false">http://www.webdesignjunkies.com/?p=20</guid>
		<description><![CDATA[1-Styling dropdown select boxes- To style a dropdown select box is heavy work. This is an experiement on how you can style select box options items.

2-&#60;select&#62; Something New, Part 1-With a little DOM scripting and some creative CSS, you too can make your &#60;select&#62;s beautiful… and you won’t have to sacrifice accessibility, usability or graceful [...]]]></description>
			<content:encoded><![CDATA[<p>1-<a class="showcase" href="http://home.tiscali.nl/developerscorner/fdc-varia/styling-dropdown-boxes.htm">Styling dropdown select boxes</a>- To style a dropdown select box is heavy work. This is an experiement on how you can style select box options items.</p>
<p class="image-20"><a href="http://home.tiscali.nl/developerscorner/fdc-varia/styling-dropdown-boxes.htm"><img src="http://noupe.com/img/form-elements1.gif" alt="form field" /></a></p>
<hr />2-<a class="showcase" href="http://v2.easy-designs.net/articles/replaceSelect/">&lt;select&gt; Something New, Part 1</a>-With a little DOM scripting and some creative CSS, you too can make your &lt;select&gt;s beautiful… and you won’t have to sacrifice accessibility, usability or graceful degradation.</p>
<p class="image-20"><a href="http://v2.easy-designs.net/articles/replaceSelect/"><img src="http://noupe.com/img/form-elements2.jpg" alt="form field" /></a></p>
<hr /><span id="more-20"></span></p>
<p>3-<a class="showcase" href="http://www.456bereastreet.com/archive/200410/styling_even_more_form_controls/">Styling even more form controls</a>-There are a lot of controls that can be used in an HTML form. Roger Johansson offers an extensive report on the ways you can use CSS to style web form controls.</p>
<p class="image-20"><a href="http://www.456bereastreet.com/archive/200410/styling_even_more_form_controls/"><img src="http://noupe.com/img/form-elements3.jpg" alt="form field" /></a></p>
<hr />4-<a class="showcase" href="http://www.c82.net/posts.php?id=25">Check it, don’t select it</a>-The biggest problem with multiple-select boxes is that selecting multiple options is a pain, especially if there are enough to create a scrollbar within the box. Here is a good technique for replacing the cumbersome select box with a scrollable checklist. You can check the demo <a href="http://www.c82.net/samples/checklist-samples.html">here</a>.</p>
<p class="image-20"><a href="http://www.c82.net/posts.php?id=25"><img src="http://noupe.com/img/form-elements4.jpg" alt="form field" /></a></p>
<hr />5-<a class="showcase" href="http://weblog.morosystems.cz/ostatni/dropdown-xhtml-css-javascript-replacement-of-classic-selectbox">DropDown &#8211; xHTML/CSS/Javascript replacement of classic selectbox</a>-While there is no problem with styling input fields, styling selectbox is more complicated and solution isn’t perfect. This tutorial brought visualy better solution based on xHTML/CSS/Javascript called dropdowns.</p>
<p class="image-20"><a href="http://weblog.morosystems.cz/ostatni/dropdown-xhtml-css-javascript-replacement-of-classic-selectbox"><img src="http://noupe.com/img/form-elements5.gif" alt="form field" /></a></p>
<hr />6-<a class="showcase" href="http://digitalbush.com/projects/masked-input-plugin">Masked Input Plugin</a>- A masked input plugin for the jQuery javascript library. It allows a user to more easily enter fixed width input where you would like them to enter the data in a certain format (dates,phone numbers, etc). It has been tested on Internet Explorer 6/7, Firefox 1.5/2, Safari, and Opera.</p>
<p class="image-20"><a href="http://digitalbush.com/projects/masked-input-plugin"><img src="http://noupe.com/img/form-elements6.gif" alt="form field" /></a></p>
<hr />7-<a class="showcase" href="http://widowmaker.kiev.ua/checkbox/">Custom Checkbox with jQuery</a>- Provides the ability to customize the design of checkboxes in your web forms. You can use the default skin and the Safari skin which are provided with the package.</p>
<p class="image-20"><a href="http://widowmaker.kiev.ua/checkbox/"><img src="http://noupe.com/img/form-elements7.gif" alt="form field" /></a></p>
<hr />8-<a class="showcase" href="http://www.livevalidation.com/">LiveValidation</a>- LiveValidation is a small open source javascript library for making client-side validation quick, easy, and powerful. It comprises of two main parts. Firstly, it provides developers with a rich set of core validation methods, which can also be used outside the context of forms. Secondly, it provides your visitors with real-time validation information as they fill out forms, helping them to get it right first time, making the forms easier, quicker and less daunting to complete.</p>
<p class="image-20"><a href="http://www.livevalidation.com/"><img src="http://noupe.com/img/form-elements8.gif" alt="form field" /></a></p>
<hr />9-<a class="showcase" href="http://lipidity.com/fancy-form/">FancyForm</a>- FancyForm is a powerful checkbox replacement script used to provide the ultimate flexibility in changing the appearance and function of HTML form elements. It’s easy to use and degrades gracefully on all older, non-supporting browsers.</p>
<p class="image-20"><a href="http://lipidity.com/fancy-form/"><img src="http://noupe.com/img/form-elements9.jpg" alt="form field" /></a></p>
<hr />10-<a class="showcase" href="http://www.askthecssguy.com/2007/05/shawn_asks_the_css_guy_about_s_1.html">Styling disabled text inputs</a>- A disabled text input usually has a grayed-out look, and the value is not able to be modified by user input. Here is how you can style them. You can also check this demo page for different examples <a href="http://www.456bereastreet.com/lab/styling-form-controls-revisited/disabled/">Styling disabled form controls with CSS</a></p>
<p class="image-20"><a href="http://www.askthecssguy.com/2007/05/shawn_asks_the_css_guy_about_s_1.html"><img src="http://noupe.com/img/form-elements10.jpg" alt="form field" /></a></p>
<hr />11-<a class="showcase" href="http://www.no-margin-for-errors.com/projects/prettyCheckboxes/">PrettyCheckboxes</a>- A simple jQuery plugin to customize the checkboxes and radio buttons.</p>
<p class="image-20"><a href="http://www.no-margin-for-errors.com/projects/prettyCheckboxes/"><img src="http://noupe.com/img/form-elements11.jpg" alt="form field" /></a></p>
<hr />12-<a class="showcase" href="http://www.jankoatwarpspeed.com/post/2008/06/09/Building-a-better-web-forms-Context-highlighting-using-jQuery.aspx"> Building a better web forms: Context highlighting using jQuery</a>- Due to complexity of web appications, sometimes you often need to find a way to focus a user on a current context. Here is a nice way of achieving this effect. Check out the demo <a href="http://www.jankoatwarpspeed.com/examples/ContextHighlighting/">here</a></p>
<p class="image-20"><a href="http://www.jankoatwarpspeed.com/post/2008/06/09/Building-a-better-web-forms-Context-highlighting-using-jQuery.aspx"><img src="http://noupe.com/img/form-elements12.jpg" alt="form field" /></a></p>
<hr />13-<a class="showcase" href="http://livepipe.net/control/selectmultiple">Control.SelectMultiple</a> This control uses a combination of a standard select input, and a collection of checkbox inputs to create an alternative to the standard select multiple control. It’s primary benefit besides a vastly improved experience for selecting multiple items is that for single item selection, it behaves like a normal select input.</p>
<p class="image-20"><a href="http://livepipe.net/control/selectmultiple"><img src="http://noupe.com/img/form-elements41.gif" alt="form field" /></a></p>
<hr />14-<a class="showcase" href="http://www.jankoatwarpspeed.com/post/2008/07/09/Justify-elements-using-jQuery-and-CSS.aspx"> Justify elements using jQuery and CSS</a>- When creating a web form you have to make a functional and visually aligned layout. You can do so by justifing all labels to have the same width. And the simplest way to do this is to use jQuery.</p>
<p class="image-20"><a href="http://www.jankoatwarpspeed.com/post/2008/07/09/Justify-elements-using-jQuery-and-CSS.aspx"><img src="http://noupe.com/img/form-elements14.jpg" alt="form field" /></a></p>
<hr />15-<a class="showcase" href="http://mucur.name/posts/jquery-example">jQuery Form Input Example Plugin</a>- A jQuery plugin to specify examples within form inputs (i.e. text fields and text areas) that disappear on user focus. Check out the demo <a href="http://mucur.name/system/jquery_example/">here</a>.</p>
<p class="image-20"><a href="http://mucur.name/posts/jquery-example"><img src="http://noupe.com/img/form-elements15.jpg" alt="form field" /></a></p>
<hr />16-<a class="showcase" href="http://www.lousyllama.com/sandbox/jquery-autotab">Jquery-Autotab</a>- Autotab is a jQuery plugin that provides auto-tabbing and filtering on text fields in a form</p>
<p class="image-20"><a href="http://www.lousyllama.com/sandbox/jquery-autotab"><img src="http://noupe.com/img/form-elements16.jpg" alt="form field" /></a></p>
<hr />17-<a class="showcase" href="http://code.google.com/p/jquery-asmselect/">jquery-asmselect</a>- A progressive enhancement to “select multiple” form elements. Check out a demo <a href="http://www.ryancramer.com/projects/asmselect/examples/example2.html">here</a> and <a href="http://www.ryancramer.com/projects/asmselect/examples/example1.html">here</a>.</p>
<p class="image-20"><a href="http://code.google.com/p/jquery-asmselect/"><img src="http://noupe.com/img/form-elements17.gif" alt="form field" /></a></p>
<hr />18-<a class="showcase" href="http://pelicansareevil.com/jquery/addtolist/">jQuery.AddToList</a>- A very customisable plugin that hooks into select lists. An ‘open-form’ event or trigger value display a form (any dom element you specific, that contains a &lt;form&gt;). AddToList will then ajax submit the form, and if it’s successful, and a new item to your list. Check out a demo <a href="http://pelicansareevil.com/jquery/addtolist/examples/advanced.php">here</a>.</p>
<p class="image-20"><a href="http://pelicansareevil.com/jquery/addtolist/"><img src="http://noupe.com/img/form-elements18.gif" alt="form field" /></a></p>
<hr />19-<a class="showcase" href="http://blog.jeremymartin.name/2008/02/easy-multi-select-transfer-with-jquery.html">Easy Multi Select Transfer with jQuery</a>- A perfect example to demonstrate the simple and compact nature of jQuery coding allowing options to be traded from one multi select to another.</p>
<p class="image-20"><a href="http://blog.jeremymartin.name/2008/02/easy-multi-select-transfer-with-jquery.html"><img src="http://noupe.com/img/form-elements19.gif" alt="form field" /></a></p>
<hr />20-<a class="showcase" href="http://zendold.lojcomm.com.br/fvalidator/">fValidator</a>- fValidator is an open source (free) unobtrusive javascript tool for easy handling form validation. Check out the <a href="http://zendold.lojcomm.com.br/fvalidator/#selflink_examples">examples</a> here.</p>
<p class="image-20"><a href="http://zendold.lojcomm.com.br/fvalidator/"><img src="http://noupe.com/img/form-elements20.gif" alt="form field" /></a></p>
<hr />21-<a class="showcase" href="http://ejectmedia.net/examples/moo_textareas/">Grow a textarea</a>-Just make a form, and this script will add the ability to resize each textarea.</p>
<p class="image-20"><a href="http://ejectmedia.net/examples/moo_textareas/"><img src="http://noupe.com/img/form-elements21.gif" alt="form field" /></a></p>
<hr />22-<a class="showcase" href="http://www.brainfault.com/2008/02/10/new-release-of-jquery-selectbox-replacement/">jQuery selectbox replacement</a>- This is an unobtrusive jQuery plugin that allows you to replace the HTML select box with a styled dropdown menu. Check out the demo <a href="http://www.brainfault.com/demo/selectbox/0.5/">here</a>.</p>
<p class="image-20"><a href="http://www.brainfault.com/2008/02/10/new-release-of-jquery-selectbox-replacement/"><img src="http://noupe.com/img/form-elements22.gif" alt="form field" /></a></p>
<hr />23-<a class="showcase" href="http://www.frequency-decoder.com/2008/08/01/unobtrusive-slider-control-v2">Unobtrusive Slider Control V2</a>- Sliders can be associated with both text input and select list form elements. All of the slider’s configuration parameters should be defined within the associated form element’s className Check out the demo <a href="http://www.frequency-decoder.com/demo/slider-v2/">here</a>.</p>
<p class="image-20"><a href="http://www.frequency-decoder.com/2008/08/01/unobtrusive-slider-control-v2"><img src="http://noupe.com/img/form-elements23.gif" alt="form field" /></a></p>
<hr />24-<a class="showcase" href="http://www.pengoworks.com/workshop/jquery/field/field.plugin.htm"> jQuery Field Plug-in</a>- This plugin greatly expands the ability to retrieve and set values in forms beyond jQuery&#8217;s standard val() method (and Mike Alsup&#8217;s Form Plug-in&#8217;s fieldArray() method) by allowing you to interact with all types of form field elements (except input[@type="file"], which is a read-only element.) It works the same way for text elements as it does for radio, checkbox and select elements.</p>
<p class="image-20"><a href="http://www.pengoworks.com/workshop/jquery/field/field.plugin.htm"><img src="http://noupe.com/img/form-elements24.gif" alt="form field" /></a></p>
<hr />25-<a class="showcase" href="http://jquery.sanchezsalvador.com/page/jquerycombobox.aspx">jquery.combobox</a>- jquery.combobox is an unobtrusive way of creating a HTML type combobox from a existing HTML Select element(s).<br />
A combobox is technically a ‘Select’ HTML element. Check out the demo <a href="http://jquery.sanchezsalvador.com/jquery/page/jquerycomboboxexamplealternatestyle.aspx">here</a>.</p>
<p class="image-20"><a href="http://jquery.sanchezsalvador.com/page/jquerycombobox.aspx"><img src="http://noupe.com/img/form-elements25.gif" alt="form field" /></a></p>
<hr />26-<a class="showcase" href="http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/">Checkboxes, Radio Buttons, Select Lists, Custom HTML Form Elements</a>- This JavaScript and CSS will allow you to use custom images for checkboxes, radio buttons and select lists.</p>
<p class="image-20"><a href="http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/"><img src="http://noupe.com/img/form-elements26.gif" alt="form field" /></a></p>
<hr />27-<a class="showcase" href="http://grzegorz.frydrychowicz.net/jquery_toggleformtext/">ToggleFormText plug-in example</a>- ToggleFormText is a jQuery plugin to enable help text for input fields.</p>
<p class="image-20"><a href="http://grzegorz.frydrychowicz.net/jquery_toggleformtext/"><img src="http://noupe.com/img/form-elements27.gif" alt="form field" /></a></p>
<hr />28-<a class="showcase" href="http://testcases.pagebakers.com/PasswordMeter/">Password field with strength meter</a>- Password strength meter extension class for the extjs library.</p>
<p class="image-20"><a href="http://testcases.pagebakers.com/PasswordMeter/"><img src="http://noupe.com/img/form-elements28.gif" alt="form field" /></a></p>
<hr />29-<a class="showcase" href="http://www.shauninman.com/archive/2007/09/10/styling_file_inputs_with_css_and_the_dom">STYLING FILE INPUTS WITH CSS AND THE DOM</a>- File inputs are the bane of beautiful form design. No rendering engine provides the granular control over their presentation designers desire. This simple, three-part progressive enhancement provides the markup, CSS, and JavaScript to address the long-standing irritation.</p>
<p class="image-20"><a href="http://www.shauninman.com/archive/2007/09/10/styling_file_inputs_with_css_and_the_dom"><img src="http://noupe.com/img/form-elements29.gif" alt="form field" /></a></p>
<hr />30-<a class="showcase" href="http://ajax.phpmagazine.net/2007/04/pin_plugin_for_prototype_remem.html">Pin plugin for Prototype, Remember Field’s Values</a>- Pin plugin for prototype which aims to remember some field’s values. Check out the demo <a href="http://www.phpmagazine.net/demo/pin/">here</a>.</p>
<p class="image-20"><a href="http://ajax.phpmagazine.net/2007/04/pin_plugin_for_prototype_remem.html"><img src="http://noupe.com/img/form-elements30.gif" alt="form field" /></a></p>
<hr />31-<a class="showcase" href="http://mediavrog.net/development/mootools/customFormElements/1.8b/">accessible, javascript-enhanced, css-able form elements for mootools</a>- A javascript-class (based on mootools) customFormElements, which gives you the opportunity to style your own checkboxes and radiobuttons via css.</p>
<p class="image-20"><a href="http://mediavrog.net/development/mootools/customFormElements/1.8b/"><img src="http://noupe.com/img/form-elements31.gif" alt="form field" /></a></p>
<hr />32-<a class="showcase" href="http://blog.paranoidferret.com/index.php/2007/10/02/javascript-tutorial-resizeable-textboxes/">Resizeable Textboxes</a>- What we are going to create today is a textbox with resize handles on the bottom, right, and bottom-right corner. The resize handles do what you might expect &#8211; grabbing the right edge will let you resize the width, grabbing the bottom will let you resize the height, and grabbing the corner will let you resize either.</p>
<p class="image-20"><a href="http://blog.paranoidferret.com/index.php/2007/10/02/javascript-tutorial-resizeable-textboxes/"><img src="http://noupe.com/img/form-elements32.gif" alt="form field" /></a></p>
<hr />33-<a class="showcase" href="http://www.appelsiini.net/projects/filestyle">Resizeable Textboxes</a>- Browsers do not let you style file inputs. File Style plugin fixes this problem. It enables you to use image as browse button. You can also style filename field as normal textfield using css. It is written using JavaScript and jQuery. Check out the demo <a href="http://www.appelsiini.net/projects/filestyle/demo.html">here</a>.</p>
<p class="image-20"><a href="http://www.appelsiini.net/projects/filestyle"><img src="http://noupe.com/img/form-elements33.gif" alt="form field" /></a></p>
<hr />34-<a class="showcase" href="http://itgroup.com.ph/alphanumeric/">jQuery AlphaNumeric</a>- jQuery AlphaNumeric is a javascript control plugin that allows you to limit what characters a user can enter on textboxes or textareas.</p>
<p class="image-20"><a href="http://itgroup.com.ph/alphanumeric/"><img src="http://noupe.com/img/form-elements34.gif" alt="form field" /></a></p>
<hr />35-<a class="showcase" href="http://lab.digimute.com/">Mootools Form Hints</a>- Mootools/Javascript Form Helper<br />
Allows inline help in form input fields.</p>
<p class="image-20"><a href="http://lab.digimute.com/"><img src="http://noupe.com/img/form-elements35.gif" alt="form field" /></a></p>
<hr />36-<a class="showcase" href="http://lab.arc90.com/2007/07/multiselect.php">MultiSelect</a>- MutliSelect is a clean way to display a drop down and allow multiple options to be selected with just the mouse and without taking up more room that you need. With just a single line of code, MultiSelect styles up any select with a new and simple drop down. Check out the example <a href="http://lab.arc90.com/tools/multiselect/">here</a>.</p>
<p class="image-20"><a href="http://lab.arc90.com/2007/07/multiselect.php"><img src="http://noupe.com/img/form-elements36.gif" alt="form field" /></a></p>
<hr />37-<a class="showcase" href="http://digitalbush.com/projects/watermark-input-plugin/"> Watermark Input Plugin</a>- This is a watermark input plugin for jQuery. Currently this is a beta release. This simple plugin allows forms with limited space to display additional information about the contents of a field.</p>
<p class="image-20"><a href="http://digitalbush.com/projects/watermark-input-plugin/"><img src="http://noupe.com/img/form-elements37.gif" alt="form field" /></a></p>
<hr />38-<a class="showcase" href="http://www.texotela.co.uk/code/jquery/select/">Select box manipulation</a></p>
<p class="image-20"><a href="http://www.texotela.co.uk/code/jquery/select/"><img src="http://noupe.com/img/form-elements38.gif" alt="form field" /></a></p>
<hr />39-<a class="showcase" href="http://kendsnyder.com/sandbox/Spinner/demo.1.0.html">Spinner Control</a> How to integrate Spinner control on your form inputs.</p>
<p class="image-20"><a href="http://kendsnyder.com/sandbox/Spinner/demo.1.0.html"><img src="http://noupe.com/img/form-elements39.gif" alt="form field" /></a></p>
<hr />40-<a class="showcase" href="http://www.dyve.net/jquery/?autohelp">Autohelp</a> Sometimes it’s important to tell the user what’s expected of him. Especially when filling out a complicated form. This plugin uses the title attribute to display help in a separate DOM element.</p>
<p class="image-20"><a href="http://www.dyve.net/jquery/?autohelp"><img src="http://noupe.com/img/form-elements40.gif" alt="form field" /></a></p>
<hr />41-<a class="showcase" href="http://www.adelaidewebdesigns.com/2008/08/01/adelaide-web-designs-releases-customselect-with-icons/">Custom Select boxes with jquery</a> &#8211; A working example of a jquery custom select box with icons. Check out the demo here</p>
<p class="image-20"><a href="http://www.acewebdesign.com.au/customselect.php"><img src="http://noupe.com/img/form-elements43.jpg" alt="form field" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.webdesignjunkies.com/form-elements-40-css-js-styling-and-functionality-techniques/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
