<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/xsl" href="/xslt/rss2.xsl" media="screen"?>
<rss version="2.0"
     xmlns:dc="http://purl.org/dc/elements/1.1/"
     xmlns:content="http://purl.org/rss/1.0/modules/content/">
	<channel>
		<title>Latest from ChinaonRails's Stylesheet</title>
		<link>http://chinaonrails.com/go/css</link>
		<description>ChinaonRails | ChinaonRails are one of the very few China based web consultancies, who specialize in application development using RubyOnRails/Agile/Ajax.</description>
		<category>Technology</category>
		<language>zh_cn</language>
		<item>
			<title>FrontCompiler压实JavaScript, CSS and HTML source code ... no reply</title>
			<link>http://chinaonrails.com/topic/view/2059.html</link>
			<comments>http://chinaonrails.com/topic/view/2059.html#reply</comments>
			<dc:creator>bd7lx</dc:creator>
			<author>bd7lx</author>
			<!--<enclosure url="http://chinaonrails.com/img/p/9.jpg" type="image/jpeg" />
			<enclosure url="http://chinaonrails.com/img/p/9_s.jpg" type="image/jpeg" />
			<enclosure url="http://chinaonrails.com/img/p/9_n.jpg" type="image/jpeg" />-->
			<category>Stylesheet</category>
			<description>
			&lt;a href="http://github.com/MadRabbit/frontcompiler/tree/master" rel="nofollow external" class="tpc"&gt;http://github.com/MadRabbit/frontcompiler/tree/master&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;img class="code" src="http://img364.imageshack.us/img364/2024/codingchallenge6839088xk8.png" border="0" /&gt;&lt;br /&gt;
&lt;br /&gt;
相关打包压缩技巧&lt;br /&gt;
&lt;a href="http://chinaonrails.com/topic/view/911.html" rel="nofollow external" class="tpc"&gt;http://chinaonrails.com/topic/view/911.html&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://chinaonrails.com/topic/view/925.html" rel="nofollow external" class="tpc"&gt;http://chinaonrails.com/topic/view/925.html&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://chinaonrails.com/topic/view/592.html" rel="nofollow external" class="tpc"&gt;http://chinaonrails.com/topic/view/592.html&lt;/a&gt;
			</description>
			<pubDate>Fri, 22 Aug 2008 10:18:39 +0800</pubDate>
			<guid>http://chinaonrails.com/topic/view/2059.html</guid>
		</item>
		<item>
			<title>CSS快速参考 ... no reply</title>
			<link>http://chinaonrails.com/topic/view/1991.html</link>
			<comments>http://chinaonrails.com/topic/view/1991.html#reply</comments>
			<dc:creator>bd7lx</dc:creator>
			<author>bd7lx</author>
			<!--<enclosure url="http://chinaonrails.com/img/p/9.jpg" type="image/jpeg" />
			<enclosure url="http://chinaonrails.com/img/p/9_s.jpg" type="image/jpeg" />
			<enclosure url="http://chinaonrails.com/img/p/9_n.jpg" type="image/jpeg" />-->
			<category>Stylesheet</category>
			<description>
			&lt;a href="http://reference.sitepoint.com/css" rel="nofollow external" class="tpc"&gt;http://reference.sitepoint.com/css&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;img class="code" src="http://reference.sitepoint.com/static/reference/images/threelayers-css.png" border="0" /&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://reference.sitepoint.com/html" rel="nofollow external" class="tpc"&gt;http://reference.sitepoint.com/html&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;img class="code" src="http://reference.sitepoint.com/static/reference/images/threelayers-html.png" border="0" /&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;img class="code" src="http://reference.sitepoint.com/static/reference/images/threelayers-js.png" border="0" /&gt;&lt;br /&gt;
&lt;br /&gt;
三套马
			</description>
			<pubDate>Wed, 06 Aug 2008 16:42:38 +0800</pubDate>
			<guid>http://chinaonrails.com/topic/view/1991.html</guid>
		</item>
		<item>
			<title>YUI Base CSS ... no reply</title>
			<link>http://chinaonrails.com/topic/view/1848.html</link>
			<comments>http://chinaonrails.com/topic/view/1848.html#reply</comments>
			<dc:creator>bd7lx</dc:creator>
			<author>bd7lx</author>
			<!--<enclosure url="http://chinaonrails.com/img/p/9.jpg" type="image/jpeg" />
			<enclosure url="http://chinaonrails.com/img/p/9_s.jpg" type="image/jpeg" />
			<enclosure url="http://chinaonrails.com/img/p/9_n.jpg" type="image/jpeg" />-->
			<category>Stylesheet</category>
			<description>
			&lt;a href="http://developer.yahoo.com/yui/base/" rel="nofollow external" class="tpc"&gt;http://developer.yahoo.com/yui/base/&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Base is an optional CSS file that complements YUI's core CSS foundation (Reset, Fonts, and Grids). While Reset removes and neutralizes the inconsistent default styling of HTML elements, Base applies a consistent style foundation for common HTML elements across A-grade browsers&lt;br /&gt;
