<?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>!엔죠라이프 블로그 &#187; CSS</title>
	<atom:link href="http://www.esll.net/blog/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.esll.net/blog</link>
	<description>Life is beautiful</description>
	<lastBuildDate>Sun, 01 Jan 2012 06:56:34 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>53css</title>
		<link>http://www.esll.net/blog/2007/07/53css/</link>
		<comments>http://www.esll.net/blog/2007/07/53css/#comments</comments>
		<pubDate>Mon, 16 Jul 2007 01:51:04 +0000</pubDate>
		<dc:creator>!엔죠라이프</dc:creator>
				<category><![CDATA[잡동사니]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.esll.net/blog/2007/07/53css/</guid>
		<description><![CDATA[1. CSS Based Navigation //基于CSS的导航 2. Navigation Matrix Reloaded //导航矩块翻转 3. CSS Tabs //CSS标签 4. CSS Bar Graphs //CSS条状图表 5. Collapsing Tables: An Example //压缩表格：一个实例 6. Adam’s Radio &#38; Checkbox Customisation Method //亚当的单选框和复选框的用户化方法 7. CSS Image Replacement //CSS图像替代 8. CSS Shadows(CSS Shadows Roundup) //CSS阴影（CSS阴影综述） 9. CSS Rounded Corners Roundup (Nifty Corners) //CSS圆角综述（漂亮的拐角） 10. Drop Cap-Capital [...]]]></description>
			<content:encoded><![CDATA[<div class="cnt" twffan="done">
<p><strong>1. </strong><a href="http://www.nundroo.com/navigation/" target="_blank"><strong><font color="#800080">CSS Based Navigation</font></strong></a><strong> //基于CSS的导航</p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/c835x33737ra.gif" twffan="done" border="0"></strong></p>
</p></div>
</p>
<p>            <strong></p>
<p class="cnt" twffan="done">
<p>2. <a href="http://superfluousbanter.org/archives/2004/05/navigation-matrix-reloaded/" target="_blank"><strong>Navigation Matrix Reloaded </strong></a><strong>//导航矩块翻转</strong></p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/a12405p1qm83.gif" twffan="done" border="0"></p>
<p></strong><strong>
<p class="cnt" twffan="done">
<p><strong>3. <a href="http://exploding-boy.com/images/cssmenus/menus.html" target="_blank">CSS Tabs</a> //CSS标签</strong></p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/krw498461yh3.gif" twffan="done" border="0"></p>
<p><strong>4. <a href="http://www.khmerang.com/index.php?p=118" target="_blank">CSS Bar Graphs</a> //CSS条状图表</strong></p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/f7op27awu5o3.gif" twffan="done" border="0"></p>
<p><strong>5. <a href="http://icant.co.uk/sandbox/footercollapsetables/" target="_blank">Collapsing Tables: An Example</a> //压缩表格：一个实例</strong></p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/u6cwwqof071j.gif" twffan="done" border="0"></p>
<p>            </strong></p>
<p class="cnt" twffan="done"><strong>6. </strong><a href="http://www.flog.co.nz/lab/ARC/ARC.htm" target="_blank"><strong>Adam’s Radio &amp; Checkbox Customisation Method</strong></a><strong> //亚当的单选框和复选框的用户化方法</p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/0730ku9h467q.gif" twffan="done" border="0"></p>
<p>7. </strong><a href="http://www.mezzoblue.com/tests/revised-image-replacement/" target="_blank"><strong><font color="#800080">CSS Image Replacement</font></strong></a><strong> //CSS图像替代</strong></p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/1z668ru87v5f.gif" twffan="done" border="0"></p>
<p><strong>8. <a href="http://theshapeofdays.com/2005/11/my_contribution.html" target="_blank">CSS Shadows</a>(<a href="http://web-graphics.com/mtarchive/001589.php" target="_blank">CSS Shadows Roundup</a>) //CSS阴影（CSS阴影综述）</strong></p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/5o0249597775.gif" twffan="done" border="0"></p>
<p><strong>9. <a href="http://www.smileycat.com/miaow/archives/000044.html" target="_blank">CSS Rounded Corners Roundup</a> (<a href="http://www.html.it/articoli/nifty/index.html" target="_blank">Nifty Corners</a>) //CSS圆角综述（漂亮的拐角）</strong></p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/9ijh29o756ci.gif" twffan="done" border="0"></p>
<p><strong>10. <a href="http://www.mandarindesign.com/troops.html" target="_blank">Drop Cap-Capital Letters with CSS</a> //用CSS实现首字母下沉</strong></p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/f4v2c47nd2y9.gif" twffan="done" border="0"></p>
<p class="cnt" twffan="done"><strong>11. </strong><a href="http://www.mandarindesign.com/troops.html#opacitybackgroundhard" target="_blank"><strong>Define Image Opacity with CSS</strong></a><strong> //用CSS定义图像半透明</p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/4z3gpo41xcmw.gif" twffan="done" border="0"></p>
<p>12. </strong><a href="http://www.smileycat.com/miaow/archives/000230.html" target="_blank"><strong>How to Create a Block Hover Effect for a List of Links</strong></a><strong> //如何给链接列表创建鼠标悬停的区块效果</strong></p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/7qg728n91si7.gif" twffan="done" border="0"></p>
<p><strong>13. <a href="http://www.sitepoint.com/test/pullquote.htm" target="_blank">Pullquotes with CSS</a> (<a href="http://www.456bereastreet.com/archive/200609/automatic_pullquotes_with_%20_and_css/" target="_blank">Automatic Pullquotes with JavaScript and CSS</a>) //用CSS实现引用（用JavaScript和CSS实现自动引用）</strong></p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/w80h3380usw0.gif" twffan="done" border="0"></p>
<p><strong>14. <a href="http://www.surfare.net/%7Etoolman/temp/diagram.html" target="_blank">CSS Diagrams</a> //CSS图表</strong></p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/9p7728x5nm5e.gif" twffan="done" border="0"></p>
<p><strong>15.<a href="http://couchfort.net/article/59/css-curves" target="_blank">CSS Curves</a> //CSS曲线</strong></p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/kw5u8gtbyxou.gif" twffan="done" border="0"></p>
<p class="cnt" twffan="done">16. <strong><a href="http://www.themaninblue.com/experiment/footerStickAlt/" target="_blank">Footer Stick</a></strong>allows<br />
for the footer of a Web page to appear either at the bottom of the<br />
browser window or the bottom of the Web page content – whichever is<br />
visually lowest.</p>
<p>页脚帖允许一个网站页面的页脚显示在在浏览器窗口的底部或者网站页面内容的底部中实际最底的一个。</p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/7939z41v09ad.gif" twffan="done" border="0"></p>
<p><strong>17. <a href="http://www.frankmanno.com/ideas/css-imagemap/" target="_blank">CSS Image Map</a> //CSS图像地图</strong></p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/7yy04v62451s.gif" twffan="done" border="0"></p>
<p><strong>18. <a href="http://moneytreesystems.com/css/picpopup.html" target="_blank">CSS Image Pop-Up</a> //CSS图像弹出</strong></p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/1uf5x8yh5tv1.gif" twffan="done" border="0"></p>
<p><strong>19.<a href="http://specere.net/blogs/?p=4" target="_blank">CSS Image Preloader</a> //CSS图像预载</strong></p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/4l3811rq7n4c.gif" twffan="done" border="0"></p>
<p><strong>20. <a href="http://www.ampsoft.net/webdesign-l/image-button.html" target="_blank">CSS Image Replacement for Buttons</a> //CSS按钮的图片替换</strong></p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/x89o9a577pf7.gif" twffan="done" border="0"></p>
<p class="cnt" twffan="done"><strong>21.</strong><a href="http://lab.arc90.com/2006/07/link_thumbnail.php" target="_blank"><strong>Link Thumbnail</strong></a><strong> //链接缩略图</p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/8565ao48s9f8.gif" twffan="done" border="0"></p>
<p>22. </strong><a href="http://mikecherim.com/experiments/css_map_pop.php" target="_blank"><strong>CSS Map Pop</strong></a><strong> //CSS地图提示</strong></p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/01eih29id0zn.gif" twffan="done" border="0"></p>
<p><strong>23. <a href="http://mikecherim.com/gbcms_xml/news_page.php?id=12" target="_blank">PHP-based CSS Style Switcher</a> //基于PHP的CSS样式改变</strong></p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/k5g5fs86r90b.gif" twffan="done" border="0"></p>
<p><strong>24. <a href="http://mikecherim.com/gbcms_xml/news_page.php?id=0" target="_blank">CSS Unordered List Calender</a> (<a href="http://veerle.duoh.com/blog/comments/a_css_styled_calendar/" target="_blank">CSS Styled Calender</a>) //CSS无序列表日历（CSS设计的日历）</strong></p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/760tk0b9038q.gif" twffan="done" border="0"></p>
<p><strong>25. <a href="http://www.smashingmagazine.com/2006/11/11/css-based-forms-modern-solutions/" target="_blank">CSS-Based Forms: Techniques</a> //基于CSS的表单：技巧</strong></p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/sj80w6qn449o.gif" twffan="done" border="0"></p>
<p class="cnt" twffan="done"><strong>26. </strong><a href="http://www.smashingmagazine.com/2006/12/29/css-based-tables-modern-solutions/" target="_blank"><strong>CSS-Based Tables: Techniques</strong></a><strong> //基于CSS的表格：技巧</p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/3p35ji480114.gif" twffan="done" border="0"></p>
<p>27. </strong><a href="http://css-discuss.incutio.com/?page=PrintStylesheets" target="_blank"><strong>Printing Web-Documents and CSS</strong></a><strong> //打印网站文档和CSS</strong></p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/9a991iurvn4p.gif" twffan="done" border="0"></p>
<p><strong>28. <a href="http://www.alistapart.com/articles/improvingprint/" target="_blank">Improved Links-Display for Print-Layouts with CSS</a> //用CSS改良打印布局的链接显示</strong></p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/j75n4l0o6h4s.gif" twffan="done" border="0"></p>
<p><strong>29. <a href="http://www.ukthoughts.co.uk/journal/css-submit-buttons" target="_blank">CSS-Submit Buttons</a> //CSS提交按钮</strong></p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/lduirplp73g5.gif" twffan="done" border="0"></p>
<p><strong>30. <a href="http://www.456bereastreet.com/lab/teaser/" target="_blank">CSS Teaser Box</a> //CSS内容摘要盒子</strong></p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/7sw5v7sqgipm.gif" twffan="done" border="0"></p>
<p class="cnt" twffan="done"><strong>31. </strong><a href="http://www.macworld.com/2005/12/secrets/januarycreate/index.php" target="_blank"><strong>CSS Tricks for Custom Bullets</strong></a><strong> //对于定义式列表的CSS窍门</p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/np11xbw46rsf.gif" twffan="done" border="0"></p>
<p>32. </strong><a href="http://www.colly.com/index.php?/weblog/comments/ticked_off_links_reloaded" target="_blank"><strong>Ticked Off Links Reloaded</strong></a><strong> //用记号标出翻转的链接</strong></p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/602tt489p4m0.gif" twffan="done" border="0"></p>
<p><strong>33. <a href="http://www.deltatangobravo.com/images/zoom/" target="_blank">CSS Zooming</a> //CSS缩放</strong></p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/z2bo58fqoi6x.gif" twffan="done" border="0"></p>
<p><strong>34. <a href="http://komodomedia.com/blog/index.php/2005/08/24/creating-a-star-rater-using-css/" target="_blank">Creating a Star Rater using CSS</a> //用CSS创建星型评价</strong></p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/ep41tl3pg8d2.gif" twffan="done" border="0"></p>
<p><strong>35. <a href="http://webdesign.maratz.com/lab/visited_links_styling/" target="_blank">The ways to style visited Links</a> //设计浏览过链接的方法</strong></p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/p271p0o56gs0.gif" twffan="done" border="0"></p>
<p class="cnt" twffan="done"><strong>36. </strong><a href="http://webdesign.maratz.com/lab/pdf_links_labeling/" target="_blank"><strong>PDF, ZIP, DOC Links Labeling </strong></a><strong>//PDF,ZIP,DOC链接的标注</p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/2k69zll174x8.gif" twffan="done" border="0"></p>
<p>37. </strong><a href="http://www.barenakedapp.com/the-design/displaying-percentages" target="_blank"><strong>Displaying Percentages with CSS</strong></a><strong> //用CSS显示百分比</strong></p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/t44nb7u9l1f3.gif" twffan="done" border="0"></p>
<p><strong>38. <a href="http://ghettocooler.net/2005/11/13/image-floats-without-the-text-wrap/" target="_blank">Image Floats without the Text Wrap</a> //没有被正文包围的浮动图片</strong></p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/7h4y2f939r85.gif" twffan="done" border="0"></p>
<p><strong>39. <a href="http://webdesign.maratz.com/lab/new_window_link/" target="_blank">Let visitors decide, whether or not will they open link in a new window</a> //让访问者决定，是否会在新窗口带开链接</strong></p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/r630yr9o5uw2.gif" twffan="done" border="0"></p>
<p><strong>40. <a href="http://www.maxdesign.com.au/presentation/external/" target="_blank">Simple accessible external links</a> //简单易用的外部链接</strong></p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/pn079qp6j49w.gif" twffan="done" border="0"></p>
<p class="cnt" twffan="done"><strong>41. </strong><a href="http://24ways.org/2005/splintered-striper" target="_blank"><strong>Zebra Table with JavaScript and CSS</strong></a><strong> //用JavaScript和CSS实现多条纹的表格</p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/f56srmg188nc.gif" twffan="done" border="0"></p>
<p>42. </strong><a href="http://www.jakpsatweb.cz/css/css-vertical-center-solution.html" target="_blank"><strong>Vertical Centering with CSS</strong></a><strong> (</strong><a href="http://www.456bereastreet.com/lab/centered/both/" target="_blank"><strong>Horizontal and Vertical Centering with CSS</strong></a><strong>) //用CSS实现垂直居中（用CSS实现水平和垂直居中）</strong></p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/2w078x994d8l.gif" twffan="done" border="0"></p>
<p><strong>43. <a href="http://lab.arc90.com/2006/05/unobtrusive_sidenotes.php" target="_blank">Unobtrusive Sidenotes</a> //不引人注目的旁注</strong></p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/982a3t8wo2pu.gif" twffan="done" border="0"></p>
<p><strong>44. <a href="http://lab.arc90.com/2006/07/image_caption_1.php" target="_blank">Image Caption with CSS</a> (<a href="http://www.boagworld.com/archives/2006/07/styled_images_with_caption.html" target="_blank">Styled Images with Caption</a>) //用CSS实现图像说明（设计给图像加上说明）</strong></p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/wev3296p8wg5.gif" twffan="done" border="0"></p>
<p><strong>45. <a href="http://petewilliamsagency.com/css/examples/pie/" target="_blank">Dynamic Piechart with CSS</a> //用CSS实现动态饼图</strong></p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/d0b503uvrsmv.gif" twffan="done" border="0"></p>
<p class="cnt" twffan="done"><strong>46. </strong><a href="http://www.brandspankingnew.net/archive/2005/07/format_footnote.html" target="_blank"><strong>Format Footnotes with CSS</strong></a><strong> //用CSS实现布局脚注</p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/8q22f42c5a83.gif" twffan="done" border="0"></p>
<p>47. </strong><a href="http://www.alexandersperl.de/tutorials/css/sitemap.html" target="_blank"><strong>Hierarchical Sitemap with CSS</strong></a><strong> //用CSS实现分等级的网站地图</strong></p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/5p80wz3prus9.gif" twffan="done" border="0"></p>
<p><strong>48. <a href="http://www.colly.com/index.php?/weblog/comments/snooks_resizable_underlines/" target="_blank">Snook’s Resizable Underlines</a> //史鲁克的可改变大小的下划线</strong></p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/o2n655f4341z.gif" twffan="done" border="0"></p>
<p><strong>49. <a href="http://www.alistapart.com/articles/switchymclayout" target="_blank">Switchy McLayout: An Adaptive Layout Technique</a> //马克布局改变: 一个自适应布局的技巧</strong></p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/6q325s9s62go.gif" twffan="done" border="0"></p>
<p><strong>50. <a href="http://www.scottjehl.com/v7/index.php/process/stylemap_visual_sitemap/" target="_blank">StyleMap: CSS+HTML Visual Sitemap</a> //样式地图：CSS+HTML 形象化的网站地图</strong></p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/15mvf1l69b30.gif" twffan="done" border="0"></p>
<p>
<p class="cnt" twffan="done"><strong>51. </strong><a href="http://www.devlounge.net/articles/custom-reading-width-beta" target="_blank"><strong>Custom Reading Width</strong></a><strong> //自定义阅读宽度</p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/y42444u5xeg7.gif" twffan="done" border="0"></p>
<p>52. </strong><a href="http://www.bioneural.net/2006/04/01/create-a-valid-css-alert-message/" target="_blank"><strong>CSS Alert Message</strong></a><strong> //CSS提示信息</strong></p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/lpu6kf4ae0h4.gif" twffan="done" border="0"></p>
<p><strong>53. <a href="http://24ways.org/2006/css-production-notes" target="_blank">CSS Production Notes</a> //CSS产品注释</strong></p>
<p><img style="cursor: pointer;" title="在新窗口打开图片" alt="" src="http://homepage.yesky.com/imagelist/2007/064/a3qmvicd2391.gif" twffan="done" border="0"></p>
<p>from yesky</p>
]]></content:encoded>
			<wfw:commentRss>http://www.esll.net/blog/2007/07/53css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HAND BOOK</title>
		<link>http://www.esll.net/blog/2006/04/hand-book/</link>
		<comments>http://www.esll.net/blog/2006/04/hand-book/#comments</comments>
		<pubDate>Fri, 28 Apr 2006 05:38:47 +0000</pubDate>
		<dc:creator>!엔죠라이프</dc:creator>
				<category><![CDATA[잡동사니/IT일반, 서버]]></category>
		<category><![CDATA[Color Tools]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Developer]]></category>
		<category><![CDATA[Tag]]></category>

		<guid isPermaLink="false">http://www.esll.net/blog/2006/04/hand-book/</guid>
		<description><![CDATA[// creativity [ uncontrol ] Be Creative! BIT-101 Lab Creativity techniques and creative tools for problem solving Design Directory &#124; made by designers for designers Design Link Database Design Snack Designologue Digitalrefueler Dislexicon v0.3 e-CREATIVE AWARDS gapingvoid: how to be creative (latest version) glenmurphy.com How to pitch an idea Internet Vibes LOUNGE72 &#8211; Design portal [...]]]></description>
			<content:encoded><![CDATA[<p><span class="head"><a href="#" name="creativity">// creativity</a></span></p>
<div class="block"></p>
<ul></p>
<li><a href="http://www.uncontrol.com" rel="tag">[ uncontrol ]</a></li>
<p></p>
<li><a href="http://www.creativity-portal.com/becreative/" rel="tag">Be Creative!</a></li>
<p></p>
<li><a href="http://www.bit-101.com" rel="tag">BIT-101 Lab</a></li>
<p></p>
<li><a href="http://www.mycoted.com/creativity/techniques/index.php" rel="tag">Creativity techniques and creative tools for problem solving</a></li>
<p></p>
<li><a href="http://directory.designer.am/" rel="tag">Design Directory | made by designers for designers</a></li>
<p></p>
<li class="red"><a href="http://www.designlinkdatabase.net/" rel="tag">Design Link Database</a></li>
<p></p>
<li><a href="http://www.designsnack.com/" rel="tag">Design Snack</a></li>
<p></p>
<li><a href="http://www.designologue.com" rel="tag">Designologue</a></li>
<p></p>
<li class="red"><a href="http://www.digitalrefueler.com/" rel="tag">Digitalrefueler</a></li>
<p></p>
<li><a href="http://www.robobunny.com/cgi-bin/dislexicon" rel="tag">Dislexicon v0.3</a></li>
<p></p>
<li><a href="http://www.e-creative.net/freelancers.asp" rel="tag">e-CREATIVE AWARDS</a></li>
<p></p>
<li><a href="http://www.gapingvoid.com/Moveable_Type/archives/001760.html" rel="tag">gapingvoid: how to be creative (latest version)</a></li>
<p></p>
<li><a href="http://www.glenmurphy.com" rel="tag">glenmurphy.com</a></li>
<p></p>
<li><a href="http://www.scottberkun.com/essays/essay38.htm" rel="tag">How to pitch an idea</a></li>
<p></p>
<li class="red"><a href="http://www.internetvibes.net/" rel="tag">Internet Vibes</a></li>
<p></p>
<li class="red"><a href="http://www.lounge72.com/root/" rel="tag">LOUNGE72 &#8211; Design portal &amp; ezine</a></li>
<p></p>
<li class="red"><a href="http://www.netdiver.net/" rel="tag">Netdiver</a></li>
<p></p>
<li><a href="http://www.onelook.com/reverse-dictionary.shtml" rel="tag">OneLook Reverse Dictionary</a></li>
<p></p>
<li class="red"><a href="http://www.pixelmakers.net/" rel="tag">PixelMakers</a></li>
<p></p>
<li><a href="http://www.portfolioexhibition.com/" rel="tag">Portfolio Exhibition (The Best of Portfolio Design)</a></li>
<p></p>
<li class="red"><a href="http://www.plasticpilots.com/" rel="tag">plasticpilots</a></li>
<p></p>
<li><a href="http://www.processing.org" rel="tag">Processing</a></li>
<p></p>
<li><a href="http://screenspire.com/" rel="tag">screenspire.com | full( )screen inspiration</a></li>
<p></p>
<li><a href="http://www.sodaplay.com" rel="tag">Sodaplay constructor</a></li>
<p></p>
<li><a href="http://www.underconsideration.com/speakup/archives/001766.html">Speak Up > Word it</a></li>
<p></p>
<li><a href="http://www.k10k.net" rel="tag">The Designer&#8217;s Lunchbox</a></li>
<p></p>
<li><a href="http://www.ideagenerationmethods.com/" rel="tag">The definitive collection of idea generation methods</a></li>
<p></p>
<li><a href="http://www.levitated.net" rel="tag">The Exploration of Computation</a></li>
<p></p>
<li><a href="http://www.wellvetted.com/" rel="tag">wellvetted.com &#8211; inspirational gathering</a></li>
<p></p>
<li><a href="http://www.extelligence.co.uk/dictionary" rel="tag">Words List &#8211; Extelligence</a></li>
<p>
		</ul>
<p>
		</div>
<p>		<span class="head"><a href="#" name="cssselected">// css: selected showcases</a></span></p>
<ul></p>
<li><a href="http://www.andybudd.com/links/well_designed_css_sites/index.php" rel="tag">A.Budd :: Well Designed CSS Sites</a></li>
<p></p>
<li class="red"><a href="http://www.smileycat.com/miaow/archives/comment-showcase.html" rel="tag">Comment Design Showcase</a></li>
<p></p>
<li><a href="http://www.cssbeauty.com" rel="tag">CSS Beauty</a></li>
<p></p>
<li><a href="http://icant.co.uk/csstablegallery/index.php" rel="tag">CSS Table Gallery</a></li>
<p></p>
<li><a href="http://www.csszengarden.com" rel="tag">CSS Zen Garden</a></li>
<p></p>
<li class="red"><a href="http://www.dark-i.com" rel="tag">Dark Eye</a></li>
<p></p>
<li class="red"><a href="http://www.designshack.co.uk/index.php" rel="tag">Design Shack &#8211; Inspirational CSS and Blog Design</a></li>
<p></p>
<li class="red"><a href="http://steveeray.com/headinggallery/" rel="tag">Heading Style Gallery</a></li>
<p></p>
<li><a href="http://www.stylegala.com" rel="tag">Stylegala &#8211; design | css | standards</a></li>
<p></p>
<li class="red"><a href="http://philrenaud.com/?blog_id=57" rel="tag">The 35 sexiest designed websites you have forgotten</a></li>
<p></p>
<li class="red"><a href="http://tom.ma/screenblog/" rel="tag">tom.ma | screenblog</a></li>
<p></p>
<li class="red"><a href="http://www.smileycat.com/miaow/archives/000150.html" rel="tag">Typography for Headlines</a></li>
<p></p>
<li><a href="http://www.w3csites.com" rel="tag">W3 Compliant Sites</a></li>
<p></p>
<li class="red"><a href="http://larsholst.info/blog/2004/02/11/well-designed-weblogs-volume-2/" rel="tag">Well-Designed Weblogs Volume 2 | mono</a></li>
<p>
		</ul>
<p>		<span class="head"><a href="#" name="cssgalleries">// css galleries &amp; showcases</a></span></p>
<ul></p>
<li><a href="http://www.artnetz.de" rel="tag">Artnetz.de</a></li>
<p></p>
<li class="red"><a href="http://cssblast.ru/" rel="tag">CSS Blast</a> <img src="ru.png" width="16" height="11" alt="Russian" /></li>
<p></p>
<li><a href="http://www.cssdesign.ru" rel="tag">CSS Design</a> <img src="ru.png" width="16" height="11" alt="Russian" /></li>
<p></p>
<li><a href="http://cssdesign.se/start/" rel="tag">CSS Design</a> <img src="se.png" width="16" height="11" alt="Swedish" /></li>
<p></p>
<li><a href="http://www.cssdrive.com" rel="tag">CSS Drive</a></li>
<p></p>
<li class="red"><a href="http://www.csselite.com.ar" rel="tag">CSSelite</a></li>
<p></p>
<li class="red"><a href="http://www.csshilfe.de/css-galerie.php" rel="tag">CSSHilfe Galerie</a> <img src="de.png" width="16" height="11" alt="German" /></li>
<p></p>
<li><a href="http://www.cssimport.com" rel="tag">CSS Import</a></li>
<p></p>
<li class="red"><a href="http://www.nv30.com/mt/blogomania/" rel="tag">CSS-Mania</a></li>
<p></p>
<li><a href="http://www.wordstudio.wz.cz" rel="tag">CSS Nightingale</a></li>
<p></p>
<li><a href="http://www.cssreboot.com" rel="tag">CSS Reboot</a></li>
<p></p>
<li class="red"><a href="http://smoothoperator.strund.jp/" rel="tag">CSS smooth operator</a></li>
<p></p>
<li><a href="http://www.csscollection.com" rel="tag">CSS Tableless Web Sites</a></li>
<p></p>
<li><a href="http://thesis.veracon.net" rel="tag">CSS Thesis</a></li>
<p></p>
<li><a href="http://www.cssvault.com" rel="tag">CSS Vault</a></li>
<p></p>
<li class="red"><a href="http://antenna.readalittle.net/thumblink/zenGarden/" rel="tag">CSS Zen Garden Shot</a></li>
<p></p>
<li class="red"><a href="http://www.designsnack.com" rel="tag">Design Snack</a></li>
<p></p>
<li class="red"><a href="http://www.devildetails.com" rel="tag">Devil&#8217;s Details</a></li>
<p></p>
<li><a href="http://www.doblepixel.com/css/" rel="tag">Doblepixel</a></li>
<p></p>
<li class="red"><a href="http://www.804case.com" rel="tag">Frog Family Standards</a></li>
<p></p>
<li class="red"><a href="http://gallerize.veracon.net/" rel="tag">gallerize.</a></li>
<p></p>
<li><a href="http://www.cssliquid.com" rel="tag">Liquid Designs</a></li>
<p></p>
<li><a href="http://www.oswd.org" rel="tag">Open Source Web design (oswd)</a></li>
<p></p>
<li><a href="http://chobi.net/~b-design/" rel="tag">Pajatti.net</a> <img src="cn.png" width="16" height="11" alt="Chinese" /></li>
<p></p>
<li><a href="http://www.piepmatzel.de" rel="tag">PiepMatzel</a> </li>
<p></p>
<li><a href="http://www.pixelgangster.de" rel="tag">Pixelgangster</a> <img src="de.png" width="16" height="11" alt="German" /></li>
<p></p>
<li><a href="http://proestilo.com/" rel="tag">Proestilo</a> <img src="es.png" width="16" height="11" alt="Spanish" /></li>
<p></p>
<li><a href="http://www.showcase.gr" rel="tag">Showcase.gr</a> <img src="gr.png" width="16" height="11" alt="Greek" /></li>
<p></p>
<li><a href="http://www.styleboost.com" rel="tag">Styleboost</a></li>
<p></p>
<li class="red"><a href="http://v3.stylereactor.net/" rel="tag">StyleReactor.net</a></li>
<p></p>
<li><a href="http://www.unmatchedstyle.com" rel="tag">Unmatchedstyle</a></li>
<p></p>
<li><a href="http://www.webstandardsawards.com" rel="tag">Web Standards Awards</a></li>
<p></p>
<li><a href="http://screenspire.com/" rel="tag">screenspire.com | full( )screen inspiration</a></li>
<p></p>
<li class="red"><a href="http://www.webcreme.com" rel="tag">Web Creme | Web design inspiration</a></li>
<p></p>
<li><a href="http://www.wow-factor.com/index.php?cat=2" rel="tag">Wow factor</a></li>
<p>
		</ul>
<p>		<span class="head"><a href="#" name="colortools">// color tools</a></span></p>
<ul></p>
<li><a href="http://www.defencemechanism.com/color/" rel="tag">Defence Mechanism > Color Toy</a></li>
<p></p>
<li><a href="http://www.forret.com/tools/color.asp" rel="tag">Color converter (RGB/CMYK/HSV)</a></li>
<p></p>
<li><a href="http://slayeroffice.com/tools/color_palette/" rel="tag">Color Palette Creator v1.6</a></li>
<p></p>
<li><a href="http://www.degraeve.com/color-palette/index.php" rel="tag">Color Palette Generator [1]</a></li>
<p></p>
<li><a href="http://jrm.cc/color-palette-generator">Color Palette Generator [2]</a></li>
<p></p>
<li><a href="http://www.raquedan.com/random100.php" rel="tag">100 Random Colors &#8211; Need a Color?  </a></li>
<p></p>
<li><a href="http://www.ficml.org/jemimap/style/color/wheel.html" rel="tag">4096 Color Wheel</a></li>
<p></p>
<li><a href="http://www.smartpixel.net/chromoweb/uks/indexgb.html" rel="tag">Chromatic Wheel</a></li>
<p></p>
<li><a href="http://colorblender.com">Color Blender</a></li>
<p></p>
<li><a href="http://www.visibone.com/colorlab/" rel="tag">ColorLab</a></li>
<p></p>
<li><a href="http://www.colormix.com" rel="tag">Colormix</a></li>
<p></p>
<li><a href="http://www.colormixers.com/mixers/" rel="tag">Color Mixers</a></li>
<p></p>
<li><a href="http://wellstyled.com/tools/colorscheme/index-en.html" rel="tag">Color Scheme 1</a>, <a href="http://wellstyled.com/tools/colorscheme2/index-en.html" rel="tag">Color Scheme 2</a></li>
<p></p>
<li><a href="http://www.colorschemer.com/online.html" rel="tag">Color Schemer Online v.2</a></li>
<p></p>
<li><a href="http://www.december.com/html/spec/colorshades.html" rel="tag">Color Shades: Colors and Lighter Hexadecimal Codes and Swatches</a></li>
<p></p>
<li><a href="http://www.telecable.es/personales/alberto9/color/index.htm" rel="tag">Color synthAxis</a></li>
<p></p>
<li><a href="http://www.colorwhore.com" rel="tag">ColorWhore</a></li>
<p></p>
<li><a href="http://www.adaptiveview.com/cw/index.html">ColorWrite 1.1</a></li>
<p></p>
<li><a href="http://www.juicystudio.com/services/colourcontrast.asp" rel="tag">Colour Contrast Analyser</a></li>
<p></p>
<li><a href="http://www.limov.com/colour/" rel="tag">Colour exploration tools</a></li>
<p></p>
<li><a href="http://colourmod.com" rel="tag">ColourMod :: DHTML Color Picker/Selector</a></li>
<p></p>
<li><a href="http://www.siteprocentral.com/html_color_code.html" rel="tag">Colour Scheme Chooser</a></li>
<p></p>
<li><a href="http://www.easyrgb.com" rel="tag">Easy RGB</a></li>
<p></p>
<li><a href="http://www.metasphere.net/web_tools/7.html" title="_blank">Eye Dropper Color Mixer</a></li>
<p></p>
<li><a href="http://infohound.net/colour/" rel="tag">Infohound Color Schemer</a></li>
<p></p>
<li><a href="http://www.kolur.com">Kolur.com Color Inspiration</a></li>
<p></p>
<li><a href="http://www.creatingonline.com/online_image_editor/index.html" rel="tag">Online image photo editor</a></li>
<p></p>
<li><a href="http://www.redalt.com/Tools/ilyc.php" rel="tag">RedAlt v1.0</a></li>
<p></p>
<li><a href="http://dev.sessions.edu/ilu/ilu_1.html" rel="tag">Sessions.edu Color Calculator</a></li>
<p></p>
<li><a href="http://www.inherent.com/tools/colortheory101/triadic.cfm">Triadic Color Harmony</a></li>
<p></p>
<li><a href="http://www.triplecode.com/munsell/">Triplecode Munsell Palette</a></li>
<p></p>
<li><a href="http://www.neteffect.dk/colormatch/" rel="tag">Unsafe Colormatch</a></li>
<p></p>
<li>Web Color Theory (offline)</li>
<p></p>
<li><a href="http://www.ideo.com/visualizer.html" rel="tag">Web Color Visualizer</a></li>
<p>
		</ul>
<p>		<span class="head"><a href="#" name="colorschemes">// color schemes, palettes</a></span></p>
<ul></p>
<li><a href="http://www.somacon.com/p142.php" rel="tag">CSS Color Chart</a></li>
<p></p>
<li><a href="http://www.webdevelopersnotes.com/design/color_combinations.php3" rel="tag">color combinations</a></li>
<p></p>
<li><a href="http://www.colorcombos.com" rel="tag">ColorCombos</a></li>
<p></p>
<li><a href="http://www.colormatch.dk">ColorMatch 5K</a></li>
<p></p>
<li><a href="http://www.colourlovers.com">COLOURlovers</a></li>
<p></p>
<li><a href="http://www.colr.org" rel="tag">Colr.org</a></li>
<p></p>
<li><a href="http://www.returnofdesign.com/colors/" rel="tag">Return of Design &#8211; Web Color Schemes</a></li>
<p></p>
<li class="red"><a href="http://www.tilemachine.com/" rel="tag">tile machine 1.0</a></li>
<p>
		</ul>
<p>		<span class="head"><a href="#" name="colorpatterns">// color patterns</a></span></p>
<ul></p>
<li><a href="http://www.k10k.net/frames.aspx?section=patterns" rel="tag">Kaliber10000 | Patterns</a></li>
<p></p>
<li><a href="http://www.squidfingers.com/patterns/" rel="tag">Squidfingers | Patterns</a></li>
<p></p>
<li><a href="http://veredgf.fredfarm.com/pattern-bomb/" rel="tag">Pattern-Bomb</a></li>
<p></p>
<li><a href="http://www.theinspirationgallery.com/wallpaper/index.htm" rel="tag">The Inspiration Gallery</a></li>
<p></p>
<li><a href="http://www.bluevertigo.com.ar/bluevertigo.htm" rel="tag">Color Patterns @ Bluevertigo</a></li>
<p>
		</ul>
<p>		<span class="head"><a href="#" name="fashion">// fashion: colors selection</a></span></p>
<ul></p>
<li><a href="http://www.behr.com/behrx/workbook/" rel="tag">Behr | Color Smart</a></li>
<p></p>
<li><a href="http://www.benjaminmoore.com/wrapper_pcv.asp?L=owner&amp;K=intproj&amp;N=intproj" rel="tag">Benjamin Moore: Personal Color Viewer</a></li>
<p></p>
<li><a href="http://www.dulux.co.uk/webapp/wcs/stores/servlet/ColoursLandingView?storeId=10752&amp;catalogId=10051&amp;langId=-1" rel="tag">Dulux paint colour range &amp; advice about choosing paint colours</a></li>
<p></p>
<li><a href="http://www3.sherwin.com/do_it_yourself/paint_colors/paint_color_palette/color_system/color_display.jsp" rel="tag">Color palettes and color schemes at Sherwin-Williams</a></li>
<p></p>
<li><a href="http://www.spudart.org/blogs/randomthoughts_comments/2852_0_3_0_C" rel="tag">Pantone&#8217;s top ten fashion colors for fall 2005</a></li>
<p></p>
<li><a href="http://www.pantoneuniverse.com/articles.asp?id=9" rel="tag">PANTONE Universe &#8211; Fashion ColorView</a></li>
<p>
		</ul>
<p>		<span class="head"><a href="#" name="colortheory">// color theory</a></span></p>
<ul></p>
<li><a href="http://www.wetcanvas.com/ArtSchool/Color/ColorTheory/">16 Lessons in Color Theory</a></li>
<p></p>
<li><a href="http://www.37signals.com/papers/introtopatterns/" rel="tag">An Introduction to Using Patterns</a></li>
<p></p>
<li><a href="http://www.poynter.org/special/colorproject/colorproject/color.html" rel="tag">Color, Contrast &amp; Dimension in News Design</a></li>
<p></p>
<li><a href="http://www.liquisoft.com/colortheory.html">Color Theory: A brief tutorial</a></li>
<p></p>
<li><a href="http://www.colormatters.com/entercolormatters.html" rel="tag">Colour Theory</a></li>
<p></p>
<li><a href="http://www.devx.com/projectcool/Article/19954/0/page/1">Color Theory Articles</a></li>
<p></p>
<li><a href="http://www.worqx.com/color/">Color Theory Overview &amp; Tutorial: Color, Creativity, Code</a></li>
<p></p>
<li><a href="http://www.ysbl.york.ac.uk/~mgwt/KKwebcourse/colourscience/colourharmony.html">Colour Harmony: Secrets of Web Color Revealed</a></li>
<p></p>
<li><a href="http://www.stylegala.com/articles/design_psychology.htm" rel="tag">Design Psychology</a></li>
<p>
		</ul>
<p>		<span class="head"><a href="#" name="royaltyfree">// royalty free photos</a></span></p>
<ul></p>
<li><a href="http://www.aboutpixel.de" rel="tag">AboutPixel.de</a></li>
<p></p>
<li><a href="http://www.photocase.de" rel="tag">PhotoCase.de</a></li>
<p></p>
<li><a href="http://www.9x13.de">9&#215;13.de</a> <img src="de.png" width="16" height="11" alt="German" /></li>
<p></p>
<li><a href="http://www.designpacks.com/" rel="tag">DesignPacks.com</a></li>
<p></p>
<li class="red"><a href="http://www.morguefile.com/" rel="tag">morguefile.com</a></li>
<p></p>
<li><a href="http://www.kollermedia.at/index.php/pattern4u" rel="tag">Patterns: pattern4u</a></li>
<p></p>
<li><a href="http://www.picturequest.com" rel="tag">PictureQuest</a></li>
<p></p>
<li><a href="http://www.pixelperfectdigital.com" rel="tag">Pixel Perfect Digital</a></li>
<p></p>
<li><a href="http://www.pixsy.com/" rel="tag">Pixsy &#8211; photos and videos from blogs and social networks</a></li>
<p></p>
<li><a href="http://www.stockvault.net" rel="tag">StockVault</a></li>
<p></p>
<li><a href="http://www.sxc.hu">stock.xchng</a></li>
<p></p>
<li><a href="http://www.fotocommunity.de/forum/read.php?f=11&amp;i=30570&amp;t=30514#reply_30570" rel="tag">License-free images: a forum thread</a> <img src="de.png" width="16" height="11" alt="German" /></li>
<p></p>
<li><a href="http://www.yotophoto.com">Royalty Free Images Search Engine</a></li>
<p></p>
<li><a href="http://www.bluevertigo.com.ar/bluevertigo.htm" rel="tag">Royalty free images @ Blue Vertigo</a></li>
<p></p>
<li><a href="http://www.wallpaperstock.com/" rel="tag">WallpaperStock</a></li>
<p></p>
<li><a href="http://www.masternewmedia.org/news/2005/04/01/where_to_find_great_free.htm" rel="tag">Where To Find Great Free Photographs</a></li>
<p>
		</ul>
<p>
<span class="head"><a href="#" name="cssdailyreading">// css daily reading</a></span></p>
<ul></p>
<li><a href="http://www.456bereastreet.com" rel="tag">456bereastreet.com</a></li>
<p></p>
<li><a href="http://www.7nights.com/asterisk/" rel="tag">Asterisk*: Where web design lives</a></li>
<p></p>
<li><a href="http://www.alistapart.com" rel="tag">A List Apart</a></li>
<p></p>
<li><a href="http://www.bluerobot.com" rel="tag">BlueRobot</a></li>
<p></p>
<li><a href="http://www.brainjar.com" rel="tag">BrainJar.coms</a></li>
<p></p>
<li><a href="http://resource.reh3.com">design.Principles</a></li>
<p></p>
<li><a href="http://www.meyerweb.com/eric/css/edge/" rel="tag">meyerweb.com: css / edge</a></li>
<p></p>
<li><a href="http://www.htmldog.com" rel="tag">htmldog</a></li>
<p></p>
<li><a href="http://www.mandarindesign.com" rel="tag">Mandarin Design</a></li>
<p></p>
<li><a href="http://www.mezzoblue.com" rel="tag">mezzoblue</a></li>
<p></p>
<li class="red"><a href="http://www.netdiver.net/" rel="tag">Netdiver</a></li>
<p></p>
<li><a href="http://www.positioniseverything.net" rel="tag">PositionIsEverything.net</a></li>
<p></p>
<li><a href="http://www.stopdesign.com/articles/" rel="tag">StopDesign</a></li>
<p></p>
<li><a href="http://www.stylegala.com" rel="tag">Stylegala &#8211; design | css | standards</a></li>
<p></p>
<li class="red"><a href="http://www.dontmeetyourheroes.com/index.php" rel="tag">the css and web standards news compilation site</a></li>
<p></p>
<li><a href="http://www.zeldman.com" rel="tag">Zeldman Jeffrey</a></li>
<p>
		</ul>
<p>		<span class="head"><a href="#" name="cssdailyreading-german">// css in German</a></span></p>
<ul>
<li class="de"><a href="http://www.css-faq.de/" rel="tag">#css {faq:de;}</a></li>
<p></p>
<li><a href="http://pflaumenmus.pf.funpic.de/doku/doku.php?id=webdev:webdesign" rel="tag">webdev:webdesign [pf-wiki]</a></li>
<p></p>
<li class="de"><a href="http://www.politnet.ch/css/" rel="tag">CSS &#8211; ein Tutorial</a></li>
<p></p>
<li><a href="http://bs-markup.de/blog/" rel="tag">bs-Markup</a></li>
<p></p>
<li><a href="http://www.csshilfe.de" rel="tag">cssHilfe</a></li>
<p></p>
<li><a href="http://www.intensivstation.ch/" rel="tag">Intensivstation</a></li>
<p></p>
<li><a href="http://www.css4you.de/" rel="tag">css4you</a></li>
<p></p>
<li class="de"><a href="http://www.drweb.de/verwaltung/index.shtml" rel="tag">Dr. Web Magazin*</a></li>
<p></p>
<li><a href="http://www.andreas-kalt.de/webdesign/tutorials/" rel="tag">Andreas Kalt</a></li>
<p></p>
<li><a href="http://www.manuelbieh.de" rel="tag">Manuel Bieh</a></li>
<p></p>
<li><a href="http://www.carsten-protsch.de/zwischennetz/doctype/index.html" rel="tag">Carsten Protsch</a></li>
<p></p>
<li><a href="http://designerinaction.de/" rel="tag">DesignerInAction</a></li>
<p></p>
<li><a href="http://www.einfach-fuer-alle.de/">einfachf黵alle</a></li>
<p></p>
<li><a href="http://seybold.jan-andresen.de/everything.php" rel="tag">Seybold Jand-Andresen</a></li>
<p></p>
<li><a href="http://meiert.com/" rel="tag">Meiert.com</a></li>
<p></p>
<li><a href="http://blog.hessendscher.de" rel="tag">hessendrescher.de</a></li>
<p></p>
<li><a href="http://www.vorsprungdurchwebstandards.de/" rel="tag">Vorsprung durch Standards</a></li>
<p></p>
<li><a href="http://www.jendryschik.de/" rel="tag">Jendryschik.de</a></li>
<p></p>
<li><a href="http://www.bjoernsworld.de/css/grundlagen.html" rel="tag">Bjoernsworld.de</a></li>
<p></p>
<li><a href="http://www.mediaevent.de/" rel="tag">mediaevent</a></li>
<p></p>
<li><a href="http://www.stichpunkt.de/" rel="tag">stichpunkt.de</a></li>
<p></p>
<li><a href="http://perun.net/" rel="tag">Vladimir Simovic</a></li>
<p></p>
<li><a href="http://css.fractatulum.net/index.htm" rel="tag">css.fractatulum.net</a></li>
<p></p>
<li><a href="http://uckan.info" rel="tag">uckan.info</a></li>
<p></p>
<li><a href="http://webdevbits.de" rel="tag">webdevbits</a></li>
<p>
		</ul>
<p>		<span class="head"><a href="#" name="webdesigndailyreading">// web design daily reading</a></span></p>
<ul></p>
<li><a href="http://www.alistapart.com" rel="tag">A List Apart: Web magazine for people who make websites</a></li>
<p></p>
<li><a href="http://boxesandarrows.com/" rel="tag">Boxes and Arrows: The design behind the design</a></li>
<p></p>
<li><a href="http://www.brainbliss.com" rel="tag">Brain Bliss</a></li>
<p></p>
<li class="red"><a href="http://www.creationflux.com/" rel="tag">Creationflux</a></li>
<p></p>
<li><a href="http://www.designinflight.com" rel="tag">DesignInFlight</a></li>
<p></p>
<li><a href="http://www.digital-web.com" rel="tag">Digital Web Magazine</a></li>
<p></p>
<li><a href="http://www.graphics.com/index.php" rel="tag">Graphics.com: The shared resource for creative design </a></li>
<p></p>
<li><a href="http://www.layersmagazine.com/index.php" rel="tag">Layers Magazine</a></li>
<p></p>
<li><a href="http://www.poynter.org/subject.asp?id=11" rel="tag">Poynter Online &#8211; Design / Graphics</a></li>
<p></p>
<li><a href="http://www.webdevelopersjournal.com" rel="tag">Web Developer&#8217;s Journal</a></li>
<p></p>
<li><a href="http://webmascon.com/" rel="tag">Webmascon &#8211; Russian &#8220;A List Apart&#8221;</a> <img src="ru.png" width="16" height="11" alt="Russian" /></li>
<p></p>
<li><a href="http://kak.ru/" rel="tag">[kak) - a journal about graphic design</a> <img src="ru.png" width="16" height="11" alt="Russian" /></li>
<p>
		</ul>
<p>		<span class="head"><a href="#" name="csstheory">// css theory</a></span></p>
<ul></p>
<li class="red"><a href="http://www.cssbasics.com/" rel="tag">CSS Basics - Making Cascading Style Sheets Easy to Understand</a></li>
<p>
		</ul>
<p>		<span class="head"><a href="#" name="csslayouts">// css layouts</a></span></p>
<ul></p>
<li><a href="http://www.cbel.com/style_sheets/" rel="tag">195 Manually selected Style Sheet Resources</a></li>
<p></p>
<li><a href="http://particletree.com/features/an-overview-of-current-css-layout-techniques" rel="tag">An Overview of Current CSS Layout Techniques</a></li>
<p></p>
<li><a href="http://www.stuffandnonsense.co.uk/archives/changingman_layout.html" rel="tag">Changingman layout | And all that Malarkey</a></li>
<p></p>
<li class="red"><a href="http://www.subcide.com/tutorials/csslayout/index.aspx" rel="tag">CSS Layout Tutorial</a></li>
<p></p>
<li><a href="http://www.ssi-developer.net/main/templates/3col.shtml" rel="tag">CSS Page Layout Templates</a></li>
<p></p>
<li class="red"><a href="http://particletree.com/features/dynamic-resolution-dependent-layouts/" rel="tag">Dynamic Resolution Dependent Layouts</a></li>
<p></p>
<li class="red"><a href="http://www.positioniseverything.net/articles/onetruelayout/" rel="tag">In search of the One True Layout</a></li>
<p></p>
<li><a href="http://webhost.bridgew.edu/etribou/layouts/index.html" rel="_tag">Ruthsarian Layouts</a></li>
<p></p>
<li><a href="http://www.bluerobot.com/web/layouts/">Bluerobot Layout Reservoir</a></li>
<p></p>
<li><a href="http://www.glish.com/home.asp">Glish CSS Layout techniques</a></li>
<p></p>
<li><a href="http://www.inknoise.com/experimental/layoutomatic.php">Layout-o-matic</a></li>
<p></p>
<li><a href="http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html">Little Boxes</a></li>
<p></p>
<li><a href="http://nemesis1.f2o.org/templates" rel="tag">Nemesis Project: CSS table-less design templates</a></li>
<p></p>
<li><a href="http://css-discuss.incutio.com/?page=ThreeColumnLayouts" rel="tag">Three Column Layouts @ css-discuss</a></li>
<p></p>
<li><a href="http://toolkit.crispen.org/index.php?cat=templates">Web Builders’ Toolkit</a></li>
<p></p>
<li><a href="http://www.layoutcookbook.com/index.php">Website Layouts Cookbook</a></li>
<p></p>
<li><a href="http://www.saila.com/usage/layouts/nn4-layouts.shtml" rel="tag">XHTML/CSS - 3 column layouts - Netscape 4 compatible</a></li>
<p>
		</ul>
<p>		<span class="head"><a href="#" name="navmenus">// css navigation menus</a></span></p>
<ul></p>
<li class="red"><a href="http://www.exploding-boy.com/2005/12/29/14-free-vertical-css-menus/" rel="tag">14 Free Vertical CSS Menus</a></li>
<p></p>
<li><a href="http://www.alistapart.com/articles/horizdropdowns/" rel="tag">ALA // Drop-Down Menus, Horizontal Style</a></li>
<p></p>
<li><a href="http://www.alistapart.com/articles/slidingdoors" rel="tag">ALA // Sliding Doors</a></li>
<p></p>
<li><a href="http://www.alistapart.com/articles/taminglists/" rel="tag">ALA // Taming Lists</a></li>
<p></p>
<li><a href="http://tutorials.alsacreations.com/modelesmenus/" rel="tag">Alsacreations, menus galleries in CSS and XHTML</a></li>
<p></p>
<li><a href="http://www.aplus.co.yu/adxmenu/examples/" rel="tag">aPlus:: ADxMenu</a></li>
<p></p>
<li><a href="http://www.brainjar.com/css/tabs/" rel="tag">BrainJar</a></li>
<p></p>
<li><a href="http://www.simplebits.com/bits/bulletproof_slants.html" rel="tag">Bulletproof Slants</a></li>
<p></p>
<li><a href="http://www.nundroo.com/navigation" rel="tag">cssbasednavigation</a></li>
<p></p>
<li class="red"><a href="http://www.webmaster-toolkit.com/css-menu-generator.shtml" rel="tag">CSS Menu Generator</a></li>
<p></p>
<li class="red"><a href="http://solardreamstudios.com/learn/css/cssmenus" rel="tag">cssMenus - Horizontal and Vertical 4 Level Deep List Menu</a></li>
<p></p>
<li><a href="http://cssvault.com/cat_navigation.php" rel="tag">CSSVault</a></li>
<p></p>
<li><a href="http://www.highdots.com/css-list/index.php" rel="tag">CSS Tab Designer</a></li>
<p></p>
<li><a href="http://www.positioniseverything.net/css-dropdowns.html" rel="tag">Deluxe CSS Dropdowns and Flyouts</a></li>
<p></p>
<li><a href="http://www.e-lusion.com/design/menu/#1" rel="tag">Free Menu Designs V 1.1*</a></li>
<p></p>
<li><a href="http://www.alistapart.com/articles/hybrid/" rel="tag">Hybrid CSS Dropdowns</a></li>
<p></p>
<li><a href="http://photomatt.net/scripts/intellimenu" rel="tag">Intelligent Menus</a></li>
<p></p>
<li><a href="http://www.456bereastreet.com/lab/inverted_tabs/" rel="tag">Inverted Sliding Doors Tabs</a></li>
<p></p>
<li><a href="http://deluxe-menu.com">Javascript Menus. DeLuxe Menus</a></li>
<p></p>
<li><a href="http://www.accessify.com/tools-and-wizards/list-o-matic/list-o-matic.asp" rel="tag">List-o-Matic</a></li>
<p></p>
<li><a href="http://css.maxdesign.com.au/listamatic/" rel="tag">Listamatic 1</a>, <a href="http://css.maxdesign.com.au/listamatic2/index.htm" rel="tag">Listamatic 2</a></li>
<p></p>
<li><a href="http://www.superfluousbanter.org/archives/2004/05/navigation_matr_1.php" rel="tag">Navigation Matrix Reloaded</a></li>
<p></p>
<li><a href="http://www.e-lusion.com/design/simplebits/" rel="tag">Simplebits: Mini-Tab Shapes 2</a></li>
<p></p>
<li><a href="http://labs.silverorange.com/archives/2004/may/updatedsimple" rel="tag">SilverOrange CSS Tabs</a></li>
<p></p>
<li>Simplebits Navigation Tabs: <a href="http://www.simplebits.com/bits/css_tabs.html" rel="tag">Simplified CSS Tabs</a>, <a href="http://www.simplebits.com/bits/minitab_shapes.html" rel="tag">Mini-Tab Shapes</a>, <a href="http://www.simplebits.com/bits/minitabs.html" rel="tag">CSS Mini Tabs (the UN-tab, tab)</a>, <a href="http://www.simplebits.com/bits/tab_rollovers.html" rel="tag">Accessible Image-Tab Rollovers</a></li>
<p></p>
<li><a href="http://www.htmldog.com/articles/suckerfish/dropdowns/example/" rel="tag">Suckerfish Dropdowns</a></li>
<p></p>
<li class="red"><a href="http://phrogz.net/JS/Tabtastic/index.html" rel="tag">Tabtastic</a></li>
<p></p>
<li><a href="http://www.stunicholls.myby.co.uk/index.html" rel="tag">The CSS Playground</a></li>
<p></p>
<li class="red"><a href="http://www.destroydrop.com/javascripts/tree/" rel="tag">Tree Navigation Menu: Destroydrop Javascripts Tree</a></li>
<p></p>
<li><a href="http://www.duoh.com/csstutorials/2levelmenu/index.html" rel="tag">Veerle's 2 level horizontal navigation</a></li>
<p></p>
<li><a href="http://www.web-graphics.com/mtarchive/000852.php" rel="tag">wg:CSS Tabs</a></li>
<p></p>
<li><a href="http://web-graphics.com/mtarchive/001557.php">wg:Inline Mini Tabs</a></li>
<p>
		</ul>
<p>		<span class="head"><a href="#" name="csstechniques">// css techniques</a></span></p>
<ul></p>
<li class="red"><a href="http://theshapeofdays.com/2005/11/my_contribution.html" rel="tag">0?CSS Shadow Technique</a></li>
<p></p>
<li><a href="http://www.flog.co.nz/2005/04/27/arc-adams-radiocheckbox-customisation/">Adam's Radio &amp; Checkbox Customisation Method</a></li>
<p></p>
<li><a href="http://www.airtightov.com/lab/airtight_corners.html" rel="tag">Airtight Corners</a></li>
<p></p>
<li><a href="http://evan.nixsys.bz/note/" rel="tag">Annotating images with CSS</a></li>
<p></p>
<li class="red"><a href="http://print.wordpress.com/2006/02/22/css-beautifully-numbered-lists/" rel="tag">Beautifully Numbered Lists with CSS</a></li>
<p></p>
<li><a href="http://www.albin.net/CSS/roundedCorners/" rel="tag">Bullet-Proof Rounded Corners</a></li>
<p></p>
<li class="red"><a href="http://icant.co.uk/sandbox/footercollapsetables/" rel="tag">Collapsing tables: am example</a></li>
<p></p>
<li><a href="http://www.snook.ca/archives/000368.html">Comments: Behind the Scenes</a></li>
<p></p>
<li><a href="http://www.contentwithstyle.co.uk/Articles/17/a-css-framework" rel="tag">Content with Style: A CSS Framework</a></li>
<p></p>
<li><a href="http://www.icant.co.uk/articles/cssconstants/" rel="tag">Constants in CSS - several ways how to simulate</a></li>
<p></p>
<li><a href="http://anandgraves.com/nobullshit/articles/articles.php?id=51" rel="tag">Create compatible HTML email</a></li>
<p></p>
<li><a href="http://www.fiftyfoureleven.com/sandbox/pullquote/" rel="tag">Creating a Pullquote with Javascript and CSS</a></li>
<p></p>
<li class="red"><a href="http://www.bartelme.at/journal/266/" rel="tag">Creating Badges and Stars</a></li>
<p></p>
<li><a href="http://www.wellstyled.com/css-2col-fluid-layout.html" rel="tag">CSS: 2-col tableless layout</a></li>
<p></p>
<li><a href="http://apples-to-oranges.com/blog/article.aspx?id=55" rel="tag">CSS Bar Graphs</a></li>
<p></p>
<li class="red"><a href="http://www.echoecho.com/csscursors.htm" rel="tag">CSS Cursors</a></li>
<p></p>
<li>CSS Destroy: CSS Experiments (offline)</li>
<p></p>
<li><a href="http://www.surfare.net/~toolman/temp/diagram.html" rel="tag">CSS Diagrams</a></li>
<p></p>
<li><a href="http://web-graphics.com/mtarchive/001589.php" rel="tag">CSS Drop Shadows</a></li>
<p></p>
<li><a href="http://www.phoenity.com/newtedge/element_hover/" rel="tag">CSS element hover effect</a></li>
<p></p>
<li class="red"><a href="http://codylindley.com/CSS/212/css-flexible-box-with-four-custom-corners" rel="tag">CSS Flexible Box With Four Custom Corners</a></li>
<p></p>
<li><a href="http://solardreamstudios.com/learn/css/footerstick/" rel="tag">CSS footerStick</a></li>
<p></p>
<li><a href="http://www.stylegala.com/resources/css_hacks.htm" rel="tag">CSS Hacks @ Stylegala</a></li>
<p></p>
<li><a href="http://beforethedog.com/tutoriali/tut1.htm" rel="tag">CSS Iframe Mimics</a></li>
<p></p>
<li><a href="http://www.frankmanno.com/ideas/css-imagemap/" rel="tag">CSS Image Maps</a></li>
<p></p>
<li><a href="http://moneytreesystems.com/css/picpopup.html" rel="tag">CSS Image Pop UP Technique</a></li>
<p></p>
<li><a href="http://www.ampsoft.net/webdesign-l/image-button.html" rel="tag">CSS image replacement for submit buttons</a></li>
<p></p>
<li><a href="http://www.bigbaer.com/css_tutorials/css.image.text.wrap.htm" rel="tag">CSS Image Text Wrap Tutorial</a></li>
<p></p>
<li><a href="http://dev.jeffhowden.com/css_forms/" rel="tag">CSS-Only Forms That Don't Suck</a></li>
<p></p>
<li><a href="http://jeffhowden.com/code/css/forms/" rel="tag">CSS-Only Table-less Forms</a></li>
<p></p>
<li><a href="http://www.maxdesign.com.au/presentation/page_layouts/index.cfm" rel="tag">CSS Page Layouts: Samples</a></li>
<p></p>
<li><a href="http://www.randsco.com/index.php/2005/01/31/css_photo_caption_zoom" rel="tag">CSS Photo-Caption Zoom</a></li>
<p></p>
<li><a href="http://dean.edwards.name/my/cssQuery/" rel="tag">cssQuery()</a></li>
<p></p>
<li><a href="http://dean.edwards.name/weblog/2005/08/cssquery2/" rel="tag">cssQuery Version 2</a></li>
<p></p>
<li><a href="http://www.andybudd.com/archives/2005/07/remote_rollover_demo/index.php" rel="tag">CSS Remote Rollover Demo</a></li>
<p></p>
<li><a href="http://www.bigbaer.com/css_tutorials/css.scale.image.html.tutorial.htm" rel="tag">CSS Scale Image Html Tutorial</a></li>
<p></p>
<li><a href="http://www.ukthoughts.co.uk/journal/css-submit-buttons">CSS submit buttons</a></li>
<p></p>
<li><a href="http://www.digital-web.com/articles/strategies_for_css_switching/" rel="tag">CSS Switching</a></li>
<p></p>
<li><a href="http://www.stunicholls.myby.co.uk/menu/gallery3l.html" rel="tag">CSS sliding photo-gallery </a></li>
<p></p>
<li><a href="http://www.456bereastreet.com/lab/teaser/one_image/" rel="tag">CSS Teaser Box</a></li>
<p></p>
<li><a href="http://www.brunildo.org/test/" rel="tag">CSS tests @ Brunildo.org</a></li>
<p></p>
<li class="red"><a href="http://www.macworld.com/2005/12/secrets/januarycreate/index.php" rel="tag">CSS tricks for custom bullets</a></li>
<p></p>
<li><a href="http://veerle.duoh.com/index.php/blog/comments/css_the_white_space_property/" rel="tag">CSS: the white-space property</a></li>
<p></p>
<li><a href="http://rino.bowdoin.edu/wordpress/archives/2004/08/css-tables" rel="tag">CSS Tables</a></li>
<p></p>
<li><a href="http://www.collylogic.com/index.php?/weblog/comments/ticked_off_links_reloaded" rel="tag">CSS Visited Links: Ticked-off visited links Reloaded</a></li>
<p></p>
<li><a href="http://www.stopdesign.com/log/2005/06/24/zoom-layout.html" rel="tag">CSS Zoom layout</a></li>
<p></p>
<li><a href="http://komodomedia.com/blog/index.php/2005/08/24/creating-a-star-rater-using-css/" rel="tag">Creating a Star Rater using CSS</a></li>
<p></p>
<li><a href="http://www.picment.com/articles/css/customizedcornersparttwo/" rel="tag">Customized borders and corners in flexible layouts</a></li>
<p></p>
<li class="red"><a href="http://fecklessmind.com/main/5/definitive-solution-to-image-replacement" rel="tag">Definitive Solution to Image Replacement</a></li>
<p></p>
<li><a href="http://www.positioniseverything.net/css-dropdowns.html" rel="tag">Deluxe CSS Dropdowns and Flyouts</a></li>
<p></p>
<li class="red"><a href="http://veerle.duoh.com/index.php/blog/comments/div_thinking_cap/" rel="tag">Div thinking cap</a></li>
<p></p>
<li><a href="http://www.alistapart.com/articles/dynatext/" rel="tag">Dynamic Text Replacement // ALA</a></li>
<p></p>
<li><a href="http://www.sitepoint.com/blog-post-view.php?id=274020" rel="tag">Eric's Universal Child Selector</a></li>
<p></p>
<li class="red"><a href="http://kurafire.net/projects/face" rel="tag">Faruk's Animated CSS Enhancements</a></li>
<p></p>
<li><a href="http://www.themaninblue.com/writing/perspective/2005/08/29/" rel="tag">footerStickAlt: A more robust method of positioning a footer </a></li>
<p></p>
<li><a href="http://www.brandspankingnew.net/archive/2005/07/format_footnote.html" rel="tag">Format Footnotes with Javascript &amp; CSS</a></li>
<p></p>
<li><a href="http://www.brandspankingnew.net/archive/2005/07/css_footnotes_r.html" rel="tag">Footnotes revisited: CSS Sidenotes</a></li>
<p></p>
<li class="red"><a href="http://juicystudio.com/article/form-help-without-popups.html" rel="tag">Form Help without Popups</a></li>
<p></p>
<li class="red"><a href="http://nidahas.com/2006/01/12/forms-markup-and-css/" rel="tag">Forms Markup and CSS</a></li>
<p></p>
<li><a href="http://www.stuffandnonsense.co.uk/archives/trimming_form_fields.html" rel="tag">Forms with CSS: trimming form fields</a></li>
<p></p>
<li><a href="http://www.subtraction.com/archives/2005/0822_free_form_fo.php" rel="tag">Free Form for All - The Subtraction Good Form 0.1</a></li>
<p></p>
<li class="red"><a href="http://icant.co.uk/articles/makingofcsstablegallery/" rel="tag">How the CSS Table Gallery works</a></li>
<p></p>
<li class="red"><a href="http://www.contentwithstyle.co.uk/Articles/70/playing-nice-with-the-other-css-kids/" rel="tag">How to make team CSS coding and maintenance easier</a></li>
<p></p>
<li><a href="http://www.yourtotalsite.com/archives/xhtml_css/image_replacement_maps/Default.aspx" rel="tag">Image (Replacement) Maps</a></li>
<p></p>
<li class="red"><a href="http://www.cssplay.co.uk/menu/old_master.html" rel="tag">Image map for detailed information</a></li>
<p></p>
<li class="red"><a href="http://ghettocooler.net/2005/11/13/image-floats-without-the-text-wrap/" rel="tag">Image floats, without the text wrap</a></li>
<p></p>
<li class="red"><a href="http://www.brothercake.com/site/resources/scripts/transitions/" rel="tag">Javascript Image transitions</a></li>
<p></p>
<li class="red"><a href="http://webdesign.maratz.com/lab/new_window_link/" rel="tag">Let visitors decide whether or not they will open links in a new window</a></li>
<p></p>
<li><a href="http://www.designinflight.com/05January/soup_to_nuts_making_a_css-based_layout_start_to_finish.html" rel="tag">Making a CSS-based layout start to finish</a></li>
<p></p>
<li><a href="http://acjs.net/weblog/2005/06/10/language_specific_styling_quotation_marks/" rel="tag">Language specific styling: quotation marks</a></li>
<p></p>
<li><a href="http://www.stuffandnonsense.co.uk/archives/mir_image_replacement.html" rel="tag">Malarkey Image Replacement</a></li>
<p></p>
<li class="red"><a href="http://24ways.org/advent/naughty-or-nice-css-background-images" rel="tag">Naughty or Nice? CSS Background Images</a></li>
<p></p>
<li><a href="http://www.badboy.ro/articles/2005-07-23/index.php" rel="tag">NiceForms</a></li>
<p></p>
<li class="red"><a href="http://webstandards.org/buzz/archive/2005_11.html#a000592" rel="tag">Pandora's Box (Model) of CSS Hacks And Other Good Intentions</a></li>
<p></p>
<li class="red"><a href="http://www.maratz.com/blog/archives/2005/01/13/pdf-links-labeling/" rel="tag">PDF, DOC, ZIP Links Labeling</a></li>
<p></p>
<li><a href="http://www.quirksmode.org/css/quirksmode.html" rel="tag">Quirks mode and strict mode</a></li>
<p></p>
<li class="red"><a href="http://solardreamstudios.com/learn/css/qtip/" rel="tag">qTip: turn the title attribute into customizable, floating DIV's</a></li>
<p></p>
<li class="red"><a href="http://www.maxdesign.com.au/presentation/tree-table/" rel="tag">Replicating a Tree table</a></li>
<p></p>
<li class="red"><a href="http://www.collylogic.com/index.php?/weblog/comments/snooks_resizable_underlines/" rel="tag">Resizable Underlines</a></li>
<p></p>
<li><a href="http://www.mezzoblue.com/tests/revised-image-replacement/" rel="tag">Revised image replacement</a></li>
<p></p>
<li><a href="http://www.whaleofadive.com/misc/siir/" rel="tag">Scalable Inline (siir)</a></li>
<p></p>
<li><a href="http://www.mikeindustries.com/sifr/" rel="tag">Scalable Inman Flash Replacement (sIFR)</a></li>
<p></p>
<li class="red"><a href="http://www.maratz.com/blog/archives/2005/03/16/two-color-sifr-take-two/" rel="tag">sIFR: Two Color sIFR Take Two</a></li>
<p></p>
<li class="red"><a href="http://wiki.novemberborn.net/sifr/show/Examples" rel="tag">sIFR: Examples</a></li>
<p></p>
<li class="red"><a href="http://www.alvit.de/sifrbeauty" rel="tag">sIFR Beauty</a></li>
<p></p>
<li class="red"><a href="http://www.skyrocket.be/2006/01/09/semantic-horizontal-forms/" rel="tag">Semantic horizontal Forms</a></li>
<p></p>
<li class="red"><a href="http://www.maxdesign.com.au/presentation/external/" rel="tag">Simple, accessible external links</a></li>
<p></p>
<li class="red"><a href="http://www.maxdesign.com.au/presentation/more-links/" rel="tag">Simple, accessible "more" links</a></li>
<p></p>
<li class="red"><a href="http://www.andyrutledge.com/cssslides.html" rel="tag">Simple CSS Image Switcher</a></li>
<p></p>
<li class="red"><a href="http://web-graphics.com/mtarchive/001683.php" rel="tag">Single Image Multi Replacement</a></li>
<p></p>
<li class="red"><a href="http://goessner.net/articles/slideous/" rel="tag">Slideous - A Slide Show System</a></li>
<p></p>
<li><a href="http://webfx.eae.net/dhtml/sortabletable/demos.html" rel="tag">Sortable Table Demos (WebFX)</a></li>
<p></p>
<li><a href="http://www.brainjar.com/dhtml/tablesort/default.asp" rel="tag">Sort Table / Javascript, DHTML, CSS</a></li>
<p></p>
<li class="red"><a href="http://www.workingwith.me.uk/articles/scripting/standardista_table_sorting" rel="tag">Standardista Table Sorting</a></li>
<p></p>
<li class="red"><a href="http://webdesign.maratz.com/lab/superstripes/" rel="tag">Super Stripes</a></li>
<p></p>
<li class="red"><a href="http://24ways.org/advent/tables-with-style" rel="tag">Tables with Style</a></li>
<p></p>
<li class="red"><a href="http://www.webcredible.co.uk/user-friendly-resources/css/more-css-tricks.shtml" rel="tag">Ten more CSS tricks you may not know</a></li>
<p></p>
<li><a href="http://www.456bereastreet.com/lab/" rel="tag">The CSS and XHTML Lab</a></li>
<p></p>
<li><a href="http://www.ilovejackdaniels.com/css/css-cheat-sheet/" rel="tag">The CSS Cheat Sheet</a></li>
<p></p>
<li><a href="http://www.axentric.com/posts/default/7" rel="tag">The Fade Anything Technique</a></li>
<p></p>
<li><a href="http://www.formassembly.com/form-garden.php?formId=29&amp;style=antique-blue" rel="tag">The Form Assembly Garden</a></li>
<p></p>
<li><a href="http://www.vertexwerks.com/tests/sidebox/" rel="tag">The ThrashBox - Rounded Corner for All</a></li>
<p></p>
<li><a href="http://www.tjkdesign.com/articles/tip.asp" rel="tag">Thierry Image Placement</a></li>
<p></p>
<li><a href="http://www.destinedtodesign.com/gallery/" rel="tag">Unordered List Rollover Gallery</a></li>
<p></p>
<li><a href="http://www.stopdesign.com/articles/replace_text/" rel="tag">Using Background-Image to Replace Text</a></li>
<p></p>
<li class="red"><a href="http://www.ibloomstudios.com/article6/" rel="tag">Vertical-Align Revealed</a></li>
<p></p>
<li><a href="http://www.sixapart.com/pronet/articles/ydsf_-_robust_c.html" rel="tag">yDSF - Robust CSS Drop Shadows</a></li>
<p></p>
<li><a href="http://www.alistapart.com/articles/zebratables/">Zebra Tables</a></li>
<p></p>
<li class="red"><a href="http://24ways.org/advent/splintered-striper" rel="tag">Zebra Stripes: Splintered Striper</a></li>
<p></p>
<li><a href="http://www.sitepoint.com/article/background-colors-javascript" rel="tag">Zebra: Alter Table Row Background Colors Using JavaScript</a></li>
<p></p>
<li class="de"><a href="http://jassesnee.de/easyclear/index.html" rel="tag">Einschließen von Floats ohne zusätzliches Markup</a> <img src="de.png" width="16" height="11" alt="German" /></li>
<p>
		</ul>
<p>		<span class="head"><a href="#" name="csssoftware">// css: software &amp; Firefox Extensions</a></span></p>
<ul></p>
<li class="red"><a href="http://www.quickonlinetips.com/archives/2005/12/50-best-firefox-extensions-for-power-surfing/" rel="tag">50 Best Firefox Extensions for Power Surfing</a></li>
<p></p>
<li class="red"><a href="http://www.iosart.com/firefox/colorzilla/" rel="tag">Colorzilla</a></li>
<p></p>
<li class="red"><a href="http://www.sitevista.com/cssvista/" rel="tag">CSSVista</a></li>
<p></p>
<li class="red"><a href="http://www.joehewitt.com/software/firebug/" rel="tag">Firebug</a></li>
<p></p>
<li class="red"><a href="http://css.weblogsinc.com/2006/02/14/firefox-extensions-i-couldnt-live-without/" rel="tag">Firefox extensions I couldn't live without</a></li>
<p></p>
<li class="red"><a href="http://roachfiend.com/archives/2004/12/08/how-to-create-firefox-extensions/" rel="tag">How to create Firefox extensions</a></li>
<p></p>
<li class="red"><a href="http://www.kevinfreitas.net/extensions/measureit/" rel="tag">MeasureIt</a></li>
<p></p>
<li class="red"><a href="http://www.qrone.org/cssdesigner.html" rel="tag">QrONE CSS Designer</a></li>
<p></p>
<li><a href="http://lesliefranke.com/sandbox/presentations/firefoxwdev/firefoxwdev.htm" rel="tag">Rapid Web Development and Testing with Mozilla Firefox</a></li>
<p></p>
<li><a href="http://chrispederick.com/work/firefox/webdeveloper/" rel="tag">Web Developer Extension for Mozilla and Firefox</a></li>
<p></p>
<li class="red"><a href="http://www.designmeme.com/2006/01/06/new-firefox-extension-x-ray/" rel="tag">X-Ray Firefox Extension</a></li>
<p>
		</ul>
<p>
<span class="head"><a href="#" name="csswebtools">// css-web-tools &amp; services</a></span></p>
<ul></p>
<li><a href="http://centricle.com/ref/css/filters/" rel="tag">CSS Centricle</a></li>
<p></p>
<li><a href="http://www.csscreator.com/version2/pagelayout.php" rel="tag">CssCreator -> Page Layout</a></li>
<p></p>
<li><a href="http://cdburnerxp.se/cssparse/css_optimiser.php">CSS Formatter and Optimiser</a></li>
<p></p>
<li class="red"><a href="http://www.jotform.com/" rel="tag">Create CSS Forms Online: JotForm</a></li>
<p></p>
<li><a href="http://www.collylogic.com/scripts/rollover.html" rel="tag">CSS Multi-element Rollover Generator</a></li>
<p></p>
<li><a href="http://flumpcakes.co.uk/css/optimiser/">CSS Optimizer</a></li>
<p></p>
<li><a href="http://www.neuroticweb.com/recursos/css-rounded-box/" rel="tag">CSS Rounded Box Generator</a></li>
<p></p>
<li><a href="http://daringfireball.net/projects/csschecker/" rel="tag">CSS Syntax Checker for BBEdit and TextWrangler</a></li>
<p></p>
<li><a href="http://www.iconico.com/CSSScrollbar/" rel="tag">Iconico CSS Scrollbar Generator</a></li>
<p></p>
<li class="red"><a href="http://csstidy.sourceforge.net/example.php" rel="tag">CSSTidy</a></li>
<p></p>
<li><a href="http://www.listulike.com/generator/" rel="tag">List-u-Like</a></li>
<p></p>
<li><a href="http://pro.html.it/esempio/nifty/" rel="tag">Nifty Corners: rounded corners without images</a></li>
<p></p>
<li><a href="http://iceyboard.no-ip.org/projects/css_compressor" rel="tag">Online CSS Compressor</a> 1</li>
<p></p>
<li><a href="http://cssoptimiser.com/" rel="tag">Online CSS Compressor</a> 2</li>
<p></p>
<li class="red"><a href="http://www.pixy.cz/apps/webedit/" rel="tag">Online CSS Editor</a></li>
<p></p>
<li class="red"><a href="http://www.prettyprinter.de/" rel="tag">PrettyPrinter for CSS, PHP, Java, C++, C, Perl, JavaScript</a></li>
<p></p>
<li><a href="http://www.tjgy.com/round_corner/" rel="tag">Round Corner Stone/Icon</a></li>
<p></p>
<li><a href="http://penguin.theopalgroup.com/cgi-bin/css3explainer/selectoracle.py" rel="tag">SelectOracle</a></li>
<p></p>
<li><a href="http://www.culturedcode.com/xyle/index.html" rel="tag">Xylescope</a></li>
<p></p>
<li><a href="http://www.w3.org/StyleSheets/Core/" rel="tag">W3C Core Styles</a></li>
<p></p>
<li><a href="http://jigsaw.w3.org/css-validator/" rel="tag">W3C CSS Validator</a></li>
<p>
		</ul>
<p>		<span class="head"><a href="#" name="htmlwebtools">// html-web-tools &amp; services</a></span></p>
<ul></p>
<li><a href="http://www.livejournal.com/users/moon_aka_sun/8592.html" rel="tag">HTML Character Entities</a></li>
<p></p>
<li><a href="http://www.degraeve.com/reference/specialcharacters.php" rel="tag">Special Characters in HTML</a></li>
<p></p>
<li><a href="http://evolt.org/article/A_Simple_Character_Entity_Chart/17/21234/index.html" rel="tag">A Simple Character Entity Chart</a></li>
<p></p>
<li><a href="http://www.doctor-html.com/RxHTML/" rel="tag">Doctor HTML v6</a></li>
<p></p>
<li><a href="http://www.htmlhelp.com" rel="tag">HTML Help: CSS, HTML Checks</a></li>
<p></p>
<li><a href="http://infohound.net/tidy/" rel="tag">HTML Tidy</a></li>
<p></p>
<li><a href="http://www.htmlhelp.com/tools/validator/" rel="tag">WDG HTML Validator</a></li>
<p></p>
<li><a href="http://validator.w3.org/" rel="tag">W3C HTML Validator</a></li>
<p>
		</ul>
<p>		<span class="head"><a href="#" name="accessibilitycheckers">// accessibility checkers</a></span></p>
<ul></p>
<li><a href="http://www.usability.com.au/resources/tables.cfm" rel="tag">Accessible Data Tables</a></li>
<p></p>
<li><a href="http://valet.webthing.com/access/url.html" rel="tag">Accessibility Valet Demonstrator</a></li>
<p></p>
<li><a href="http://bobby.watchfire.com/bobby/html/en/index.jsp">Bobby Online Service</a></li>
<p></p>
<li class="red"><a href="http://www.etre.com/tools/colourblindsimulator/" rel="tag">Colour Blindness Simulator, Colour Contrast Check, Online Accessibility Check</a></li>
<p></p>
<li><a href="http://www.ocawa.com/Test-your-Web-Site_6_en/">OCAWA Web Accessibility Expert</a></li>
<p></p>
<li><a href="http://uitest.com/en/check/">UI Site check</a></li>
<p></p>
<li class="red"><a href="http://www.tawdis.net/taw3/cms/en" rel="tag">TAW: Web Accessibility Test</a></li>
<p></p>
<li><a href="http://www.wave.Webaim.org/wave35/index.jsp">WAVE 3.5 Accessibility Tool</a></li>
<p></p>
<li><a href="http://www.hisoftware.com/accmonitorsitetest/" rel="tag">Web-based Site Usability Checker</a></li>
<p></p>
<li><a href="http://webxact.watchfire.com/">WebXACT Quality &amp; Accessibility Check</a></li>
<p>
		</ul>
<p>		<span class="head"><a href="#" name="misctools">// miscellaneous tools</a></span></p>
<ul></p>
<li><a href="http://www.htmlbasix.com/disablehotlinking.shtml" rel="tag">.htaccess code generator - disable hotlinking</a></li>
<p></p>
<li class="red"><a href="http://thejackol.com/htaccess-cheatsheet" rel="tag">.htaccess Cheatsheet</a></li>
<p></p>
<li><a href="http://www.accessify.com/tools-and-wizards/acrobot/default.asp" rel="tag">Acrobot Abbreviation and Acronym Generator</a></li>
<p></p>
<li><a href="http://www.phpbuilder.com/columns/vaska20050722.php3" rel="tag">10 Tips That Every PHP Newbie Should Know</a></li>
<p></p>
<li><a href="http://www.phpbuilder.com/columns/vaska20050812.php3" rel="tag">10 Tips That Every PHP Newbie Should Know [ Part 2 ]</a></li>
<p></p>
<li><a href="http://www.codecoffee.com/articles/9tips.html" rel="tag">9 Javascript(s) you better not miss!</a></li>
<p></p>
<li><a href="http://www.intersmash.com/300images/" rel="tag">300 Images From 1800 Sites (arrows, posts, comments, bullets, print etc.)</a></li>
<p></p>
<li><a href="http://www.accessify.com/tools-and-wizards/default.asp" rel="tag">9 useful tools for web design</a></li>
<p></p>
<li><a href="http://www.willmaster.com/possibilities/demo/aelgwase.html" rel="tag">Advanced Email Link Generator</a></li>
<p></p>
<li><a href="http://www.reeddesign.co.uk/test/points-pixels.html" rel="tag">Approximate Conversion from Points to Pixels</a></li>
<p></p>
<li><a href="http://www.lucazappa.com/brilliantMaker/buttonImage.php" rel="tag">80&#215;15 Brilliant Button Maker</a></li>
<p></p>
<li class="ru"><a href="http://sheridan.stavcom.ru/smallbnlist.php?folder=minibns.web.blog." rel="tag">80&#215;15 Collection</a> <img src="ru.png" width="16" height="11" alt="Russian" /></li>
<p></p>
<li><a href="http://button.blogflux.com/" rel="tag">80&#215;15 Button Maker and Generator &#8211; Blog Flux</a></li>
<p></p>
<li><a href="http://buttonmaker.80by15.com/" rel="tag">80by15</a></li>
<p></p>
<li><a href="http://gtmcknight.com/buttons/" rel="tag">80&#215;15 Buttons Gallery</a></li>
<p></p>
<li class="red"><a href="http://lab.rails2u.com/bgmaker/" rel="tag">Background Image Maker</a></li>
<p></p>
<li class="red"><a href="http://somerandomdude.net/srd-projects/bitcons/" rel="tag">Bitcons Icons</a></li>
<p></p>
<li><a href="http://www.browsercam.com" rel="tag">Browsercam &#8211; Check how your web-site looks in different browsers</a></li>
<p></p>
<li><a href="http://www.browsershots.org/recent/">BrowserShots</a></li>
<p></p>
<li><a href="http://www.stylegala.com/features/bulletmadness/">Bullet Madness</a></li>
<p></p>
<li class="red"><a href="http://nces.ed.gov/nceskids/Graphing/" rel="tag">Create a Graph Online</a></li>
<p></p>
<li><a href="http://www.el73.be/drunkey-love/category/icons/" rel="tag">Drunkey Love Icons</a></li>
<p></p>
<li><a href="http://services.nexodyne.com/email/index.php" rel="tag">E-mail: E-Mail Icon Generator</a></li>
<p></p>
<li><a href="http://www.iconico.com/emailProtector/" rel="tag">E-mail: Online Email Protector</a></li>
<p></p>
<li><a href="http://digitalcolony.com/02/maskemail/inc/genEmailMask.asp" rel="tag">E-Mail: Mask Email Image Generator</a></li>
<p></p>
<li><a href="http://www.encytemedia.com/effectspack/" rel="tag">EffectsPack &#8211; Prototype/Effects based javascript effects</a></li>
<p></p>
<li><a href="http://www.faganfinder.com/urlinfo/">FaganFinder URLInfo</a></li>
<p></p>
<li><a href="http://www.famfamfam.com/lab/icons/" rel="tag">famfamfam.com: Icons</a></li>
<p></p>
<li><a href="http://www.chami.com/html-kit/services/favicon/" rel="tag">FavIcon Generator [1]</a></li>
<p></p>
<li><a href="http://209.59.146.86/favicon/index.php" rel="tag">FavIcon Generator [2]</a></li>
<p></p>
<li><a href="http://deltatangobravo.com/archives/2004/march/favourite" rel="tag">Favourite Favicons </a></li>
<p></p>
<li><a href="http://www.blakems.com/archives/000087.html" rel="tag">Favourite Javascripts for Designers</a></li>
<p></p>
<li><a href="http://flagrantdisregard.com/flickr/badge.php" rel="tag">Flickr Badge Maker</a></li>
<p></p>
<li class="red"><a href="http://www.generator.de.tt/" rel="tag">Google sitemap generator</a></li>
<p></p>
<li><a href="http://www.danvine.com/icapture/" rel="tag">iCapture &#8211; see through the eyes of a Mac browser</a></li>
<p></p>
<li><a href="http://www.danvine.com/iecapture/" rel="tag">ieCapture v. 0.0.4 alpha</a></li>
<p></p>
<li><a href="http://www.chami.com/html-kit/services/imge/help/">Image Embellisher</a></li>
<p></p>
<li><a href="http://www.mattkruse.com/javascript/" rel="tag">JavaScript Toolbox &#8211; Reusable Libraries And Objects</a></li>
<p></p>
<li class="red"><a href="http://moofx.mad4milk.net" rel="tag">JavaScript Toolbox: moo.fx</a></li>
<p></p>
<li><a href="http://www.siteowner.com/system/linkcheck.asp" rel="tag">Link checker</a></li>
<p></p>
<li><a href="http://www.1-hit.com/all-in-one/tool.loading-time-checker.htm">Load time check</a></li>
<p></p>
<li><a href="http://www.chami.com/html-kit/services/is/">Online Image Splitter</a></li>
<p></p>
<li class="red"><a href="http://www.picturecloud.com/index.php" rel="tag">PictureCloud.com</a></li>
<p></p>
<li><a href="http://polaroidonizer.5gigs.com" rel="tag">Polaroid-o-nizer</a></li>
<p></p>
<li class="red"><a href="http://www.mcanerin.com/EN/search-engine/robots-txt.asp" rel="tag">Robots.txt Generator</a></li>
<p></p>
<li><a href="http://www.searchcode.de/robotstxt.php" rel="tag">robots.txt-Generator</a> <img src="de.png" width="16" height="11" alt="German" /></li>
<p></p>
<li class="red"><a href="http://somerandomdude.net/srd-projects/clearbits" rel="tag">Sanscons Icon Set</a></li>
<p></p>
<li><a href="http://www.anybrowser.com/ScreenSizeTest.html">Screen size simulator</a></li>
<p></p>
<li><a href="http://www.w3.org/2003/12/semantic-extractor.html">Semantics extractor</a></li>
<p></p>
<li><a href="http://www.airtightinteractive.com/simpleviewer/auto_instruct.html" rel="tag">SimpleViewer v1.7</a></li>
<p></p>
<li class="red"><a href="http://www.addme.com/ror-sitemap-generator.htm" rel="tag">Sitemap Generator</a></li>
<p></p>
<li><a href="http://slayeroffice.com/" rel="tag">slayeroffice tools</a></li>
<p></p>
<li><a href="http://bitworking.org/projects/sparklines/#generator" rel="tag">Sparkline Generator Web Application</a></li>
<p></p>
<li><a href="http://livsey.org/experiments/textareatools/" rel="tag">Textarea tools</a></li>
<p></p>
<li><a href="http://www.inknoise.com/experimental/rolloverer.php" rel="tag">The Amazing Rolloverer</a></li>
<p></p>
<li><a href="http://www.bram.us/_theboxoffice/" rel="tag">The Box Office 0.4</a></li>
<p></p>
<li class="red"><a href="http://www.tipue.com/products/tipue/" rel="tag">Tipue Javascript-Based Search Engine</a></li>
<p></p>
<li><a href="http://cross-browser.com/toys/" rel="tag">Toys &#8211; dhtml and javascript libraries, demos and applications</a></li>
<p></p>
<li><a href="http://www.websiteoptimization.com/services/analyze/" rel="tag">Web Page Analyzer</a></li>
<p></p>
<li><a href="http://www.delorie.com/web/wpbcv.html" rel="tag">Web Page Backward Compatibility Viewer</a></li>
<p>
		</ul>
<p>		<span class="head"><a href="#" name="ajaxapps">// ajax applications</a></span></p>
<ul></p>
<li><a href="http://ajax.zervaas.com.au/" rel="tag">AjaxAC &#8211; Open-source PHP framework for creating AJAX / JavaScript applications</a></li>
<p></p>
<li><a href="http://www.adaptivepath.com/publications/essays/archives/000385.php" rel="tag">Ajax: A New Approach to Web Applications</a></li>
<p></p>
<li><a href="http://developer.mozilla.org/en/docs/AJAX" rel="tag">AJAX &#8211; Devmo</a></li>
<p></p>
<li class="red"><a href="http://www.robertnyman.com/2005/11/13/proudly-presenting-ajax-s/" rel="tag">AJAX-S: An Ajax-based slideshow system</a></li>
<p></p>
<li class="red"><a href="http://www.ajaxian.com/archives/2005/11" rel="tag">Ajax and Flash: AFLAX</a></li>
<p></p>
<li class="red"><a href="http://snyke.net/blog/2006/02/05/ajax-design-patterns/" rel="tag">Ajax Design Patterns: Fading Roses &amp; Raging Viruses</a></li>
<p></p>
<li class="red"><a href="http://ajaxian.com/" rel="tag">Ajaxian</a></li>
<p></p>
<li><a href="http://www.ajaxpatterns.org">AjaxPatterns.Org</a></li>
<p></p>
<li><a href="http://www.feedfeeds.com/feedtv" rel="tag">Ajax Feed TV</a></li>
<p></p>
<li><a href="http://www.unwieldy.net/ajaxim/" rel="tag">ajax instant messanger</a></li>
<p></p>
<li class="red"><a href="http://ajax.phpmagazine.net/" rel="tag">AJAX Magazine</a></li>
<p></p>
<li><a href="http://alexbosworth.backpackit.com/pub/67688" rel="tag">Ajax Mistakes</a></li>
<p></p>
<li><a href="http://sparkcasting.com/assets/ajax/mta/" rel="tag">Ajax Multiple Text Applicator 0.1</a></li>
<p></p>
<li><a href="http://www.onlamp.com/pub/a/onlamp/2005/06/09/rails_ajax.html" rel="tag">Ajax on Rails</a></li>
<p></p>
<li><a href="http://blog.joshuaeichorn.com/ajax-resources/" rel="tag">Ajax Resources: There and Back Again</a></li>
<p></p>
<li><a href="http://www.ajaxtoolbox.com" rel="tag">Ajax Toolbox</a></li>
<p></p>
<li><a href="http://www.sitepoint.com/article/remote-scripting-ajax" rel="tag">AJAX: Usable Interactivity with Remote Scripting [JavaScript &amp; DHTML Tutorials]</a></li>
<p></p>
<li><a href="http://www.fiftyfoureleven.com/resources/programming/xmlhttprequest/examples" rel="tag">Ajax Working Examples &amp; XMLHttpRequest</a></li>
<p></p>
<li><a href="http://ripcord.co.nz/behaviour/" rel="tag">Behaviour is the missing link for your ajax apps</a></li>
<p></p>
<li><a href="http://labs.revision10.com/?p=5" rel="tag">Dynamic Ajax Tables</a></li>
<p></p>
<li class="red"><a href="http://www.earthcode.com/ajax/2005/12/jslog.html" rel="tag">JSlog: Ajax logging tool</a></li>
<p></p>
<li><a href="http://www.webreference.com/programming/javascript/jf/column12/index.html" rel="tag">How to Develop Web Applications with Ajax</a></li>
<p></p>
<li><a href="http://prototype.conio.net/" rel="tag">Prototype JavaScript Framework</a></li>
<p></p>
<li><a href="http://openrico.org/rico/demos.page" rel="tag">Rico &#8211; Demos: Javascript + Ajax for Rich Internet Applications</a></li>
<p></p>
<li><a href="http://www.modernmethod.com/sajax/" rel="tag">Sajax: Simple Ajax Toolkit</a></li>
<p></p>
<li><a href="http://www.devarticles.com/c/a/XML/Step-by-Step-to-AJAX/" rel="tag">Step by Step to AJAX</a></li>
<p></p>
<li class="red"><a href="http://www.sitepoint.com/article/take-command-ajax" rel="tag">Take Command with AJAX [JavaScript &amp; DHTML Tutorials]</a></li>
<p></p>
<li><a href="http://www.aventureforth.com/?p=13" rel="tag">Top 10 Ajax Applications </a></li>
<p></p>
<li class="red"><a href="http://24ways.org/advent/introducing-udasss" rel="tag">Unobtrusive Degradable Ajax Style Sheet Switcher!</a></li>
<p></p>
<li><a href="http://jszen.blogspot.com/2005/05/ajaxed-out.html">What is Ajax?</a></li>
<p>
		</ul>
<p>		<span class="head"><a href="#" name="dom">// DOM</a></span></p>
<ul></p>
<li><a href="http://www.sidedev.net/jsoop/dropdowns/" rel="tag">Accessible DOM DropDown Menu</a></li>
<p></p>
<li><a href="http://www.nickrigby.com/article/25/drop-down-menus-horizontal-style-pt-3" rel="tag">DOM Drop-Down Menus, Horizontal Style @ nickrigby.com</a></li>
<p></p>
<li><a href="http://www.gazingus.org/html/DOM-Scripted_Lists_Revisited.html" rel="tag">DOM-Scripted Lists, Revisited</a></li>
<p></p>
<li class="red"><a href="http://domscripting.com/blog/" rel="tag">DOM Scripting: The Blog</a></li>
<p></p>
<li><a href="http://www.boxofchocolates.ca/archives/2005/05/23/dockable-comments-intelligent-dom-scripting" rel="tag">DOM: Dockable Comments: Intelligent DOM Scripting</a></li>
<p></p>
<li><a href="http://www.jerseystyle.net/cropper/" rel="tag">DOM: Dom-Drag-Crop</a></li>
<p></p>
<li><a href="http://slayeroffice.com/?c=/content/tools/modi.html" rel="tag">DOM: Mouseover DOM Inspector</a></li>
<p></p>
<li><a href="http://icant.co.uk/domslides/" rel="tag">DOMSlides</a></li>
<p></p>
<li class="red"><a href="http://onlinetools.org/tools/domtabdata/" rel="tag">DOMTab &#8211; Navigation tabs with CSS and DOMscripting</a></li>
<p></p>
<li><a href="http://icant.co.uk/articles/imagepreview/" rel="tag">Dynamic thumbnails and preview images with DOM, CSS and PHP</a></li>
<p></p>
<li><a href="http://www.twinhelix.com/dhtml/fsmenu/" rel="tag">FreeStyle Menus &#8211; TwinHelix</a></li>
<p></p>
<li><a href="http://www.mozilla.org/docs/dom/domref/dom_shortTOC.html" rel="tag">Gecko DOM Reference</a></li>
<p>
		</ul>
<p>		<span class="head"><a href="#" name="fonts">// fonts</a></span></p>
<ul></p>
<li><a href="http://www.alvit.de/blog/article/20-best-license-free-official-fonts" rel="tag">25 Best Quality License-Free Fonts</a></li>
<p></p>
<li><a href="http://www.dafont.com/en/top.php" rel="tag">100 Seriously Free Fonts</a></li>
<p></p>
<li><a href="http://www.andybudd.com/archives/2005/06/desert_island_fonts_round_1/index.php" rel="tag">Desert Island Fonts</a>: <a href="http://www.andybudd.com/archives/2005/06/desert_island_fonts_round_1/index.php">Round 1</a>, <a href="http://www.andybudd.com/archives/2005/06/desert_island_fonts_round_2/index.php">Round 2</a>, <a href="http://www.andybudd.com/archives/2005/06/desert_island_fonts_round_3/index.php">Round 3</a>, <a href="http://www.andybudd.com/archives/2005/07/desert_island_fonts_final_round/index.php">Final Round</a></li>
<p></p>
<li><a href="http://www.goodfonts.org" rel="tag">Essential Fonts For Designers | 300 Free Truetype Fonts You Should Have</a></li>
<p></p>
<li><a href="http://www.fontleech.com">fontleech</a></li>
<p></p>
<li><a href="http://www.stcassociates.com/lab/fontbrowser.html" title="_blank">Font Browser</a></li>
<p></p>
<li><a href="http://www.angelfire.com/al4/rcollins/style/fonts.html" rel="tag">Font guide for webmasters</a></li>
<p></p>
<li><a href="http://typenav.fontshop.com/">Font Type Navigator</a></li>
<p></p>
<li><a href="http://www.fontsmack.com" rel="tag">Fontsmack (a repository of sIFR fonts)</a></li>
<p></p>
<li><a href="http://praegnanz.de/essays" rel="tag">praegnanz.de &#8211; Free Quality Fonts</a></li>
<p></p>
<li><a href="http://www.identifont.com/identify.html">Identifont &#8211; Identify a font <img src="de.png" width="16" height="11" alt="German" /></a></li>
<p></p>
<li><a href="http://www.korhoen.net/css_typeviewer.html" rel="tag">korhoen typeviewer</a></li>
<p></p>
<li class="red"><a href="http://moorstation.org/typoasis/designers/klein03/index.htm" rel="tag">Manfred Klein @ typOasis &#8211; 2003</a></li>
<p></p>
<li><a href="http://www.minifonts.com">Minifonts.com</a></li>
<p></p>
<li><a href="http://www.lowing.org/fonts/" rel="tag">Monospace/Fixed Width Programmer&#8217;s Fonts</a></li>
<p></p>
<li><a href="http://pixelfonts.style-force.net/" rel="tag">Pixelfonts: Style-Force Semplice Pixelfonts</a></li>
<p></p>
<li><a href="http://www.searchfreefonts.com/" rel="tag">Search Free Fonts</a></li>
<p></p>
<li><a href="http://simplythebest.net/fonts/">SimplyTheBest: Fonts</a></li>
<p></p>
<li><a href="http://www.trulyfreestock.com/" rel="tag">Truly Free Stock</a></li>
<p></p>
<li><a href="http://typetester.maratz.com/">Typetester</a></li>
<p></p>
<li><a href="http://www.myfonts.com/WhatTheFont/">WhatTheFont?!</a></li>
<p>
		</ul>
<p>		<span class="head"><a href="#" name="typography">// typography</a></span></p>
<ul></p>
<li><a href="http://typographi.com/000969.php" rel="tag">Favorite Fonts of 2004</a></li>
<p></p>
<li><a href="http://www.markboulton.co.uk/journal/comments/five_simple_steps_to_better_typography/" rel="tag">Five simple steps to better typography</a></li>
<p></p>
<li class="red"><a href="http://www.sitepoint.com/article/anatomy-web-fonts/2" rel="tag">The Anatomy of Web Fonts</a></li>
<p></p>
<li class="red"><a href="http://webtypography.net/" rel="tag">The Elements of Typographic Style Applied to the Web &#8211; a practical guide to web typography</a></li>
<p></p>
<li><a href="http://www.poynter.org/column.asp?id=47&amp;aid=78683" rel="tag">The Next Big Thing in Online Type</a></li>
<p></p>
<li><a href="http://www.cameronmoll.com/archives/000240.html" rel="tag">The non-typographer&#8217;s guide to practical typeface selection</a></li>
<p></p>
<li><a href="http://www.thinkingwithtype.com" rel="tag">Thinking With Type</a></li>
<p></p>
<li><a href="http://www.page-online.de/weblog/wwwpage_onlinede_weblog_typopage/">Typolinks</a></li>
<p></p>
<li><a href="http://www.simplebits.com/notebook/2005/05/18/type.html" rel="tag">Typography Resources</a></li>
<p>
		</ul>
<p>		<span class="head"><a href="#" name="rss">// RSS</a></span></p>
<ul></p>
<li class="red"><a href="http://blogs.law.harvard.edu/tech/rss" rel="tag">RSS 2.0 Specification</a></li>
<p></p>
<li class="red"><a href="http://softwaregarden.com/products/listgarden/" rel="tag">ListGarden RSS Feed Generator</a></li>
<p>
		</ul>
<p>		<span class="head"><a href="#" name="cms">// CMS &amp; forum software</a></span></p>
<ul></p>
<li><a href="http://www.cmswire.com">CMSwire.com</a></li>
<p></p>
<li><a href="http://www.opensourceCMS.com">CMS: opensourceCMS.com</a></li>
<p></p>
<li><a href="http://www.cmsmatrix.org">CMS Matrix</a></li>
<p></p>
<li class="red"><a href="http://communityserver.org/" rel="tag">Community Server 2.0</a></li>
<p></p>
<li class="red"><a href="http://www.k4bb.org/" rel="tag">k4 Bulletin Board</a></li>
<p></p>
<li class="red"><a href="http://en.wikipedia.org/wiki/Comparison_of_Internet_forum_software" rel="tag">Comparison of Internet forum software</a></li>
<p></p>
<li class="red"><a href="http://getvanilla.com/" rel="tag">Lussumo Vanilla</a></li>
<p></p>
<li class="red"><a href="http://lussumo.com/docs/doku.php?id=vanilla:extensions" rel="tag">Lussumo Vanilla:extensions</a></li>
<p></p>
<li class="red"><a href="http://lussumo.com/docs/doku.php?id=vanilla:styles" rel="tag">Lussumo Vanilla:styles</a></li>
<p></p>
<li class="red"><a href="http://www.forensoftware.de/index.php?lang=english" rel="tag">Software for discussion boards: an overview</a></li>
<p>
		</ul>
<p>		<span class="head"><a href="#" name="blogging">// blogging</a></span></p>
<ul></p>
<li class="red"><a href="http://www.quickonlinetips.com/archives/2005/05/15-common-mistakes-by-google-adsense-publishers/" rel="tag">15 Common Mistakes by Google Adsense, Google Adsense Secrets</a></li>
<p></p>
<li><a href="http://blo.gs">blo.gs</a></li>
<p></p>
<li><a href="http://blogbuddy.sourceforge.net/">BlogBuddy</a></li>
<p></p>
<li><a href="http://blogdex.net/">Blogdex</a></li>
<p></p>
<li><a href="http://www.bloghop.com/">Bloghop</a></li>
<p></p>
<li><a href="http://www.blogger.com" rel="tag">Blogger.com</a></li>
<p></p>
<li><a href="http://blogger-templates.blogspot.com/" rel="tag">Blogger.com Templates</a></li>
<p></p>
<li><a href="http://www.bloglet.com/">Bloglet</a></li>
<p></p>
<li><a href="http://blogrolling.com/">BlogRolling</a></li>
<p></p>
<li><a href="http://blogshares.com/">Blogshares</a></li>
<p></p>
<li><a href="http://www.blogwise.com">Blogwise</a></li>
<p></p>
<li><a href="http://www.corporateblogging.info">CorporateBlogging.Info</a></li>
<p></p>
<li><a href="http://www.daypop.com/top/" rel="tag">DayPop &#8211; The hot topics in the weblogging community</a></li>
<p></p>
<li><a href="http://www.quickonlinetips.com/archives/2005/04/free-essential-tools-for-blogger/" rel="tag">QOT: Free Essential Tools for Blogger</a></li>
<p></p>
<li class="red"><a href="http://googleadspreview.blogspot.com/" rel="tag">Google Adsense, Yahoo YPN, Chitika eMiniMalls Sandbox &#8211; Ad Comparison Tool</a></li>
<p></p>
<li><a href="http://www.adsense-toolbox.com/adsense-optimizer.php" rel="tag">Google Adsense Optimizer</a></li>
<p></p>
<li><a href="http://vaughns-1-pagers.com/internet/google-adsense-words.htm" rel="tag">Google AdSense Stop Words</a></li>
<p></p>
<li><a href="http://adsenselogger.com/" rel="tag">Google Adsenselogger, Open Source PHP Adsense Tracker</a></li>
<p></p>
<li><a href="http://www.google.com/services/adsense_webinar.html" rel="tag">Google AdSense Optimization Webinar</a></li>
<p></p>
<li class="red"><a href="http://www.wolf-howl.com/?p=284" rel="tag">Google Adsense Tips, Tricks, and Secrets</a></li>
<p></p>
<li><a href="http://styles.movalog.com/generator/" rel="tag">Movable Type Style Generator</a></li>
<p></p>
<li><a href="http://mt-plugins.org/">MT Plugin Directory</a></li>
<p></p>
<li><a href="http://www.myelin.co.nz/ecosystem/">Myelin: Blogging EcoSystem</a></li>
<p></p>
<li><a href="http://blogsnob.idya.net/">Pheedo</a></li>
<p></p>
<li><a href="http://www.pmachinehowto.com">pMachine How-to</a></li>
<p></p>
<li><a href="http://pingomatic.com/" rel="tag">Ping-O-Matic!</a></li>
<p></p>
<li><a href="http://www.popdex.com">Popdex</a></li>
<p></p>
<li><a href="http://www.technorati.com/" rel="tag">Technorati &#8211; Blog &amp; Internet Search</a></li>
<p></p>
<li><a href="http://textpattern.org/about/91/for-more-information" rel="tag">Textpattern and Textpattern Resources</a></li>
<p></p>
<li><a href="http://www.ojr.org/ojr/stories/050714gardner/" rel="tag">Time to check: Are you using the right blogging tool?</a></li>
<p></p>
<li><a href="http://www.lights.com/weblogs/index.html">Weblogs Compendium</a></li>
<p></p>
<li class="red"><a href="http://internet.newsforge.com/internet/06/01/30/1724203.shtml?tid=13" rel="tag">WordPress: Must-have plugins</a></li>
<p></p>
<li class="red"><a href="http://dev.wp-plugins.org/" rel="tag">WordPress Plugin Repository</a></li>
<p></p>
<li class="red"><a href="http://wp-plugins.net/" rel="tag">WordPress Plugins Database</a></li>
<p>
		</ul>
<p>		<span class="head"><a href="#" name="specifications">// specifications</a></span></p>
<ul></p>
<li><a href="http://www.blooberry.com/indexdot/css/propindex/all.htm" rel="tag">All CSS Properties Listed Alphabetically</a></li>
<p></p>
<li><a href="http://www.thenoodleincident.com/tutorials/css/index.html" rel="tag">CSS Panic Guide</a></li>
<p></p>
<li class="red"><a href="http://www.456bereastreet.com/archive/200509/css_21_selectors_part_1/" rel="tag">CSS 2.1 selectors @ 456 Berea Street</a></li>
<p></p>
<li><a href="http://www.westciv.com/news/podguide.html" rel="tag">CSS Pod Guide @ Westciv</a></li>
<p></p>
<li><a href="http://www.stylegala.com/features/css-reference/" rel="tag">CSS Reference @ Stylegala</a></li>
<p></p>
<li><a href="http://www.w3schools.com/css/css_reference.asp" rel="tag">CSS Reference @ W3Schools</a></li>
<p></p>
<li><a href="http://www.w3.org/TR/REC-CSS1" rel="tag">Cascading Style Sheets &#8211; level 1 (CSS1)</a></li>
<p></p>
<li><a href="http://www.w3.org/TR/REC-CSS2/" rel="tag">Cascading Style Sheets &#8211; level 2 (CSS2)</a></li>
<p></p>
<li><a href="http://www.w3.org/TR/CSS21/">Cascading Style Sheets, level 2 revision 1. CSS 2.1 Specification</a></li>
<p></p>
<li><a href="http://www.petefreitag.com/item/455.cfm" rel="tag">Cheat Sheet Roundup &#8211; Over 30 Cheatsheets for developers</a></li>
<p></p>
<li><a href="http://www.blooberry.com/indexdot/css/propindex/all.htm" rel="tag">CSS Property Index</a></li>
<p></p>
<li><a href="http://webref.info/?ID=291" rel="tag">CSS Reference</a></li>
<p></p>
<li><a href="http://www.w3.org/TR/REC-DOM-Level-1/" rel="tag">Document Object Model (DOM) Level 1 Specification</a></li>
<p></p>
<li><a href="http://www.w3.org/TR/DOM-Level-2-Core/" rel="tag">Document Object Model (DOM) Level 2 Specification</a></li>
<p></p>
<li><a href="http://www.w3.org/TR/DOM-Level-3-Core/" rel="tag">Document Object Model (DOM) Level 3 Specification</a></li>
<p></p>
<li><a href="http://www.w3.org/TR/html4/" rel="tag">HTML 4.01 Specifications</a></li>
<p></p>
<li><a href="http://www.cs.tcd.ie/15445/15445.html" rel="tag">ISO-HTML Specification</a></li>
<p></p>
<li><a href="http://www.webreference.com/javascript/reference/core_ref/" rel="tag">JavaScript Core Guide 1.5</a></li>
<p></p>
<li><a href="http://www.w3.org/TR/xhtml1/" rel="tag">XHTML 1.0 Specifications</a></li>
<p></p>
<li class="red"><a href="http://www.digitalmediaminute.com/reference/entity/index.php" rel="tag">XHTML Character Entity Reference</a></li>
<p></p>
<li><a href="http://www.w3.org/TR/2005/WD-xhtml2-20050527/" rel="tag">XHTML 2.0 &#8211; W3C Working Draft</a></li>
<p></p>
<li><a href="http://www.zvon.org/index.php?nav_id=references" rel="tag">XML / HTML References</a></li>
<p></p>
<li><a href="http://www.w3.org/TR/" rel="tag">W3C Technical Reports and Publications</a></li>
<p></p>
<li><a href="http://www.devx.com/projectcool" rel="tag">Project Cool: Web Development Basics</a></li>
<p></p>
<li class="red"><a href="http://www.snook.ca/archives/000531.php" rel="tag">Prototype Cheat Sheet</a></li>
<p></p>
<li><a href="http://hobix.com/textile/" rel="tag">Textile Reference</a></li>
<p></p>
<li><a href="http://www.understandingxml.com" rel="tag">Understanding XML</a></li>
<p></p>
<li><a href="http://www.w3.org/TR/WAI-WEBCONTENT/" rel="tag">Web Content Accessibility Guidelines1.0</a></li>
<p></p>
<li class="red"><a href="http://www.webucator.com/resources/css/reference.html" rel="tag">Webucator CSS Reference</a></li>
<p></p>
<li><a href="http://www.westciv.com/style_master/academy/css_tutorial/" rel="tag">Westciv Complete CSS Guide</a></li>
<p></p>
<li><a href="http://www.zvon.org/index.php?nav_id=references&amp;mime=html" rel="tag">ZVON.org &#8211; The Guide to the XML Galaxy</a></li>
<p>
		</ul>
<p>		<span class="head"><a href="#" name="usabilitya">// usability &amp; accessibility</a></span></p>
<ul></p>
<li><a href="http://www.access-matters.com">Access Matters</a></li>
<p></p>
<li><a href="http://webdeveloper.internet.com/forum/showthread.php?t=45104">All You Need For Accessibility &#8211; Tutorials, Tools, Books, Validators, etc: part 1</a>,<br />
		<a href="http://webdeveloper.internet.com/forum/showthread.php?t=45104">part 2</a></li>
<p></p>
<li><a href="http://jfly.iam.u-tokyo.ac.jp/color/" rel="tag">Colorblind Barrier Free</a></li>
<p></p>
<li><a href="http://headrush.typepad.com/creating_passionate_users/2005/06/featuritis_vs_t.html" rel="tag">Creating Passionate Users: Featuritis vs. the Happy User Peak</a></li>
<p></p>
<li><a href="http://webtips.dan.info" rel="tag">Dan Tobias&#8217; Web Tips</a></li>
<p></p>
<li><a href="http://ergo.human.cornell.edu/ahtutorials/interface.html" rel="tag">Ergonomic Guidelines for Interface Design</a></li>
<p></p>
<li><a href="http://lois.co.uk/web/articles/index.shtml" rel="tag">&#8220;Eye for information&#8221;</a></li>
<p></p>
<li><a href="http://blog.eyetools.net/eyetools_research/" rel="tag">Eyetools Research Blog</a></li>
<p></p>
<li><a href="http://www.eyetools.com" rel="tag">Eyetools Eyetracking Analysis</a></li>
<p></p>
<li class="red"><a href="http://www.uxmatters.com/MT/archives/000040.php" rel="tag">Eyetracking: Seeing Through Your Users</a></li>
<p></p>
<li class="red"><a href="http://www.designcrux.netfirms.com/designex_infographics.html" rel="tag">Infographics, Exploring Visual Information Design</a></li>
<p></p>
<li><a href="http://www.uxmatters.com/MT/archives/000040.php" rel="tag">Introduction to Eyetracking: Seeing Through Your Users&#8217; Eyes</a></li>
<p></p>
<li><a href="http://www.poynterextra.org/eyetrack2004/main.htm" rel="tag">Eyetrack III &#8211; What You Most Need to Know</a></li>
<p></p>
<li><a href="http://psychology.wichita.edu/surl/usabilitynews/61/breadcrumb.htm" rel="tag">Influence of Training and Exposure on the Usage of Breadcrumb Navigation</a></li>
<p></p>
<li class="de"><a href="http://www.kommdesign.de/" rel="tag">KommDesign</a> <img src="de.png" width="16" height="11" alt="German" /></li>
<p></p>
<li><a href="http://www.microsoft.com/usability/">Microsoft Usability Homepage</a></li>
<p></p>
<li><a href="http://www.guuui.com/issues/01_05.php">Navigation blindness: How to deal with the fact that people tend to ignore navigation tool</a></li>
<p></p>
<li class="red"><a href="http://simplyaccessible.org/" rel="tag">Simply Accessible</a></li>
<p></p>
<li><a href="http://www.siteusability.com" rel="tag">Siteusability.com</a></li>
<p></p>
<li><a href="http://www.skillsforaccess.org.uk" rel="tag">Skills for Access</a></li>
<p></p>
<li><a href="http://www.useit.com/alertbox/sizelimits.html">Required size limits for various connection speeds</a></li>
<p></p>
<li><a href="http://www.guuui.com">The Interaction Designer&#8217;s Coffee Break</a></li>
<p></p>
<li class="red"><a href="http://www.uie.com/brainsparks/" rel="tag">UIE Brain Sparks</a></li>
<p></p>
<li><a href="http://uitest.com/en/cat/analysis/" rel="tag">UITest.com: User Interface Test Resources List</a></li>
<p></p>
<li><a href="http://www.usabilityfirst.com/">usabilityfirst.com</a></li>
<p></p>
<li><a href="http://www.usablenet.com/">usablenet.com</a></li>
<p></p>
<li class="de"><a href="http://www.web-blog.net/" rel="tag">Usability Inside | Weblog</a> <img src="de.png" width="16" height="11" alt="German" /></li>
<p></p>
<li><a href="http://www.usabilityviews.com">Usability Views</a></li>
<p></p>
<li><a href="http://www.useit.com" rel="tag">useit.com</a></li>
<p></p>
<li><a href="http://www.usernomics.com/user-interface-design.html">User Interface Design</a></li>
<p></p>
<li><a href="http://www.nils.org.au/ais/web/resources/toolbar/" rel="tag">Web Accessibility Toolbar</a></li>
<p></p>
<li><a href="http://www.usability.com.au/index.cfm" rel="tag">webusability &#8211; accessibility &amp; usability services</a></li>
<p></p>
<li><a href="http://www.alistapart.com/articles/wiwa/" rel="tag">What is Web Accessibility?</a></li>
<p></p>
<li><a href="http://www.robertnyman.com/2005/06/14/why-accessibility/" rel="tag">Why accessibility?</a></li>
<p>
		</ul>
<p>		<span class="head"><a href="#" name="addalink">// add a link (free)</a></span></p>
<ul></p>
<li><a href="http://www.google.com/addurl/" rel="tag">Google Search Engine Crawler</a></li>
<p></p>
<li><a href="http://www.exactseek.com/add.html" rel="tag">ExactSeek Search Engine Crawler</a></li>
<p></p>
<li><a href="http://feedshark.brainbliss.com" rel="tag">Feed Shark</a></li>
<p></p>
<li><a href="http://all4one.searchallinone.com">Search AllinOne MetaSearch!</a></li>
<p></p>
<li><a href="http://submit.search.yahoo.com/free/request" rel="tag">Yahoo Search Engine Crawler</a></li>
<p></p>
<li><a href="http://www.searchenginechannel.com">Searchengine Channel</a></li>
<p></p>
<li><a href="http://www.tipsntutorials.com/Top-Directories/" rel="tag">Top Directories with free web site submission</a></li>
<p></p>
<li><a href="http://www.5thage.com/List-of-Directories.html">A list of link<br />
		submission directories</a></li>
<p>
		</ul>
<p>		<span class="head"><a href="#" name="seotools">// seo tools</a></span></p>
<ul></p>
<li><a href="http://www.seocompany.ca/tool/seo-tools.html" rel="tag">99 Free SEO Tools</a></li>
<p></p>
<li><a href="http://www.456bereastreet.com/archive/200502/basics_of_search_engine_optimisation/" rel="tag">Basics of search engine optimisation</a></li>
<p></p>
<li><a href="http://www.devtoolz.com/" rel="tag">DevToolz</a></li>
<p></p>
<li><a href="http://comparesearchengines.dogpile.com/" rel="tag">Dogpile</a></li>
<p></p>
<li><a href="http://www.iconinteractive.com/tools/pop/index.php" rel="tag">icon interactive Link Popularity Tool</a></li>
<p></p>
<li><a href="http://www.webworkshop.net/pagerank_calculator.php3">Google&#8217;s PageRank &#8211; Calculator</a></li>
<p></p>
<li><a href="http://www.searchengineworld.com/cgi-bin/kwda.cgi" rel="tag">Keyword Density Analyzer</a></li>
<p></p>
<li><a href="http://www.marketleap.com/verify/default.htm" rel="tag">Marketleap Search Engine Marketing Tools</a></li>
<p></p>
<li><a href="http://www.nichebot.com" rel="tag">NicheBot &#8211; Keyword Database (Wordtracker keywords)</a></li>
<p></p>
<li><a href="http://inventory.overture.com/d/searchinventory/suggestion/" rel="tag">Overture Keyword Selector Tool</a></li>
<p></p>
<li><a href="http://www.nuah.com/google-pagerank-crawler/" rel="tag">Google Pagerank Crawler</a></li>
<p></p>
<li><a href="http://www.seocompany.ca/pagerank/page-rank-update-list.html" rel="tag">Page Rank Update List History</a></li>
<p></p>
<li><a href="http://www.gritechnologies.com/tools/spider.go" rel="tag">Poodle Predictor</a></li>
<p></p>
<li><a href="http://www.searchbliss.com" rel="tag">SearchBliss</a></li>
<p></p>
<li><a href="http://www.seochat.com" rel="tag">SEO Chat</a></li>
<p></p>
<li><a href="http://blog.suchmaschinen-optimierungen.info/seo-marks/" rel="tag">SEO-Marks &#8211; Lesezeichen zur Webseitenoptimierung</a> <img src="de.png" width="16" height="11" alt="German" /></li>
<p></p>
<li><a href="http://www.webmasterbrain.com" rel="tag">SEO Scanner &#8211; Pros&#8217; SEO Tool</a></li>
<p></p>
<li><a href="http://www.yahoosearchrankings.com" rel="tag">SEO Tool for Yahoo Search Engine</a></li>
<p></p>
<li><a href="http://www.siteometrics.com" rel="tag">SiteOMetrics</a></li>
<p></p>
<li><a href="http://www.searchengineworld.com/cgi-bin/sim_spider.cgi" rel="tag">Spider emulator</a></li>
<p></p>
<li><a href="http://www.webuildpages.com/tools/internet-marketing-google.htm" rel="tag">The Pages Indexed, Backlinks Domain, Pagerank, Allinanchor, Keyword Density</a></li>
<p></p>
<li><a href="http://www.delorie.com/web/lynxview.html" rel="tag">This is how a search engine robot sees your web-site</a></li>
<p></p>
<li><a href="http://www.langreiter.com/exec/yahoo-vs-google.html">Yahoo! &amp; Google Search Comparison</a></li>
<p>
		</ul>
<p>		<span class="head"><a href="#" name="seoreferences">// seo references</a></span></p>
<ul></p>
<li><a href="http://www.robotstxt.org/wc/active/html/" rel="tag">Database of Web Robots, Overview</a></li>
<p></p>
<li><a href="http://www.vaughns-1-pagers.com/internet/google-ranking-factors.htm" rel="tag">Google Ranking Factors</a></li>
<p></p>
<li><a href="http://marcusvorwaller.com/blog/archives/2005/08/09/how-to-find-a-great-domain-name/" rel="tag">How to Find a Great Domain Name</a></li>
<p></p>
<li><a href="http://www.searchenginewatch.com" rel="tag">Searchengine Watch</a></li>
<p></p>
<li><a href="http://www.highrankings.com/forum/" rel="tag">Search Engine Optimization Forum</a></li>
<p></p>
<li><a href="http://www.searchenginewatch.com/facts" rel="tag">Search Engines Overview</a></li>
<p></p>
<li><a href="http://www.allstarmakeovers.com/blog/2005/05/search-engine-visibility-do-you.html">Search Engine Visibility &#8211; Do You Measure Up?</a></li>
<p></p>
<li><a href="http://blog.outer-court.com/archive/2005-01-29-n34.html">Tools You Might Have Missed</a></li>
<p></p>
<li><a href="http://www-db.stanford.edu/~backrub/google.html" rel="tag">The Anatomy of a Large-Scale Hypertextual Web Search Engine</a></li>
<p></p>
<li><a href="http://www.searchenginewatch.com/facts/article.php/2156041" rel="tag">What People Search For</a></li>
<p></p>
<li><a href="http://www.buzzle.com/editorials/text6-10-2005-71368.asp" rel="tag">Great Site Ranking in Google The Secrets Out</a></li>
<p></p>
<li><a href="http://www.virtuoffice.com/node/view/241" rel="tag">How To Get Slashdotted</a></li>
<p>
		</ul>
<p>		<span class="head"><a href="#" name="howtogetthingsdone">// howtogetthingsdone</a></span></p>
<ul></p>
<li><a href="http://www.joshkaufman.net/archives/2005/03/the_josh_kaufma.html" rel="tag">Josh Kaufman: Inside My Bald Head</a></li>
<p></p>
<li><a href="http://www.lifehack.org" rel="tag">lifehack</a></li>
<p></p>
<li><a href="http://www.lifehut.org/" rel="tag">Problems in life | Getting things to work | Being Efficient | And More&#8230; &#8211; LifeHut </a></li>
<p></p>
<li><a href="http://www.to-done.com" rel="tag">to-done.com</a></li>
<p>
		</ul>
<p>		<span class="head"><a href="#" name="freelancers">// freelancers</a></span></p>
<ul></p>
<li><a href="http://www.bidstart.com" rel="tag">Bid Start Scripting Services &#8211; custom freelance programming and design work</a></li>
<p></p>
<li><a href="http://www.freelance-help.com" rel="tag">Freelance-Help.com</a></li>
<p></p>
<li class="red"><a href="http://www.cameronmoll.com/archives/000643.html" rel="tag">Full-time freelancing: 10 things learned in 180 days</a></li>
<p></p>
<li><a href="http://www.scriptlance.com">Scriptlance.com</a></li>
<p></p>
<li><a href="http://www.simplyhired.com">simply<b>hired</b></a></li>
<p></p>
<li><a href="http://www.webdevforums.com/showthread.php?p=39592" rel="tag">Must-see resources for freelancers</a></li>
<p></p>
<li class="red"><a href="http://mezzoblue.com/archives/2006/02/27/speaking_ti/" rel="tag">Speaking? Tips.</a></li>
<p></p>
<li><a href="http://www.garrettdimon.com/archives/steps-to-becoming-a-freelance-web-developer" rel="tag">Steps to Becoming a Freelance Web Developer</a></li>
<p></p>
<li class="red"><a href="http://www.talkfreelance.com/" rel="tag">Talkfreelance</a></li>
<p></p>
<li><a href="http://sthig.typepad.com/my_weblog/2005/03/the_ten_command.html">The Ten Commandments of Freelancing</a></li>
<p></p>
<li><a href="http://www.andybudd.com/archives/2005/05/top_tips_for_freelancers/index.php" rel="tag">Top Tips For Freelancers</a></li>
<p>
		</ul>
<p>		<span class="head"><a href="#" name="web20">// web 2.0</a></span></p>
<ul></p>
<li><a href="http://www.43things.com" rel="tag">43things</a></li>
<p></p>
<li><a href="http://www.blinklist.com">Blinklist</a></li>
<p></p>
<li><a href="http://del.icio.us">Del.icio.us</a></li>
<p></p>
<li><a href="http://www.flickr.com" rel="tag">Flickr</a></li>
<p></p>
<li><a href="http://www.last.fm" rel="tag">Last.fm</a></li>
<p></p>
<li><a href="http://www.listal.com" rel="tag">Listal</a></li>
<p></p>
<li><a href="http://ma.gnolia.com" rel="tag">Ma.gnolia</a></li>
<p></p>
<li><a href="http://www.google.de/analytics">Google Analytics</a></li>
<p></p>
<li><a href="http://www.tadalists.com" rel="tag">Ta-Da Lists</a></li>
<p></p>
<li><a href="http://www.newsvine.com" rel="tag">Newsvine</a></li>
<p></p>
<li><a href="http://www.measuremap.com" rel="tag">MeasureMap</a></li>
<p></p>
<li><a href="http://www.web2null.de" rel="tag">web2null</a> <img src="de.png" width="16" height="11" alt="German" /></li>
<p></p>
<li><a href="http://www.writely.com" rel="tag">Writely</a></li>
<p></p>
<li><a href="http://www.zimbra.com" rel="tag">Zimbra</a></li>
<p>
		</ul>
<p>		<span class="head"><a href="#" name="2read">// 2read: this week</a></span></p>
<ul></p>
<li><a href="http://www.bartelme.at/journal/266/" rel="tag">Creating Badges and Stars</a></li>
<p></p>
<li><a href="http://www.webdesignfromscratch.com/current-style.cfm" rel="tag">Current style in web design</a></li>
<p></p>
<li><a href="http://www.digital-web.com/articles/designing_for_the_web/" rel="tag">Designing for the Web</a></li>
<p></p>
<li><a href="http://sonspring.com/journal/drawing-a-good-logo" rel="tag">Drawing a Good Logo</a></li>
<p></p>
<li><a href="http://www.alistapart.com/articles/doctype/" rel="tag">Fix Your Site With the Right DOCTYPE!</a></li>
<p></p>
<li><a href="http://jero.net/blog/2006/02/future-web-forms/" rel="tag">The future of web forms</a></li>
<p></p>
<li><a href="http://developer.yahoo.net/ypatterns/index.php" rel="tag">Yahoo! Design Pattern Library</a></li>
<p>
		</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.esll.net/blog/2006/04/hand-book/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

