盒子模型（Box Model）是 CSS 的核心，现代 Web 布局设计简单说就是一堆盒子的排列与嵌套，掌握了盒子模型与它们的摆放控制，会发现再复杂的页面也不过如此，然而，任何美好的事物都有缺憾，盒子模型有两 种不同的诠释，一种来自 IE6，一种来自 W3C 标准浏览器。 盒子模型 下图就是一个典型的盒子模型示意图 在内容区外面，依次围绕着 padding 区，bo... [阅读全文]

项目中遇到一个小问题，但严重影响了用户体验。 我们先看一个例子： http://www.cssrain.cn/demo/dialog_jQuery_ui/modal_looseState.html 这是我们项目中采用的jquery ui dialog 做的页面，我把他提取出来，简化一下。 例子中，点击add按钮弹出遮罩层，层中有2个文本框和2个多选框。 现在我们开始测试这个问题： 首先，我们在文本框上输入文本，把多选... [阅读全文]

早在几个星期前，Adobe就发布了Dreamweaver CS5 HTML5 Pack的预览版下载。众所周知，HTML5在互联网领域掀起了一场大论战，并让Adobe的日子很难熬。HTML5致力于为前端开发提供全面的标记语 言。以下30多个资源可帮你开始学习HTML5。 Blowing up HTML5 video and mapping it into 3D space（将HTML5视频吹散并组成3D效果）最近我研究 了HTML 5中的Canv... [阅读全文]

http://www.sitepoint.com/blogs/2009/03/06/10-fixes-for-ie6-problems/ 作者：Craig Buckler 翻译：清 我们知道ie会在一段时间内仍然流行，但是我们仍然可以支持浏览器并且避免hacks和条件css吗？这里有十条使用有效的html和css代码修复可以 兼容ie6常见的问题。 1、使用一个声明 你必须经常在html网页头部放置一个声明，推荐使用严格的标准。例如 ... [阅读全文]

I jump between vi, textmate, and IntelliJ when coding. I am a long term IntelliJ IDEA fan (I actually long for IDEA 3 when it peaked for me as a lean editor without millions of plugins) and a lot of people think of it as a Java IDE company. In recent years it has diversified greatly, and they just renamed their Web IDE a... [阅读全文]

电子商务火热，高清图片很 重要，所以很多网站都有放大镜的效果。 今天发现一个很酷的基于jquery的组件 1.轻量级 js文件6k 2.支持几种放大模式 项目站点：http://www.professorcloud.com/mainsite/cloud-zoom.htm 该组件很适合各种电子商务网站的需要。 [阅读全文]

Kevin Decker has upgraded his border-image generator tool. The major update is the ability to not have to host an image, but also use local ones. The tool itself is useful, but the post is very interesting as we get to listen in to the implementation process of Kevin as he got the feature working on bleeding edge browser... [阅读全文]

众所周知IE6不支持position:fixed，这个bug与IE6的双倍 margin和不支持PNG透明等bug一样臭名昭著。前些天我做自己的博客模板的时候，遇到了这个问题。当时就简单的无视了IE6——尽管有几个使用 IE6的朋友，一起BS我……但是对于大项目或商业网站，如果有用到这个属性的时候，是不可能直接无视的。 你是如何让position:fixed在IE6中工作的？ 本文所使用的技... [阅读全文]

一个叫 Chris Smoak 的程序员，最近发起一个使用 JavaScript/HTML5 实现 Flash 功能的开源项目，Smokescreen，可以将 Flash 动画转换为纯 HTML5 + JavaScript，以便脱离 Flash 插件，直接在浏览器中实现 Flash 风格的动画。这里有一些很漂亮的演示。 关于这项技术，一个叫 Simon Willison 的程序员，在他的博客中做了很好的剖析： SmokeScreen 完全在... [阅读全文]

Code2HTML 是一个用来将各种编程语言的代码转换成HTML文档的工具，目前支持的语言包括： Ada,Awk,C,C++, HTML,Java,JavaScript,m4,Makefile, Pascal,Perl,SQL,ruby,povray 格式化效果如下图所示： 在线演示 授权协议： MIT 开发语言： Perl 操作系统： 跨平台 收录时间： 2010年05月31日 软件首页 软件文档 软件下载 [阅读全文]