&lt;br /&gt;
单个css的文件，试图解决不同浏览器的相同浏览结果，当然是A级别的浏览器才行&lt;br /&gt;
&lt;br /&gt;
&lt;img class="code" src="http://img521.imageshack.us/img521/218/agradefg1.jpg" border="0" /&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://yuiblog.com/assets/pdf/cheatsheets/css.pdf" rel="nofollow external" class="tpc"&gt;http://yuiblog.com/assets/pdf/cheatsheets/css.pdf&lt;/a&gt;
			</description>
			<pubDate>Tue, 08 Jul 2008 15:08:41 +0800</pubDate>
			<guid>http://chinaonrails.com/topic/view/1848.html</guid>
		</item>
		<item>
			<title>书中节选：Settng_Up_The_Templates_for_Ruby_on_Rails ... no reply</title>
			<link>http://chinaonrails.com/topic/view/1741.html</link>
			<comments>http://chinaonrails.com/topic/view/1741.html#reply</comments>
			<dc:creator>bd7lx</dc:creator>
			<author>bd7lx</author>
			<!--<enclosure url="http://chinaonrails.com/img/p/9.jpg" type="image/jpeg" />
			<enclosure url="http://chinaonrails.com/img/p/9_s.jpg" type="image/jpeg" />
			<enclosure url="http://chinaonrails.com/img/p/9_n.jpg" type="image/jpeg" />-->
			<category>Stylesheet</category>
			<description>
			&lt;a href="http://www.themeswiki.org/Settng_Up_The_Templates_for_Ruby_on_Rails" rel="nofollow external" class="tpc"&gt;http://www.themeswiki.org/Settng_Up_The_Templates_for_Ruby_on_Rails&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
取自书Building Dynamic Web 2.0 Websites with Ruby on Rails&lt;br /&gt;
第六章&lt;br /&gt;
&lt;br /&gt;
http://www.packtpub.com/article/designing-creating-database-tables-in-ruby-on-rails&lt;br /&gt;
&lt;br /&gt;
传统的设计方式，并非无头苍蝇式的agile	&lt;br /&gt;
Designing and Creating Database Tables in Ruby on Rails&lt;br /&gt;
&lt;br /&gt;
&lt;img class="code" src="http://img209.imageshack.us/img209/9191/194981035cu8.png" border="0" /&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://chinaonrails.com/topic/view/1134.html" rel="nofollow external" class="tpc"&gt;http://chinaonrails.com/topic/view/1134.html&lt;/a&gt;
			</description>
			<pubDate>Thu, 19 Jun 2008 08:41:12 +0800</pubDate>
			<guid>http://chinaonrails.com/topic/view/1741.html</guid>
		</item>
		<item>
			<title>stylizer CSS编辑工具 ... no reply</title>
			<link>http://chinaonrails.com/topic/view/1690.html</link>
			<comments>http://chinaonrails.com/topic/view/1690.html#reply</comments>
			<dc:creator>bd7lx</dc:creator>
			<author>bd7lx</author>
			<!--<enclosure url="http://chinaonrails.com/img/p/9.jpg" type="image/jpeg" />
			<enclosure url="http://chinaonrails.com/img/p/9_s.jpg" type="image/jpeg" />
			<enclosure url="http://chinaonrails.com/img/p/9_n.jpg" type="image/jpeg" />-->
			<category>Stylesheet</category>
			<description>
			&lt;a href="http://www.skybound.ca/stylizer/" rel="nofollow external" class="tpc"&gt;http://www.skybound.ca/stylizer/&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
