http://feed.cnblogs.com/blog/u/22107/category/85276/rss2012-05-30T18:32:53Zfeed.cnblogs.comhttp://www.cnblogs.com/cathsfz/archive/2010/01/30/1660004.html

最近拿 iPhone 、 Android 、 Windows Mobile 这三个平台上的内置浏览器来做了一番对比，结果是只有 iPhone 的 Mobile Safari 能够承载现代化的移动 Web 应用，其他移动浏览器的设计思路还停留在上个世纪──能看网页就行，不存在移动应用一说。我用来做对比的平台是 iPhone 2.0 、 Android 2.0 、 Window...

2010-01-30T06:02:00Z2010-01-30T06:02:00ZCat Chenhttp://www.cnblogs.com/cathsfz/最近拿 iPhone 、 Android 、 Windows Mobile 这三个平台上的内置浏览器来做了一番对比，结果是只有 iPhone 的 Mobile Safari 能够承载现代化的移动 Web 应用，其他移动浏览器的设计思路还停留在上个世纪──能看网页就行，不存在移动应用一说。我用来做对比的平台是 iPhone 2.0 、 Android 2.0 、 Window...http://www.cnblogs.com/cathsfz/archive/2008/09/02/1282415.html

Omar AL Zabir这位MVP总是喜欢搞些稀奇古怪同时又很实用的小东西，并且还十分值得参考。最近他就做了一个叫做ensure的小工具用于动态加载JavaScript、CSS与HTML，而且IE、Firefox、Opera、Safari都支持了，那么我们就来看看ensure是如何做到动态加载JavaScript与CSS的。在介绍ensure内部的实现之前，让我们先来看看其功能：ensure({...

2008-09-02T15:01:00Z2008-09-02T15:01:00ZCat Chenhttp://www.cnblogs.com/cathsfz/Omar AL Zabir这位MVP总是喜欢搞些稀奇古怪同时又很实用的小东西，并且还十分值得参考。最近他就做了一个叫做ensure的小工具用于动态加载JavaScript、CSS与HTML，而且IE、Firefox、Opera、Safari都支持了，那么我们就来看看ensure是如何做到动态加载JavaScript与CSS的。在介绍ensure内部的实现之前，让我们先来看看其功能：ensure({...http://www.cnblogs.com/cathsfz/archive/2008/01/07/1029500.html

iUI是一个针对iPhone Safari的Web开发框架，由Joe Hewitt开发。这位Joe Hewitt曾经参与过Firefox的开发，包括其中的DOM Inspector以及Firebug，后来到了Facebook，为Facebook开发了iPhone专用版本，对iPhone Web开发社区算是作出了巨大贡献。样式我们继续说iUI这个框架。这个框架所做的事情，就是提供iPhone Fri...

2008-01-07T13:01:00Z2008-01-07T13:01:00ZCat Chenhttp://www.cnblogs.com/cathsfz/iUI是一个针对iPhone Safari的Web开发框架，由Joe Hewitt开发。这位Joe Hewitt曾经参与过Firefox的开发，包括其中的DOM Inspector以及Firebug，后来到了Facebook，为Facebook开发了iPhone专用版本，对iPhone Web开发社区算是作出了巨大贡献。样式我们继续说iUI这个框架。这个框架所做的事情，就是提供iPhone Fri...http://www.cnblogs.com/cathsfz/archive/2007/12/27/1016979.html

说到编写CSS，大家的第一反应肯定是——有没有选择性CSS。有！我们可以设计一个CSS，使得只有iPhone上的Safari会采用它，其他浏览器都会无视它，这样我们就可能可以复用现有的XHTML页面代码，仅仅为它们引入新的CSS就能够适用于iPhone，无须重新编写页面。这个选择性CSS链接语句如下：<link media="only screen and (max-device-width...

2007-12-27T06:54:00Z2007-12-27T06:54:00ZCat Chenhttp://www.cnblogs.com/cathsfz/说到编写CSS，大家的第一反应肯定是——有没有选择性CSS。有！我们可以设计一个CSS，使得只有iPhone上的Safari会采用它，其他浏览器都会无视它，这样我们就可能可以复用现有的XHTML页面代码，仅仅为它们引入新的CSS就能够适用于iPhone，无须重新编写页面。这个选择性CSS链接语句如下：<link media="only screen and (max-device-width...http://www.cnblogs.com/cathsfz/archive/2007/12/26/1015867.html

在了解到iPhone的一些常见布局法后，我们就可以开始着手编写一个真正能在iPhone上跑的页面了。小声说一句，之前我说要布局讨论完了，要进入交互逻辑开发，后来细心一想发现不行，有些东西不讲的话将会对布局带来问题，绕过去的话并不怎么优雅，因此继续讲布局。首先要说的就是viewport，也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是出去了所有工具栏、状态栏、滚动条等等之后用...

2007-12-26T09:48:00Z2007-12-26T09:48:00ZCat Chenhttp://www.cnblogs.com/cathsfz/在了解到iPhone的一些常见布局法后，我们就可以开始着手编写一个真正能在iPhone上跑的页面了。小声说一句，之前我说要布局讨论完了，要进入交互逻辑开发，后来细心一想发现不行，有些东西不讲的话将会对布局带来问题，绕过去的话并不怎么优雅，因此继续讲布局。首先要说的就是viewport，也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是出去了所有工具栏、状态栏、滚动条等等之后用...http://www.cnblogs.com/cathsfz/archive/2007/12/25/1014698.html

用过iPhone的朋友应该知道，iPhone上面的一些应用程序是能够随机器转动自动适应的，也就是说竖着拿的时候就竖着显示，横着拿的话就横着显示，iPhone中至关重要的Safari浏览器当然也支持这一点了，因此我们考虑设计iPhone friendly的应用程序时，首先要考虑兼容这种情况，不能把页面定死在一个宽度上。且慢，我们不是说设计自己的应用程序吗？这和内置的Safari有何关系？iPhone...

2007-12-25T13:47:00Z2007-12-25T13:47:00ZCat Chenhttp://www.cnblogs.com/cathsfz/用过iPhone的朋友应该知道，iPhone上面的一些应用程序是能够随机器转动自动适应的，也就是说竖着拿的时候就竖着显示，横着拿的话就横着显示，iPhone中至关重要的Safari浏览器当然也支持这一点了，因此我们考虑设计iPhone friendly的应用程序时，首先要考虑兼容这种情况，不能把页面定死在一个宽度上。且慢，我们不是说设计自己的应用程序吗？这和内置的Safari有何关系？iPhone...http://www.cnblogs.com/cathsfz/archive/2007/12/21/1009244.html

希望aw不介意我拿他的blog来做例子，因为第一次想到这个问题是我在手机上看aw的blog时碰到的。我的手机屏幕小，然而Opera Mini运行在完整视图时会以贴近Opera PC的形式处理CSS，因此fluid layout的多个列不会自顶向下顺序显示，而会保持原来并排的布局，同时因为fluid layout没有强制width，因此Opera Mini就会使用手机浏览器的宽度来显示整个页面，可想...

2007-12-21T07:35:00Z2007-12-21T07:35:00ZCat Chenhttp://www.cnblogs.com/cathsfz/希望aw不介意我拿他的blog来做例子，因为第一次想到这个问题是我在手机上看aw的blog时碰到的。我的手机屏幕小，然而Opera Mini运行在完整视图时会以贴近Opera PC的形式处理CSS，因此fluid layout的多个列不会自顶向下顺序显示，而会保持原来并排的布局，同时因为fluid layout没有强制width，因此Opera Mini就会使用手机浏览器的宽度来显示整个页面，可想...http://www.cnblogs.com/cathsfz/archive/2007/10/10/919676.html

我不知道是否有什么标准规定不允许修改id属性，或者不建议修改id属性，总之IE对此支持不佳。在IE当中，修改id属性对将来的DOM操作没什么不符合标准的影响，你仍然可以通过document.getElementById()找到该元素，然后在CSS支持上就有问题了，id修改后并不会自动去重新匹配CSS规则，因此id修改后不会体现出应有的样式。 因此，进行DOM编程时应该避免修改id属性，如果需要动态...

2007-10-10T07:25:00Z2007-10-10T07:25:00ZCat Chenhttp://www.cnblogs.com/cathsfz/我不知道是否有什么标准规定不允许修改id属性，或者不建议修改id属性，总之IE对此支持不佳。在IE当中，修改id属性对将来的DOM操作没什么不符合标准的影响，你仍然可以通过document.getElementById()找到该元素，然后在CSS支持上就有问题了，id修改后并不会自动去重新匹配CSS规则，因此id修改后不会体现出应有的样式。 因此，进行DOM编程时应该避免修改id属性，如果需要动态...http://www.cnblogs.com/cathsfz/archive/2007/08/22/864797.html

之前在写CSS有关文章的时候，我就想写写如何使用ASP.NET控件能够更加CSS Friendly，更容易实现一些常见的页面布局pattern，然而之后就发现这并非那么容易的。说起来要让ASP.NET控简变得CSS Friendly很容易，直接使用ASP.NET 2.0 CSS Friendly Control Adapters就是了，然而事实并非如此简单。 CSS Friendly Contro...

2007-08-22T00:57:00Z2007-08-22T00:57:00ZCat Chenhttp://www.cnblogs.com/cathsfz/之前在写CSS有关文章的时候，我就想写写如何使用ASP.NET控件能够更加CSS Friendly，更容易实现一些常见的页面布局pattern，然而之后就发现这并非那么容易的。说起来要让ASP.NET控简变得CSS Friendly很容易，直接使用ASP.NET 2.0 CSS Friendly Control Adapters就是了，然而事实并非如此简单。 CSS Friendly Contro...http://www.cnblogs.com/cathsfz/archive/2007/07/03/804813.html

本期Random Clippings栏目还是如同往常一样推荐两篇文章。简单的一篇讲述的是如何使用样式取代元素来实现图片的显示，对于熟练的Web Developer来说这是个非常入门级的话题，然而可能还有不少Win Forms转到Web Forms的开发人员是不了解的，因此我们一起来看看如何使用样式来显示图片吧。较难的一篇讲述的是颜色的操作，其实更多的是计算机系统处理颜色的一些模型，例如RGB、CM...

2007-07-03T13:11:00Z2007-07-03T13:11:00ZCat Chenhttp://www.cnblogs.com/cathsfz/本期Random Clippings栏目还是如同往常一样推荐两篇文章。简单的一篇讲述的是如何使用样式取代元素来实现图片的显示，对于熟练的Web Developer来说这是个非常入门级的话题，然而可能还有不少Win Forms转到Web Forms的开发人员是不了解的，因此我们一起来看看如何使用样式来显示图片吧。较难的一篇讲述的是颜色的操作，其实更多的是计算机系统处理颜色的一些模型，例如RGB、CM...http://www.cnblogs.com/cathsfz/archive/2007/05/17/750477.html

什么是Cat2？Cat2 = Cat * Cat，两位Cat合作的意思，也就是我Cat Chen和猫窝的猫影组成的小团队。什么是Cat2模板？这是一个XHTML+CSS+JavaScript的模板系列，暂时只包括blog模板，并且优先提供Blogger与WordPress立即可用的模板，同时也会考虑为其他常见的blog平台（例如DotText）提供立即可用的模板。如何获取Cat2模板？我们的模板存...

2007-05-17T10:38:00Z2007-05-17T10:38:00ZCat Chenhttp://www.cnblogs.com/cathsfz/什么是Cat2？Cat2 = Cat * Cat，两位Cat合作的意思，也就是我Cat Chen和猫窝的猫影组成的小团队。什么是Cat2模板？这是一个XHTML+CSS+JavaScript的模板系列，暂时只包括blog模板，并且优先提供Blogger与WordPress立即可用的模板，同时也会考虑为其他常见的blog平台（例如DotText）提供立即可用的模板。如何获取Cat2模板？我们的模板存...http://www.cnblogs.com/cathsfz/archive/2007/04/09/706336.html

在《欲练 CSS ，必先宫 IE》和《你有 <table /> 强迫症吗？》这两篇文章中，看到有不少评论用到div+CSS布局这个说法，用来和table布局比较。实际上div不是用来布局的，div只是用来表示一个其它元素都无法准确表达语意的一个块区，只有CSS是用于布局的，所以根本就不存在div+CSS布局这回事。反过来，table布局的时候经常依赖于CSS定义一个单元格的布局属性，所...

2007-04-09T14:29:00Z2007-04-09T14:29:00ZCat Chenhttp://www.cnblogs.com/cathsfz/在《欲练 CSS ，必先宫 IE》和《你有 <table /> 强迫症吗？》这两篇文章中，看到有不少评论用到div+CSS布局这个说法，用来和table布局比较。实际上div不是用来布局的，div只是用来表示一个其它元素都无法准确表达语意的一个块区，只有CSS是用于布局的，所以根本就不存在div+CSS布局这回事。反过来，table布局的时候经常依赖于CSS定义一个单元格的布局属性，所...http://www.cnblogs.com/cathsfz/archive/2007/03/19/679276.html

上次讲到“欲练 CSS ，必先宫 IE”，如果你宫了IE然而还是觉得不得要领，那就该怀疑自己是不是有传说中的table强迫症了。在CSDN社区上，时不时能够看到一些页面整体布局的问题，要求用div做一些table才能做到的，否则就以此为把柄说XHTML+CSS布局方法不好。其实，首先要做的是改变思维，以适应XHTML+CSS的布局。面向页面设计而非面向浏览器设计XHTML+...

2007-03-18T16:04:00Z2007-03-18T16:04:00ZCat Chenhttp://www.cnblogs.com/cathsfz/上次讲到“欲练 CSS ，必先宫 IE”，如果你宫了IE然而还是觉得不得要领，那就该怀疑自己是不是有传说中的table强迫症了。在CSDN社区上，时不时能够看到一些页面整体布局的问题，要求用div做一些table才能做到的，否则就以此为把柄说XHTML+CSS布局方法不好。其实，首先要做的是改变思维，以适应XHTML+CSS的布局。面向页面设计而非面向浏览器设计XHTML+...http://www.cnblogs.com/cathsfz/archive/2007/02/18/652226.html

“Win国天下，欲练CSS之人不在少数，大多不得要领，又或是走火入魔，全为IE所累。故曰：欲练CSS，必先功IE。”曾经，我也属于为IE所累的行列，如今见到很多人仍然不愿意对自己的宝贝IE下手，所以决定特异写篇文章说说此事，以明辨IE到底是宝贝还是累赘。好了，funny部分结束，按回我的习惯直入正题。之所以说IE不好，是因为IE会误导了你对CSS模型的理解，让你以为IE的理...

2007-02-17T18:58:00Z2007-02-17T18:58:00ZCat Chenhttp://www.cnblogs.com/cathsfz/“Win国天下，欲练CSS之人不在少数，大多不得要领，又或是走火入魔，全为IE所累。故曰：欲练CSS，必先功IE。”曾经，我也属于为IE所累的行列，如今见到很多人仍然不愿意对自己的宝贝IE下手，所以决定特异写篇文章说说此事，以明辨IE到底是宝贝还是累赘。好了，funny部分结束，按回我的习惯直入正题。之所以说IE不好，是因为IE会误导了你对CSS模型的理解，让你以为IE的理...