Recently in HTML/CSS Category
昨晚，无意间发现wordpress官方网站雪花飞舞，很和当前季节，所以把代码搬到了自己的BLOG。代码很简单，只需要在HTML的最后面加上以下代码:<script src="http://s1.wordpress.com/wp-content/plugins/snow/snowstorm.js?ver=3" type="text/javascript"></script>效果不错，不过挺耗CPU的。...
浏览器兼容性确实烦人，只能为 firefox, ie分配定义：firefox: input[disabled]{ color:red; }ie:input .disabled { color:red;}此两种浏览器的不同版本，其他浏览器未做测试。仅在 Firefox 2.0 , IE 7.0 测试通过...
1. 如果图片和背景相同，又何必利用图片呢？ 范例: 比如在Web Map中，海域的图片是相同的，甚至有些沙地的图片也是相同的，所以可以考虑抛弃图片切片，直接把背景图片暴露在外面。 2. 图片不存在显示叉号，不好看吗？可以用以下代码解决： <img src="" onerror="this.style.display='none'"> 如果再利用背景，可以实现有图片的时候显示图片，没有图片的时候显示背景。 3. GIF/JPG的选择，我也不是很清楚。我是这样决定的，如果颜色单调，尤其有时候主要是色块，用GIF;颜色丰富的时候用JPG。这样，可以在显示效果和文件大小之前有个很好的平衡。 4. 小图片太多？考虑把多个小图片合并到一个图片中，在html中靠CSS的background-position定位来按你的需求显示小图片。 这样的优势很明显，加速显示速度，减少服务器负担，减少连接数。 案例？ 你猜网易登陆页用了多少图片？下面的图片就是网易把很多小图片放到了一个图片中： 5. 图片占用了很大的带宽，怎么节约这部分带宽呢？ 不要考虑gzip, defleat压缩，因为用他们对图片几乎不管用。咱们还是用HTTP协议里的东西吧。让图片具有ETAG属性，或者设置缓存时间。这样客户端就不会重复下载图片了。 当然这是理论，默认情况下 ETAG是启用的。所以客户端一般会触发Not Modify 来避免重复下载。 6. 根据http建议，现有的浏览器一般对一个域名只会建立2个并发连接。这样，就可以把图片用单独域名来显示，好处很多：图片服务器只需要加载简单的模块，所以可以在服务器方面进行优化，例如用lighttpd来做图片服务器而不是apache；有利于分布式部署 7。 图片缓存影响了新图片的显示？可以考虑给文件名加上版本号，例如...
浏览器的不同，版本的不同，给网页的兼容性带来了挑战。 在AJAX年代之前，JS兼容性问题成为大家抛弃Javascript最好的理由。在今日，ajax框架的出现，很大程度上屏蔽了js的兼容性。于是，善用框架的人不再为js兼容性绞尽脑汁了。 当天的兼容性，主要表现在Div+CSS问题上。在使用表格布局的时代，页面兼容性几乎不成问题，因为表格就是那样，限制了宽高就限制了大小，表格的位置也由书写问题决定。但在层（继续沿用Dreamweaver的叫法）的年代，层可以飞来飞去，位置可以相对了，可以自由了，于是兼容性成了问题。 CSS是Div的修饰符，div的兼容性很大程度上是由css的兼容问题造成的。各个浏览器对css语法的爱好不同，造成了今日的问题。但这些不是兼容的理由，任何大家都应该保证自己的网页在不同浏览器中的兼容性，即时效果不一致，最起码的要求是美观，不能错位，最起码兼容IE6，IE7，Firefox 。这是我心目中的最低要求。 目前网络上流行的浏览器主要有IE5, IE7, Firefox, Opera, Safari. 据国外某调查机构在2007年9月10日从5723个站点中34，463，182的不同访问者得出以下浏览器的市场占有率： 1 Internet Explorer 6.0 46.55% 2 Internet Explorer 7.0 19.59% 3 Firefox 2.0 17.83% 4 Firefox 1.5 6.60% 5 Safari 2.0 1.76% 6 Firefox...
我一个朋友在那里工作，借我的blog宣传一下他们的网站。 进入宏利泰栅栏官方网站：http://www.hltzl.com ...
见识了textmate，感觉很爽，简洁却强大...... 今天，突然发现symfony的演示也使用了textmate。ruby的演示使用了mac os， facebook 的开发团队使用mac , 看来，演示使用mac os是潮流，编辑器使用textmate更是潮流。 ruby的演示，让众多人为了39美元的textmate去买1200美元的Mac OS。由此可以看出 textmate 的强大魅力。为了与textmate亲密接触，我决心继续mac安装的尝试。 现在，我的笔记本已经罢工了，因为grub的位置被apple的软件占了，所以启动不起来了，不过我没有急着修复，因为我今晚要继续下载mac os dvd. textmate！！1 ...
1. 140个叫得上名字的颜色 http://www.colorschemer.com/blog/2007/07/24/140-named-colors/ 2. 夏季颜色搭配 http://www.colourlovers.com/blog/2007/07/17/some-summer-color-lovin/ 3. 130个绿色搭配http://www.colourlovers.com/blog/2007/08/02/best-of-color-inspiration-130-green-color-palettes/ ...
网站的细化越来越严重了，今天发现国外已经有了专门做CSS模板的网站了。同样的html，仅仅依靠CSS,竟然可以产生几十种不同的布局。如过考虑上色彩，图片的搭配，真是可以实现一个html，千万个样子的情景。 除了可以直接用他们的CSS,参考一下来提高自己的css水平，也是大有好处的。 推荐几个网站： http://blog.html.it/layoutgala/。用40种CSS把下面的html代码变了40个样子：<div id="container"> <div id="header">Header</div> <div id="wrapper"> <div id="content">Content</div> </div> <div id="navigation">Navigation</div> <div id="extra">Extra stuff</div> <div id="footer">Footer</div> </div> http://www.code-sucks.com/css%20layouts/ 分为Fixed Width CSS Layouts和Faux Columns CSS Layouts（靠背景图片创造感官上的列），共95个CSS模板。 ...
