Colortip – jQuery文字信息提示插件简介

2010年10月15日 by 张 鑫旭 阅读 54172 次, 今日 2 次

jQuery tip类的信息提示插件层出不穷,但是我都没有介绍,为什么呢?就跟谈恋爱一样,虽然前面走过的女生不少,不错的也不少,但是自己没有谈恋爱的心思,也是鸳鸯蝴蝶一场梦,非要在那个特定的时间点上,正好遇到一个人,觉得……于是……这就是所谓的缘分。所以,这里介绍这个Colortip信息提示插件,不是因为这个插件多么多么的好,长得多么多么的迷人,只是自己觉得是不是应该像以前一样,分析介绍一些不错的常用的插件啊,正好,今天让我遇到了它,觉得好像还挺靠谱的,于是,就拿来成文。这就是缘分那!
小插件,内容不多,效果还凑合。提供截图效果展示,中文demo,还有精巧的源文件下载,希望能对您的学习有所帮助。

阅读全文…

翻译 – 解释JavaScript的“预解析(置顶解析)”

2010年10月14日 by 张 鑫旭 阅读 27931 次, 今日 6 次

本文可以说是个小的教程,分析一些JavaScript“预解析”造成的可能会让人疑惑的现象。虽说是翻译文章,但是个人感觉还是蛮通俗易懂的。本着自己在JavaScript上的造诣实在有限,加上又是有关JavaScript运行机制这类比较深层次的问题,在把握上合理解上难免有一些不到位的地方,欢迎各位优秀的同行多多指正,多多赐教。

阅读全文…

页面重构“鑫三无准则” 之“无宽度”准则

2010年10月11日 by 张 鑫旭 阅读 83735 次, 今日 26 次


为了使CSS布局模块化以及增强可扩展性,我曾自己总结了一套约束自己的CSS准则,我自己称之为“鑫三无准则”,即“无宽度”、“无图片”和“无浮动”,这些都是在页面重构中尽量避免的东西。而本文就是要最其中的“无宽度”准则进行一些探讨。
因为纯粹个人的东西,所以可能没有什么适用性,单也可能会对您的学习有所启发,所以这里还是简单分享了。对于一篇观点论述性的文章,一定要大量的图片、数据域实例支持,另外还有必要的帮助理解的demo页面,本文没有多少复杂的代码,所以源代码展示比较少。总之,希望能对您的学习有所帮助。

阅读全文…

使用CSS3 ::selection伪元素改变文本选中颜色

2010年10月8日 by 张 鑫旭 阅读 54860 次, 今日 24 次

本文主要介绍如何使用CSS3的一些属性改变浏览器页面文字默认选中的样式(主要是文字颜色和背景色),犹如魔术一样,知道了原理其实也就很简单了。所以本文其实没有什么内容,小技巧展示而已。一如既往的,有源代码展示,有截图,还有必要的demo页面,希望能对您的学习提供一些帮助。

阅读全文…

:after伪类+content内容生成经典应用举例

2010年09月28日 by 张 鑫旭 阅读 96985 次, 今日 83 次


content内容生成就是通过content属性生成内容,content属性早在CSS2.1的时候就被引入了,可以使用:before以及:after伪元素生成内容。此特性目前已被大部分的浏览器支持: (Firefox 1.5+, Safari 3.5+, IE 8+, Opera 9.2+, Chrome 0.2+)。另外,目前Opera 9.5+ 和 Safari 4已经支持所有元素的content属性,而不仅仅是:before和:after伪元素。
本文就将讲述:after伪类+content内容生成在web页面重构上非常实际的两个应用,一是清除浮动的影响,二是大小不固定图片的垂直居中效果。提供代码展示盒截图,提供demo效果页面,希望能对您的学习有所帮助。

阅读全文…

翻译 – CSS高峰会议内容精选

2010年09月26日 by 张 鑫旭 阅读 37598 次, 今日 8 次

昨天的CSS峰会上一些优秀的人才就CSS一些尖端的问题发表了他们的看法。有大量的非常有用的信息,总共有8部分的内容,有Denise Jacobs – CSS高级故障排除;Chris Eppstein – 使用Sass和Compass创作样式;Jason Cranford Teague – 2010网页字体年;Zoe Gillenwater – CSS3下的有效&有效率的设计;Estelle Weyl – CSS3 & iPhone;Stephanie Rewis – CSS3 & 渐进增强;David McFarland – CSS3 Animations;Nicole Sullivan – CSS肿胀!
虽都不是什么惊世之作,但是,对于帮助我们开阔视野,增加一个技术知识还是很有帮助的。能力有限,难免会有翻译不准确,或是表述不恰当的地方,欢迎指正。

阅读全文…

IE9对CSS3的支持情况概述

2010年09月25日 by 张 鑫旭 阅读 58772 次, 今日 45 次

IE9 logo 张鑫旭-鑫空间-鑫生活IE9 测试版好像是在9月16日凌晨发布的,如今在中国,IE已经四世同堂,这是多么温馨美满的画面啊,让人不由得“喜极而泣”啊!关于IE9的野史外传这里不做讨论,本文内容正如题目所示,主要概述下目前IE9版本对CSS3的支持情况。随着时间的推移,IE9必定会做一定的改进与修复等,所以,可能仅仅几个月后,现在还不支持的CSS3属性已经支持了,所以,本文所有的表格和数据仅作参考…

阅读全文…

需警惕CSS3属性的书写顺序

2010年09月21日 by 张 鑫旭 阅读 29700 次, 今日 15 次

警惕CSS3属性的书写顺序
本文主要的是如果不注意CSS3属性的书写顺序,可能就会给自己带来麻烦。本文通过简单的示例,简单的实例验证来说明这个问题。没有多少理论,没有多少饶舌,有的的简单的截图与代码展示,对了,还有必不可少的demo页面。希望能对您CSS3的使用提供一些帮助。

阅读全文…

无JavaScript纯CSS实现选项卡轮转切换效果

2010年09月15日 by 张 鑫旭 阅读 44982 次, 今日 36 次

本文内容很简单,但是确实让人开眼界,新奇的技术,无JavaScript实现选项卡轮转切换效果。关键东西是什么呢?就是……看文章内容就知道了。^_^就这些,史无前例,本文无截图,只有一个简单的demo和代码展示。因为就像魔术一样,说穿了其实就是那么回事。

阅读全文…

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

2010年09月14日 by 张 鑫旭 阅读 93980 次, 今日 72 次


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

阅读全文…