Selectivizr-让IE6~8支持CSS3伪类和属性选择器

2010年09月14日 by 张 鑫旭 阅读 90416 次, 今日 49 次


IE浏览器对CSS伪类以及位元素的支持很弱,很多很不错的功能都不能使用,这某种程度上限制了web的发展。聪明的工程师们总能想出一些修复弥补的方法,就像本文要介绍的Selectivizr。Selectivizr使用很简单,可以让让IE6/IE7/IE8支持CSS3伪类和属性选择器,算是不错的东西。如果您需要的话,应该会提供不少帮助的。本文内容虽然不错,但是依旧提供源文件下载以及demo展示。

阅读全文…

精简高效的CSS命名准则/方法

2010年09月12日 by 张 鑫旭 阅读 159630 次, 今日 74 次

老子有云:“天下万物生于有,有生于无”。具体解释就是:天下万物都是由看得见的具体事物(“有”)产生的,而看得见的具体事物(“有”)又是由看不见的,无形无状的东西(“无”)产生的,这个看不见的“无”也就是“道”,或叫做“根”、“母”。

我们看武侠片,经常听到“无招胜有招”这句话,这也是道家“无”之思想之体现。因为你心中没有招式,你才能有无限的可能,生成其他的招式以克敌,即所谓以不变应万变;相反,如果你心中牢记一套“华山剑法”,当你与人交手时,势必按照此套路走,要是遇到相克之剑法,结局就是一败涂地。“无招”是一种境界,是你功夫修炼到一定程度才能领悟到的。

可见,要想发挥更大,就需要“无”,把一些“限制的东西”通通去掉。没有限制才能发挥出最大的潜能。站在最简单,最原始的那个点上,你才能自由驰骋,应变自如。

阅读全文…

js下拉菜单实现与可访问性问题的一些思考

2010年09月10日 by 张 鑫旭 阅读 73136 次, 今日 4 次

从本文的题目可以看出,内容的重点在于“下拉菜单”“可访问性”,其实前面的“下拉菜单”只是用来示例,“可访问性”才是本文的重点。本文就页面的“可访问性”讲了很多。一如既往,丰富的截图,必要的代码示例,还有UI良好的demo页面。天色已晚,话不多说,总之,应该会对您的学习有所帮助的。

阅读全文…

新版无图片版zxxbox jQuery弹出框插件

2010年09月7日 by 张 鑫旭 阅读 136045 次, 今日 5 次

当初写zxxbox jQuery弹出框插件纯粹是学习的目的,另外就是临时应付个人站点上的一些弹框应用。所以写得比较简单,业余,并没有期望谁会去使用它。但是,后来,一些同行的留言以及相关的交流发现,还是有人使用此轻便,简洁的弹框效果的。

但是,一方面由于自己之前的水平比较稚嫩,同时,对插件的逻辑没有很好的梳理。所以,之前版本的弹出框插件,虽然也能用,但是,功能确实有效,不能给内置的弹框按钮添加回调方法,不支持Ajax加载,而且,还有些小的隐晦的bug等,在调用上也是有点不利索的。所以,这几天,我就把之前的zxxbox弹出框插件重新写了下。虽然弹框的UI界面还是更之前的一样,但是,内部的逻辑,调用,以及参数等都有所不同,可以说是从底层核心都改变了。所以,只是简单的以插件更新的方式放在之前的文章下,则会有有力使不出的感觉。故,另起一篇文章,对新版的zxxbox弹出框插件参数,使用等细致地讲解下,希望对有需要的同行有所帮助。

阅读全文…

js写的打方块小游戏

2010年09月1日 by 张 鑫旭 阅读 26451 次, 今日 4 次

本文只要展示我近两天突然冲动写的个游戏,用的是js写的,使用的js库位jQuery,其中还有一点音效是与flash交互实现的。其实没有什么内容,就是希望有人可以试着玩玩这个游戏。就这些,里面有不少关于游戏的截图,如果您有兴趣,可以试着玩一下,欢迎提出建议与提出bug。

阅读全文…

CSS3下的147个颜色名称及对应颜色值

2010年08月30日 by 张 鑫旭 阅读 72984 次, 今日 1 次

色名称也称为颜色关键字,像我们熟悉的black表示黑色,white表示白色,blue表示蓝色等。实际上,在CSS的颜色定义中,总共有147种颜色关键字,所有者147种颜色名字均取自X Windows 系统,X 颜色名,所以即使这147个颜色名看上去不是很标准,支持也是非常不错的。

需要注意的是,在IE下,关于灰色,其中的字母”e”是不认的,它只认gray中的”a”而不认grey中的”e”,所以IE浏览器下,CSS3中的颜色名实际上只有140个,而不是147个。

阅读全文…

翻译-你必须知道的28个HTML5特征、窍门和技术

2010年08月27日 by 张 鑫旭 阅读 129022 次, 今日 17 次

前端的发展如此之迅猛,一不留神,大侠你可能就会被远远地甩在后面了。如果你不想被HTML5的改变/更新搅得不知所措的话,可以把本文的内容作为必须了解的热身课程。
本文为翻译内容,介绍了28个HTML5相关的技术,知识点等。内容较多,不少内容,我都重新制作了demo页面,并配以截图,希望能对您的学习有所帮助。

阅读全文…

Apple iphone4官网图片“视网膜”放大效果实现

2010年08月25日 by 张 鑫旭 阅读 36452 次, 今日 2 次


本文的内容就是展示苹果(Apple) iphone 官网上帅气的图片放大显示效果,同时并对其实现进行一番简单的讲解。内容主要涉及CSS3以及一些交互效果的实现,一如既往,巨丰富的页面截图,必要的代码展示,还是就是效果精湛的demo页面,但是,由于自身的懒惰,本文不提供打包的源文件下载。
本文的内容还是有一定的实际意义的,在实际的项目中是可以试试这种交互体验上佳的效果的。就技术而言,里面关于CSS3的一些内容,以及图片放大显示的实现,都有一定的学习价值的。总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

翻译-不同CSS技术及其CSS性能

2010年08月19日 by 张 鑫旭 阅读 47328 次, 今日 5 次

本文是篇译文,主要简单介绍了一些CSS技术,例如面向对象CSS还有就是SASS技术,然后重点是对这些技术下的CSS性能进行了测试从而得出关于CSS以及浏览器方面的一些数据。其实OOCSS以及SASS是技术的难点,和值得讲解的地方,但是本文的重点不在此,而在其CSS性能。其他就不多说了,本文有截图,有代码展示,还有演示文稿,希望能对您的学习有所帮助。

阅读全文…

HTML5 css reset

2010年08月19日 by 张 鑫旭 阅读 87347 次, 今日 88 次

本文内容很简单,就是展示了下HTML5下的CSS reset代码,希望能需要的人提供些帮助。由于本人相当鄙视这类冗余无比的CSS reset,所以,自己也就没有说什么内容。

阅读全文…