界面华丽，免费试用高级功能14天
			</description>
			<pubDate>Wed, 04 Jun 2008 12:27:20 +0800</pubDate>
			<guid>http://chinaonrails.com/topic/view/1690.html</guid>
		</item>
		<item>
			<title>简化视图UI开发的Rails Widgets ... no reply</title>
			<link>http://chinaonrails.com/topic/view/1658.html</link>
			<comments>http://chinaonrails.com/topic/view/1658.html#reply</comments>
			<dc:creator>bd7lx</dc:creator>
			<author>bd7lx</author>
			<!--<enclosure url="http://chinaonrails.com/img/p/9.jpg" type="image/jpeg" />
			<enclosure url="http://chinaonrails.com/img/p/9_s.jpg" type="image/jpeg" />
			<enclosure url="http://chinaonrails.com/img/p/9_n.jpg" type="image/jpeg" />-->
			<category>Stylesheet</category>
			<description>
			http://blog.seesaw.it/&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://code.google.com/p/rails-widgets/" rel="nofollow external" class="tpc"&gt;http://code.google.com/p/rails-widgets/&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Rails Widgets is a collection of UI widgets for RubyOnRails that you can put in your own application at the speed of light! With them you can add tabbed navigation, tables, tooltips in a snap. They're lightweight and easy to use, give them a spin!&lt;br /&gt;
&lt;br /&gt;
Tabnav 的效果&lt;br /&gt;
&lt;img class="code" src="http://farm1.static.flickr.com/61/196253571_c7cf688f2b.jpg" border="0" /&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.slideshare.net/paolo.dona/rails-widgets-by-paolo-dona-at-railstoitaly" rel="nofollow external" class="tpc"&gt;http://www.slideshare.net/paolo.dona/rails-widgets-by-paolo-dona-at-railstoitaly&lt;/a&gt;
			</description>
			<pubDate>Mon, 26 May 2008 16:38:20 +0800</pubDate>
			<guid>http://chinaonrails.com/topic/view/1658.html</guid>
		</item>
		<item>
			<title>wxRuby 实践系列 ... no reply</title>
			<link>http://chinaonrails.com/topic/view/1632.html</link>
			<comments>http://chinaonrails.com/topic/view/1632.html#reply</comments>
			<dc:creator>bd7lx</dc:creator>
			<author>bd7lx</author>
			<!--<enclosure url="http://chinaonrails.com/img/p/9.jpg" type="image/jpeg" />
			<enclosure url="http://chinaonrails.com/img/p/9_s.jpg" type="image/jpeg" />
			<enclosure url="http://chinaonrails.com/img/p/9_n.jpg" type="image/jpeg" />-->
			<category>Stylesheet</category>
			<description>
			&lt;a href="http://www.prodevtips.com/category/ruby/wxruby-ruby/" rel="nofollow external" class="tpc"&gt;http://www.prodevtips.com/category/ruby/wxruby-ruby/&lt;/a&gt;
			</description>
			<pubDate>Mon, 19 May 2008 08:14:07 +0800</pubDate>
			<guid>http://chinaonrails.com/topic/view/1632.html</guid>
		</item>
		<item>
			<title>铺开画布画图flotilla ... 4 replies</title>
			<link>http://chinaonrails.com/topic/view/1591.html</link>
			<comments>http://chinaonrails.com/topic/view/1591.html#reply</comments>
			<dc:creator>bd7lx</dc:creator>
			<author>bd7lx</author>
			<!--<enclosure url="http://chinaonrails.com/img/p/9.jpg" type="image/jpeg" />
			<enclosure url="http://chinaonrails.com/img/p/9_s.jpg" type="image/jpeg" />
			<enclosure url="http://chinaonrails.com/img/p/9_n.jpg" type="image/jpeg" />-->
			<category>Stylesheet</category>
			<description>
			&lt;a href="http://people.iola.dk/olau/flot/examples/graph-types.html" rel="nofollow external" class="tpc"&gt;http://people.iola.dk/olau/flot/examples/graph-types.html&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;img class="code" src="http://img360.imageshack.us/img360/8208/flotqt6.jpg" border="0" /&gt;&lt;br /&gt;
