Design

纯CSS圆角实现(except IEs)

Firefox特有的浏览器CSS功能之一就是”-moz-border-radius”属性集。-moz-border-radius属性允许你创建圆角元素——纯CSS。

这个border-radius属性是CSS3新增属性之一。Firefox的这个特性同时支持Firefox2和Firefox3。
查看全文 »

Sparkle CSS 960 网格系统发布

960 CSS框架是一个很成熟的系统,它小巧灵活、易学易用。经过一段时间的学习和研究,我把960系统做了些优化,然后发布了《960 CSS框架解析及重构》。

前几天,一个网友问我,为什么960系统没有24列模块?我突然意识到这是一个问题。

在和他讨论之后,我意识到,在国内,其实应用最多的是24列网格,而12列网格和16列网格更适用于英文网站。而且,虽然从表面上来看,将页面分的列越多,看起来越复杂,但是事实上并不是这样的,列越多,可以组成的组合就越多,布局起来就越简单,更灵活。

经过研究,我在960系统上添加了24列模块。

同时,为了将960这个优秀的网格系统发扬光大,我将我的工作发布为一个新的衍生版本,它有以下改进和优点:

  1. 每一列的公用样式提炼分离出来,组成为一个通用的.column类,然后每一列的样式只需要控制宽度即可;
  2. 添加24列模块;
  3. 优化部分样式;

当然,这不是一个复杂的框架,任何有些CSS基础的人都可以很容易很快的学习它,并将其应用于自己的项目中。

希望大家喜欢,并欢迎提出批评。

同时,我将本项目发布为一个开源项目,项目地址:http://code.google.com/p/sparkle960/ 欢迎有兴趣的朋友加入本项目来完善这个框架。

最后特别感谢960的开发者Nathan Smith,他是一个很棒的前端开发人员,也是一个很和善的人,我多次和他讨论960系统,本框架也是在他的指导和授权下发布的。

Demo: http://www.isparkle.cn/show/960

源码下载地址:http://code.google.com/p/sparkle960/downloads/list 

同时,你也可以通过Google code的SVN功能获取最新的版本。

《非诚勿扰》海报收集【6P】

2008112622351938124986
查看全文 »

CSS最小高度解决方法

因为IE6不支持min-×,所以让某个div保持最小高度,并且当内容超出的时候自动增加该层的高度,一度是个比较头疼的问题,我也曾经尝试使用传说中的expression表达式,但是该表达式在IE6下也常常无效,后来证明,问题被我想象的过于复杂了。IE6当内容高于外部box的时候,会将其撑开的。所以,下面的这种方法是可以实现兼容性min-height的:
.myDiv {
    min-height:100px; 
    height:100px;     
 height:auto !important; 
    overflow:visible;
}

tomcat启用Gzip

Apache的Gzip要启用一个组件才行。但是tomcat在5.0版本以后就自带了这个功能了。只是需要自己设置。
查看全文 »

960 CSS框架解析及重构

960 css system

960 css system

960CSS框架是一个非常流行的CSS框架,它是国外最成熟的CSS框架之一,而且结构清晰,代码简洁,容易上手。

960的基本原理是网格技术,而且960是CSS 网格技术的最完美实现。
查看全文 »

在Dreamweaver CS4中使用SVN

Dreamweaver CS4对开发人员做了很过改进,其中的一个改进就是加入了SVN支持,这可以让团队工作更加方便。

我之前一直使用Eclipse或Aptana、Zend Studio等软件的SVN插件,比如subclipse等来进行版本控制。也曾一度使用VSS。感觉如果是微软的开发平台,还是用VSS好些,集成的比较好。

Dreamweaver CS3版本,也可以用SVN的,已经有人介绍了一个插件,这个插件也适用于CS4。

CS4中,Adobe新建了个菜单来管理SVN,我原来以为会在同步(Remote Info)那里的,找了半天没有找到,后来才发现下边有个Version Control菜单。


查看全文 »

qianduan.net上线(试运行)

前两天又注册了个域名,qianduan.net,.com的已经没人做成垃圾站了,考虑购买的成本比较高。

现在国内,原创的东西太少了,而真正完全关注前端技术的网站更少。

我就想,既然是要做前端,那么就把自己平时见到的好的技术方面的东西,整理一下,在这个网站上发表出来。

其实国外这方面的网站还是挺多的,比如cssdrivesmashingmagazinenoupe等,都是做的很棒的。我想我会参考他们的做法的吧,同时也会翻译写他们的文章过来。

以我个人来说,目前尚不能完全把握前端技术界,也不能以前瞻的眼光去观察这个领域,我还没有这个实力。

但是作为一种尝试,或者是学习的机会,我会努力做下去,我相信一旦这个网站成功了,我也就成功了……

网址:www.qianduan.net

网站名字暂定为前端观察,貌似不太好听,感兴趣的朋友们可以帮我出出主意。