老外的演示文档简单生动有趣,以前企鹅团队层翻译过一篇过于line-height的文档,很是不错,我是从中学到了不少东西。这两天,我也抽空翻译个风格类似的文档,是关于CSS继承的,虽然内容比较基本,但是看看还是会有不少帮助的。学习腾讯团队的做法,我也将翻译编辑好的PDF传到了slideshare上,以方便大家的分享与学习。
团购类网站倒计时的js实现
2010年07月27日 by 阅读 248669 次, 今日 5 次本文内容很简单,就是展示下如何使用js脚本实现倒计时效果。倒计时效果在团购类网站上可谓必须确定以及肯定会有的,如今团购网站如雨后春笋,一个接一个的冒出来,所以,这类前端效果还是有些实用价值的,故有此文,希望对有需要的同行们提供些帮助。
外甥点灯笼——照旧,有截图,有demo,有代码展示,以及提供必要的文件下载。
CSS实现跨浏览器的box-shadow盒阴影效果(2)
2010年07月27日 by 阅读 142432 次, 今日 3 次我之前曾写过一篇关于实现跨浏览器实现box-shadow效果的文章——“CSS实现跨浏览器兼容性的盒阴影效果”,本文虽然题目类似,但是核心部分是有差异的。前面的文章虽然实现IE下的盒阴影效果也是使用的滤镜,但是使用的是shadow滤镜,这种滤镜的效果很牵强,效果过渡不自然,而本文实现的IE下的盒阴影效果就相对非常自然,而且还支持内阴影的UI表现。
本文提供各个效果截图,提供丰富飞实例以及代码展示,希望能对您的学习有所帮助。
PIE使IE支持CSS3圆角盒阴影与渐变渲染
2010年07月23日 by 阅读 218230 次, 今日 85 次MooTools和jQuery库继承实现class切换对比
2010年07月22日 by 阅读 80722 次, 今日 3 次本文以通过class切换,实现简单的鼠标悬停效果为实例,展示下MooTools和jQuery库实现继承的差异。通过两者的对比来帮助对这两个库的理解,对于绝大多数同行而言,可能更熟悉jQuery多点,通过对比,可以更好的了解MooTools的思想行为以及一些使用等。
本文提供截图,代码展示,以及源文件打包下载,希望能对您的学习有所帮助。
关于锚点跳转及jQuery下相关操作与插件
2010年07月15日 by 阅读 201811 次, 今日 5 次本文主要是讲述有关页面锚点的一些知识,以及IE浏览器下锚点的一些问题及修复。最后,提供了自己写的一个很小的任意标签锚点跳转的小jQuery插件,并对此插件的使用进行的简单的介绍。
本文提供丰富的截图,提供必要的demo,以及源代码展示,提供相关的源文件下载。希望能对您的学习有所帮助。
我是如何对网站CSS进行架构的
2010年07月13日 by 阅读 298480 次, 今日 9 次本文将展示我是如何对网站的CSS进行架构的,表达能力有限,尽量展示自己的想法,观点。本文可谓将之前一些列的CSS内容作了个简短的总结,从css rest,CSS 库,到自适应布局,到代码的分离与合并等。提供必要的图片,代码展示,以及一些源文件下载。
说实话,全然套用我展示的这套架构会由于不熟悉或是掌控不够而产生问题,但是,里面一些概念,一些思想应该能有一定的启示作用的。
另外,我只是个初出茅庐的小生,我知道,很多真正功力深厚的前端开发人员有着更好的更广泛适应的前端架构,如果您有幸来到这里,欢迎分享您的一些见解与认识。还有,文中若有您觉得不合理的观点,也非常欢迎指正。我们需要在不断的交流中提高的。
CSS的样式合并与模块化
2010年07月8日 by 阅读 121129 次, 今日 6 次CSS样式分离之再分离
2010年07月8日 by 阅读 159746 次, 今日 6 次
我从以前讲布局思想,讲无CSS rest,到现在的CSS样式分离之再分离,以及后面的CSS架构,都是一个体系里面的。我清楚的指导,这些东西,其实很多优秀的前端人员也是知道一二,或是比我理解更深刻的。但是,对于大多数同行而言,可能认为我“又在挑刺”,其实不然。
我把我自己的理解讲出来,是希望让您知道,现在绝大多数的CSS写法,架构都是有很多不足的,缺少创新。我就这么跟您说吧,您所做的任何项目,其实根本只要一个CSS文件就足够,您要是真的通透了CSS的“分离”、“架构”,即使这个网站项目有100个页面(风格统一),您也可以只使用一个CSS页面,并且可以控制CSS文件(未压缩)在40K以下。
我是自信可以这么实现的。我最近做的项目50多个页面,未压缩(含大量注释,竖排)的CSS文件,就30K左右,服务器端压缩后仅11K左右,同时网站整站自适应,从内容到各个按钮,导航,全部宽度自适应,兼容性良好….
jQuery – 鼠标经过(hover)事件的延时处理
2010年07月1日 by 阅读 250743 次, 今日 4 次月光大人曾说过与下面主要意思一样的话:写博客三五天写一篇重量级的文章,隔个一天两天写个简单,价制度偏低的文章,是比较不错滴。本文就属于有凑篇数之嫌的价值相对偏低的文章。加上本身js还很稚嫩,所以本文内容的方法一般般,仅供参考。
本文的核心内容就是展示可以轻松应用鼠标经过延时执行的jQuery方法,提供必要的demo,提供源代码展示,提供源文件下载,提供必要的截图,希望对需要之人提供一定的帮助。