&lt;br /&gt;
纯js的客户端图形生成&lt;br /&gt;
&lt;br /&gt;
使用的jquery代码和css也不超过100kb&lt;br /&gt;
&lt;br /&gt;
插件下载&lt;br /&gt;
&lt;a href="http://flotilla.rubyforge.org/" rel="nofollow external" class="tpc"&gt;http://flotilla.rubyforge.org/&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://code.google.com/p/flot/" rel="nofollow external" class="tpc"&gt;http://code.google.com/p/flot/&lt;/a&gt;&lt;br /&gt;
Flot是基于JQuery的纯JavaScript实现的绘图库&lt;br /&gt;
&lt;br /&gt;
flot 法语是波浪&lt;br /&gt;
&lt;br /&gt;
哎，那位客官说我怎么看不到，换firefox就看到了&lt;br /&gt;
&lt;br /&gt;
为什么？&lt;br /&gt;
&lt;br /&gt;
我也不知道为什么IE里面没有“画布”--&amp;lt;canvas&amp;gt; tag呀
			</description>
			<pubDate>Wed, 07 May 2008 16:06:41 +0800</pubDate>
			<guid>http://chinaonrails.com/topic/view/1591.html</guid>
		</item>
		<item>
			<title>模板引擎知多少？19个Ruby template engines评述 ... 8 replies</title>
			<link>http://chinaonrails.com/topic/view/1490.html</link>
			<comments>http://chinaonrails.com/topic/view/1490.html#reply</comments>
			<dc:creator>bd7lx</dc:creator>
			<author>bd7lx</author>
			<!--<enclosure url="http://chinaonrails.com/img/p/9.jpg" type="image/jpeg" />
			<enclosure url="http://chinaonrails.com/img/p/9_s.jpg" type="image/jpeg" />
			<enclosure url="http://chinaonrails.com/img/p/9_n.jpg" type="image/jpeg" />-->
			<category>Stylesheet</category>
			<description>
			&lt;a href="http://www.hokstad.com/mini-reviews-of-19-ruby-template-engines.html" rel="nofollow external" class="tpc"&gt;http://www.hokstad.com/mini-reviews-of-19-ruby-template-engines.html&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;img class="code" src="http://www.nickthuesen.com/BlogResources/070410-StylesTemplates/StyleTemplateImage06.jpg" border="0" /&gt;
			</description>
			<pubDate>Sun, 13 Apr 2008 11:09:57 +0800</pubDate>
			<guid>http://chinaonrails.com/topic/view/1490.html</guid>
		</item>
		<item>
			<title>Cheri 樱桃搭建GUI界面A Builder Framework for (J)Ruby and Java ... 1 reply</title>
			<link>http://chinaonrails.com/topic/view/1479.html</link>
			<comments>http://chinaonrails.com/topic/view/1479.html#reply</comments>
			<dc:creator>bd7lx</dc:creator>
			<author>bd7lx</author>
			<!--<enclosure url="http://chinaonrails.com/img/p/9.jpg" type="image/jpeg" />
			<enclosure url="http://chinaonrails.com/img/p/9_s.jpg" type="image/jpeg" />
			<enclosure url="http://chinaonrails.com/img/p/9_n.jpg" type="image/jpeg" />-->
			<category>Stylesheet</category>
			<description>
			&lt;img class="code" src="http://cheri.rubyforge.org/image/cheri_logo_medium.png" border="0" /&gt;这个小名叫车厘子的红彤彤的gem&lt;br /&gt;
&lt;br /&gt;
可以用Java swing搭建层次结构，树状结构的界面&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://cheri.rubyforge.org/" rel="nofollow external" class="tpc"&gt;http://cheri.rubyforge.org/&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;img class="code" src="http://cheri.rubyforge.org/image/cjx_2.png" border="0" /&gt;
			</description>
			<pubDate>Tue, 08 Apr 2008 12:02:33 +0800</pubDate>
			<guid>http://chinaonrails.com/topic/view/1479.html</guid>
		</item>
		<item>
			<title>MasterView可以预先生成html辅助view的设计 ... no reply</title>
			<link>http://chinaonrails.com/topic/view/1336.html</link>
			<comments>http://chinaonrails.com/topic/view/1336.html#reply</comments>
			<dc:creator>bd7lx</dc:creator>
			<author>bd7lx</author>
			<!--<enclosure url="http://chinaonrails.com/img/p/9.jpg" type="image/jpeg" />
			<enclosure url="http://chinaonrails.com/img/p/9_s.jpg" type="image/jpeg" />
			<enclosure url="http://chinaonrails.com/img/p/9_n.jpg" type="image/jpeg" />-->
			<category>Stylesheet</category>
			<description>
			&lt;img class="code" src="http://masterview.org/images/masterview_logo.png" border="0" /&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://masterview.org/" rel="nofollow external" class="tpc"&gt;http://masterview.org/&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
