WEB前端开发中的一些编程风格和书写规范,编写可维护的Javascript
WEB前端开发中的一些编程风格和书写规范也是需要注意的,一直以来,有规有矩,推荐重在统一! 不太建议不同的人写出各种不一样的风格,如果一个团队中不同的人写出的风格就像一个人写出来的一样,写出的代码读起来非常顺心,非常易懂,那就非常的爽了。 这里是一些前端开发过程中的编程风格和书写规范,不分I...
项目前端开发的架构

最近画了一个项目前端开发的架构,囊括了前端开发的一些注意事项和流程规范,以及常用的一些开发工具等,也包括了通常和后端开发人员集成开发时候注意的一些事项:... More...

尝试使用Zen Coding:一种快速编写HTML/CSS代码的方法
随着目前我常用的比较主流的文本编辑器都逐渐支持Zen Coding,如Dreamweaver,EditPlus, Eclipse, Sublime Text等,开始尝试使用Zen Coding。 下面的动态演示图,只是它强大功能的一部分而已。它无视了编辑器的自动提示和自动完成,秒杀了自定义的各种快捷键或者 AHK 的热字符串,以智能简洁高效的缩短输入,...
CSS Hack浏览器兼容IE6+IE7+IE8+IE9+FF
CSS Hack就是指我们为了兼容各浏览器,而使用的特别的CSS定义技巧。 我们在用DIV+CSS制作网页时,由于不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等对CSS的支持及解析结果不一样,导致生成的页面效果不一样,得不到我们所需要的页面效果。这时候我们就需要针对不同的浏览...
网站前端和优化必备之两款CSS压缩服务

CLeanCSS能够把一些定义过多次的代码进行合并,把位置调整的margin, padding数值规范化,比如上下和左右相同则只使用上和左,0px转化为0等等,颜色代码优化,属性相同的定义合并等等。... More...

CSS的font-family在IE6中的中文问题

由于近半年来主操作系统一直用Windows7,而且大部分时间都是用IE8和Safari,Opera,Chrome以及Firefox来浏览和测试网页的,也很少用InternetExplorer  Collection等测试排版。... More...

用CSS验证器来验证CSS是否符合W3C标准

验证一个CSS样式表是否符合W3C的规范标准,最直接的方法就是访问 http://jigsaw.w3.org/css-validator/ ,可以在线指定CSS的URI路径,也可以文件上传,也可以直接输入CSS代码来验证,验证的结果会很详细的列出CSS代码中可能存在的错误信息提示。... More...

推荐的DIV+CSS命名规则 可能增强SEO优化功效

命名规则:使用骆驼命名法规则,即第一个英文单词小写,从第二个英文单词起,头一个字母大写
    如:leftcontent,写成:leftContent... More...

用CSS实现图片垂直居中的方法总收集

用CSS直接来实现图片的垂直居中似乎有点难度,但是好似又有很多种方法可以实现,参照来源Blueidea,收集如下:
第一种... More...

11月 08 2008
CSS 中的黄金分割率

这是一位叫做 Christos Chiotis的希腊Web设计师发表在 CssGlobe 的一篇文章,讲述了黄金分割率在CSS中的应用。黄金分割率是一个应用广泛的数学常数,大约为 1.6180339887。黄金分割率用在Web设计中,可以为设计带来更多视觉上的和谐
这是一位叫做 Christos Chiotis的希腊Web设计师发表在 CssGlobe 的一篇文章,讲述了黄金分割率在CSS中的应用。黄金分割率是一个应用广泛的数学常数,大约为 1.6180339887。黄金分割率用在Web设计中,可以为设计带来更多视觉上的和谐。在一个简单的两栏式页面布局中,使用两个容器,第一个容器用来 显示主要内容,第二个容器显示侧条。... More...

网站上的页面转换时候的过渡效果和我的马赛克

网站上的页面转换时候的过渡效果在Microsoft IE浏览器下面有时看起来很神奇,我的网站用的就是其中的马赛克效果,同时是在页面退出的时候使用的,完整的代码是... More...

CSS样式表在不同媒介不同浏览器上的设置显示

CSS在不同媒介上的显示方法:

常见的浏览器端的样式设置为:<link rel=”stylesheet” type=”text/css” href=”/css/screen.css” media=”screen” />... More...

用Css控制IE5.5浏览器中滚动条

作者:linyu 中国软件开发中心... More...