http://rubyforge.org/projects/masterview/&lt;br /&gt;
&lt;br /&gt;
通过html 结合 已有的图形化的开发工具nvu&lt;br /&gt;
提供习惯上的一些便利&lt;br /&gt;
&lt;br /&gt;
nvu （免费的开源的html工具）&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.railscn.com/viewthread.php?tid=3498" rel="nofollow external" class="tpc"&gt;http://www.railscn.com/viewthread.php?tid=3498&lt;/a&gt;
			</description>
			<pubDate>Tue, 19 Feb 2008 17:11:01 +0800</pubDate>
			<guid>http://chinaonrails.com/topic/view/1336.html</guid>
		</item>
		<item>
			<title>CSS技巧录像 ... 1 reply</title>
			<link>http://chinaonrails.com/topic/view/1322.html</link>
			<comments>http://chinaonrails.com/topic/view/1322.html#reply</comments>
			<dc:creator>bd7lx</dc:creator>
			<author>bd7lx</author>
			<!--<enclosure url="http://chinaonrails.com/img/p/9.jpg" type="image/jpeg" />
			<enclosure url="http://chinaonrails.com/img/p/9_s.jpg" type="image/jpeg" />
			<enclosure url="http://chinaonrails.com/img/p/9_n.jpg" type="image/jpeg" />-->
			<category>Stylesheet</category>
			<description>
			&lt;a href="http://css-tricks.com/videos/" rel="nofollow external" class="tpc"&gt;http://css-tricks.com/videos/&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;img class="code" src="http://css-tricks.com/videos/images/screencast-4-thumb.jpg" border="0" /&gt;
			</description>
			<pubDate>Thu, 14 Feb 2008 13:25:53 +0800</pubDate>
			<guid>http://chinaonrails.com/topic/view/1322.html</guid>
		</item>
		<item>
			<title>给自己的CSS水平打分 ... 7 replies</title>
			<link>http://chinaonrails.com/topic/view/1071.html</link>
			<comments>http://chinaonrails.com/topic/view/1071.html#reply</comments>
			<dc:creator>bd7lx</dc:creator>
			<author>bd7lx</author>
			<!--<enclosure url="http://chinaonrails.com/img/p/9.jpg" type="image/jpeg" />
			<enclosure url="http://chinaonrails.com/img/p/9_s.jpg" type="image/jpeg" />
			<enclosure url="http://chinaonrails.com/img/p/9_n.jpg" type="image/jpeg" />-->
			<category>Stylesheet</category>
			<description>
			&lt;a href="http://css-tricks.com/group-input-needed-rating-your-level-of-css-skill/" rel="nofollow external" class="tpc"&gt;http://css-tricks.com/group-input-needed-rating-your-level-of-css-skill/&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;img class="code" src="http://css-tricks.com/wp-content/uploads/2007/12/css-knowledge-level-2.gif" border="0" /&gt;
			</description>
			<pubDate>Thu, 13 Dec 2007 08:59:07 +0800</pubDate>
			<guid>http://chinaonrails.com/topic/view/1071.html</guid>
		</item>
		<item>
			<title>css有s就要sexy ... no reply</title>
			<link>http://chinaonrails.com/topic/view/1050.html</link>
			<comments>http://chinaonrails.com/topic/view/1050.html#reply</comments>
			<dc:creator>bd7lx</dc:creator>
			<author>bd7lx</author>
			<!--<enclosure url="http://chinaonrails.com/img/p/9.jpg" type="image/jpeg" />
			<enclosure url="http://chinaonrails.com/img/p/9_s.jpg" type="image/jpeg" />
			<enclosure url="http://chinaonrails.com/img/p/9_n.jpg" type="image/jpeg" />-->
			<category>Stylesheet</category>
			<description>
			&lt;a href="http://www.thinkvitamin.com/features/design/creating-sexy-stylesheets" rel="nofollow external" class="tpc"&gt;http://www.thinkvitamin.com/features/design/creating-sexy-stylesheets&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Creating Sexy Stylesheets&lt;br /&gt;
&lt;br /&gt;
作者Jina&lt;img class="code" src="http://www.thinkvitamin.com/images/people/jina_bolton_medium.jpg" border="0" /&gt;给出了10点tips
			</description>
			<pubDate>Fri, 07 Dec 2007 10:08:05 +0800</pubDate>
			<guid>http://chinaonrails.com/topic/view/1050.html</guid>
		</item>
		<item>
			<title>低调LowPro 不强迫不侵入，让javascript干该干的事，干不了的就扔到一边 ... 2 replies</title>
			<link>http://chinaonrails.com/topic/view/1046.html</link>
			<comments>http://chinaonrails.com/topic/view/1046.html#reply</comments>
			<dc:creator>bd7lx</dc:creator>
			<author>bd7lx</author>
			<!--<enclosure url="http://chinaonrails.com/img/p/9.jpg" type="image/jpeg" />
			<enclosure url="http://chinaonrails.com/img/p/9_s.jpg" type="image/jpeg" />
			<enclosure url="http://chinaonrails.com/img/p/9_n.jpg" type="image/jpeg" />-->
			<category>Stylesheet</category>
			<description>
			&lt;a href="http://railsontherun.com/2007/12/5/keeping-my-javascript-files-organized" rel="nofollow external" class="tpc"&gt;http://railsontherun.com/2007/12/5/keeping-my-javascript-files-organized&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
http://lowpro.stikipad.com/home/show/HomePage&lt;br /&gt;
&lt;br /&gt;
Low Pro 是Prototype 库的扩展，简化了 unobtrusive DOM 脚本编程&lt;br /&gt;
&lt;br /&gt;
&lt;img class="code" src="http://img134.imageshack.us/img134/9342/poorjavascript1055a3e0ba8.jpg" border="0" /&gt;&lt;br /&gt;
&lt;br /&gt;
关于unobtrusive DOM 脚本编程的中文参考：&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.blueidea.com/tech/web/2007/4617_5.asp" rel="nofollow external" class="tpc"&gt;http://www.blueidea.com/tech/web/2007/4617_5.asp&lt;/a&gt;
			</description>
			<pubDate>Thu, 06 Dec 2007 12:04:10 +0800</pubDate>
			<guid>http://chinaonrails.com/topic/view/1046.html</guid>
		</item>
		<item>
			<title>Html代码有多么漂亮，下载作弊纸cheatsheet ... 1 reply</title>
			<link>http://chinaonrails.com/topic/view/949.html</link>
			<comments>http://chinaonrails.com/topic/view/949.html#reply</comments>
			<dc:creator>bd7lx</dc:creator>
			<author>bd7lx</author>
			<!--<enclosure url="http://chinaonrails.com/img/p/9.jpg" type="image/jpeg" />
			<enclosure url="http://chinaonrails.com/img/p/9_s.jpg" type="image/jpeg" />
			<enclosure url="http://chinaonrails.com/img/p/9_n.jpg" type="image/jpeg" />-->
			<category>Stylesheet</category>
			<description>
			&lt;a href="http://css-tricks.com/what-beautiful-html-code-looks-like/" rel="nofollow external" class="tpc"&gt;http://css-tricks.com/what-beautiful-html-code-looks-like/&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;img class="code" src="http://css-tricks.com/wp-content/uploads/2007/10/cleancode.png" border="0" /&gt;&lt;br /&gt;
&lt;br /&gt;
大张下载&lt;br /&gt;
&lt;a href="http://css-tricks.com/examples/CleanCode/CleanCode.jpg" rel="nofollow external" class="tpc"&gt;http://css-tricks.com/examples/CleanCode/CleanCode.jpg&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
http://css-tricks.com/examples/CleanCode/CleanCode.pdf
			</description>
			<pubDate>Fri, 02 Nov 2007 14:53:35 +0800</pubDate>
			<guid>http://chinaonrails.com/topic/view/949.html</guid>
		</item>
		<item>
			<title>Bundle-fu 插件-读成“搬到夫” 把javascript和css代码打包 ... 4 replies</title>
			<link>http://chinaonrails.com/topic/view/925.html</link>
			<comments>http://chinaonrails.com/topic/view/925.html#reply</comments>
			<dc:creator>bd7lx</dc:creator>
			<author>bd7lx</author>
			<!--<enclosure url="http://chinaonrails.com/img/p/9.jpg" type="image/jpeg" />
			<enclosure url="http://chinaonrails.com/img/p/9_s.jpg" type="image/jpeg" />
			<enclosure url="http://chinaonrails.com/img/p/9_n.jpg" type="image/jpeg" />-->
			<category>Stylesheet</category>
			<description>
			&lt;img class="code" src="http://www.rubyinside.com/wp-content/uploads/2007/10/bundle-fu.jpg" border="0" /&gt;&lt;br /&gt;
&lt;br /&gt;
十秒钟把js和css资源打成一捆，看着心里多舒服&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://code.google.com/p/bundle-fu/" rel="nofollow external" class="tpc"&gt;http://code.google.com/p/bundle-fu/&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
以后带fu的中国元素将越来越多，外国人眼里fu是多么能干，比我等的gong法要勤劳踏实，夫子啊，让您老受累了！&lt;br /&gt;
&lt;br /&gt;
效果图&lt;br /&gt;
&lt;img class="code" src="http://bundle-fu.googlecode.com/files/bundle_fu.png" border="0" /&gt;
			</description>
			<pubDate>Mon, 29 Oct 2007 09:58:49 +0800</pubDate>
			<guid>http://chinaonrails.com/topic/view/925.html</guid>
		</item>
		<item>
			<title>另一个Yaml ... 2 replies</title>
			<link>http://chinaonrails.com/topic/view/908.html</link>
			<comments>http://chinaonrails.com/topic/view/908.html#reply</comments>
			<dc:creator>bd7lx</dc:creator>
			<author>bd7lx</author>
			<!--<enclosure url="http://chinaonrails.com/img/p/9.jpg" type="image/jpeg" />
			<enclosure url="http://chinaonrails.com/img/p/9_s.jpg" type="image/jpeg" />
			<enclosure url="http://chinaonrails.com/img/p/9_n.jpg" type="image/jpeg" />-->
			<category>Stylesheet</category>
			<description>
			&lt;a href="http://www.yaml.de/en/" rel="nofollow external" class="tpc"&gt;http://www.yaml.de/en/&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
"Yet Another Multicolumn Layout" (YAML)&lt;img class="code" src="http://img143.imageshack.us/img143/2305/20071024131804tm8.jpg" border="0" /&gt;居然是 (X)HTML/CSS framework CSS的框架 &lt;img class="code" src="http://www.yaml.de/fileadmin/img/css_layouts.gif" border="0" /&gt;&lt;br /&gt;
&lt;br /&gt;
创建新潮灵活的布局&lt;br /&gt;
&lt;br /&gt;
还有其它的CSS 框架你也许想要了解&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://css-tricks.com/css-frameworks-roundup-and-some-thoughts/" rel="nofollow external" class="tpc"&gt;http://css-tricks.com/css-frameworks-roundup-and-some-thoughts/&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;strong&gt;&lt;a href="http://code.google.com/p/blueprintcss/" rel="nofollow external" class="tpc"&gt;Blueprint&lt;/a&gt;&lt;/strong&gt;&lt;br /&gt;
&lt;a href="http://code.google.com/p/blueprintcss/" rel="nofollow external" class="tpc"&gt;&lt;img class="code" src="http://css-tricks.com/wp-content/uploads/2007/10/blueprint.gif" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;strong&gt;&lt;a href="http://code.google.com/p/logicss/" rel="nofollow external" class="tpc"&gt;LogicCSS&lt;/a&gt;&lt;/strong&gt;&lt;br /&gt;
&lt;a href="http://code.google.com/p/logicss/" rel="nofollow external" class="tpc"&gt;&lt;img class="code" src="http://css-tricks.com/wp-content/uploads/2007/10/logiccss.gif" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;strong&gt;&lt;a href="http://elements.projectdesigns.org/" rel="nofollow external" class="tpc"&gt;Elements&lt;/a&gt;&lt;/strong&gt;&lt;br /&gt;
&lt;a href="http://elements.projectdesigns.org/" rel="nofollow external" class="tpc"&gt;&lt;img class="code" src="http://css-tricks.com/wp-content/uploads/2007/10/elements.gif" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;strong&gt;&lt;a href="http://www.yaml.de/en/" rel="nofollow external" class="tpc"&gt;YAML (Yet Another Multicolumn Layout)&lt;/a&gt;&lt;/strong&gt;&lt;br /&gt;
&lt;a href="http://www.yaml.de/en/" rel="nofollow external" class="tpc"&gt;&lt;img class="code" src="http://css-tricks.com/wp-content/uploads/2007/10/yaml.gif" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;strong&gt;&lt;a href="http://eswat.ca/" rel="nofollow external" class="tpc"&gt;ESWAT&lt;/a&gt;&lt;/strong&gt;&lt;br /&gt;
&lt;a href="http://eswat.ca/" rel="nofollow external" class="tpc"&gt;&lt;img class="code" src="http://css-tricks.com/wp-content/uploads/2007/10/eswat.gif" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;
还有哪:&lt;br /&gt;
&lt;a href="http://www.contentwithstyle.co.uk/Articles/17/a-css-framework/" rel="nofollow external" class="tpc"&gt;Content With Style’s CSS Framework&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://developer.yahoo.com/yui/grids/" rel="nofollow external" class="tpc"&gt;Yahoo YUI Grids CSS&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://www.wymstyle.org/en/" rel="nofollow external" class="tpc"&gt;WYMstyle&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://www.thatstandardsguy.co.uk/blog/2006/11/23/my-css-framework/" rel="nofollow external" class="tpc"&gt;That Standards Guy CSS Framework&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://www.gordonbrander.com/taffy-framework" rel="nofollow external" class="tpc"&gt;Taffy Framework&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://www.davidgoldingdesign.com/schema.html" rel="nofollow external" class="tpc"&gt;Schema&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://sandbox.pocoo.org/clevercss/" rel="nofollow external" class="tpc"&gt;CleverCSS&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://monc.se/tripoli/" rel="nofollow external" class="tpc"&gt;Tripoli&lt;/a&gt;
			</description>
			<pubDate>Wed, 24 Oct 2007 13:25:11 +0800</pubDate>
			<guid>http://chinaonrails.com/topic/view/908.html</guid>
		</item>
		<item>
			<title>Dust-Me Selectors 给你的CSS大扫除 ... 1 reply</title>
			<link>http://chinaonrails.com/topic/view/900.html</link>
			<comments>http://chinaonrails.com/topic/view/900.html#reply</comments>
			<dc:creator>bd7lx</dc:creator>
			<author>bd7lx</author>
			<!--<enclosure url="http://chinaonrails.com/img/p/9.jpg" type="image/jpeg" />
			<enclosure url="http://chinaonrails.com/img/p/9_s.jpg" type="image/jpeg" />
			<enclosure url="http://chinaonrails.com/img/p/9_n.jpg" type="image/jpeg" />-->
			<category>Stylesheet</category>
			<description>
			&lt;a href="http://www.sitepoint.com/dustmeselectors/" rel="nofollow external" class="tpc"&gt;http://www.sitepoint.com/dustmeselectors/&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Dust-Me Selectors 是个Firefox扩展(v1.5或者以上适用)帮助找出没有使用的CSS selectors- unused CSS selectors.&lt;br /&gt;
&lt;br /&gt;
&lt;img class="code" src="http://bp3.blogger.com/_TqsH_t7VuFo/RrJ-mz6YvYI/AAAAAAAAAW4/GITUu5MbTdQ/s400/finun3.png" border="0" /&gt;&lt;br /&gt;
&lt;br /&gt;
中文介绍&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://jas9.blogspot.com/2007/08/dust-me-selectorscss.html" rel="nofollow external" class="tpc"&gt;http://jas9.blogspot.com/2007/08/dust-me-selectorscss.html&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;img class="code" src="http://bp0.blogger.com/_TqsH_t7VuFo/RrJ-5D6YvZI/AAAAAAAAAXA/QSKwJjofPBc/s400/finun4.png" border="0" /&gt;&lt;br /&gt;
&lt;br /&gt;
可以生成cvs 的明细列表&lt;br /&gt;
&lt;br /&gt;
用rake帮忙做自动化处理除尘并生成新的CSS文件&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.railsonwave.com/railsonwave/2007/10/22/dust-me-csv-to-css-with-rake" rel="nofollow external" class="tpc"&gt;http://www.railsonwave.com/railsonwave/2007/10/22/dust-me-csv-to-css-with-rake&lt;/a&gt;
			</description>
			<pubDate>Tue, 23 Oct 2007 13:13:51 +0800</pubDate>
			<guid>http://chinaonrails.com/topic/view/900.html</guid>
		</item>
		<item>
			<title>视频：37信号公司的设计师教你如何从设计出发建造web应用 ... no reply</title>
			<link>http://chinaonrails.com/topic/view/887.html</link>
			<comments>http://chinaonrails.com/topic/view/887.html#reply</comments>
			<dc:creator>bd7lx</dc:creator>
			<author>bd7lx</author>
			<!--<enclosure url="http://chinaonrails.com/img/p/9.jpg" type="image/jpeg" />
			<enclosure url="http://chinaonrails.com/img/p/9_s.jpg" type="image/jpeg" />
			<enclosure url="http://chinaonrails.com/img/p/9_n.jpg" type="image/jpeg" />-->
			<category>Stylesheet</category>
			<description>
			&lt;a href="http://www.thinkvitamin.com/training/webapps/web-app-form-design/" rel="nofollow external" class="tpc"&gt;http://www.thinkvitamin.com/training/webapps/web-app-form-design/&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Ryan Singer &lt;img class="code" src="http://www.thinkvitamin.com/images/people/ryan_singer_medium.jpg" border="0" /&gt;来自37Signals.com &lt;br /&gt;
&lt;br /&gt;
内容来自&lt;br /&gt;
Future of Web Design London 2007&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://futureofwebdesign.com/pastevents.html" rel="nofollow external" class="tpc"&gt;http://futureofwebdesign.com/pastevents.html&lt;/a&gt;
			</description>
			<pubDate>Mon, 22 Oct 2007 09:04:05 +0800</pubDate>
			<guid>http://chinaonrails.com/topic/view/887.html</guid>
		</item>
	</channel>
</rss>