2011年12月 存档

absolute元素在text-align属性下的对齐显示

2011年12月27日,星期二

本文简单研究了下CSS中 text-align属性与position属性之间的关系。通过一些实例论述一些观点,并引申出一些实际的应用。截图很详尽,还有必要的demo以及源代码展示。其他就不多说了,总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

小tip:CSS3下的圆形遮罩效果实现与应用

2011年12月23日,星期五

本文展示下如何使用单纯的CSS实现遮罩效果,并列举一个实例看看该技术在实际项目中的应用。一如既往,提供demo页面,丰富的截图和必要的源代码展示。总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

JS前端验证与用户自由思想

2011年12月21日,星期三

偏理论的文章,主要讲述用户自由思想下的前端验证模式。本文有文字,有丰富的截图以及实例。其他话就不多说了,一些个人的观点,一些不同于当下主流的见解,希望能有所启示。

阅读全文…

CSS3 pointer-events:none应用举例及扩展

2011年12月7日,星期三


pointer-events是CSS3中又一冉冉的属性,其支持的值牛毛般多,不过大多都与SVG相关,我们可以不用理会。当下,对于偶们来讲,与SVG划开界线值得一提的就是[none|auto]两个属性值了。其中”auto”的感觉与width属性的”auto”类似,一般在一些特殊场合露一手,平时闺门不出,没什么说头。因此,一轮筛选下来,我们需要留意的只是pointer-events:none而已。
pointer-events:none是个很有意思的东西,某些情况下其精湛的表现会让人两眼发光。
pointer-events:none顾名思意,就是……

阅读全文…

HTML5扩展之微数据与丰富网页摘要

2011年12月1日,星期四


一个页面的内容,例如人物、事件或评论不仅要给用户看,还要让机器可识别。而目前机器智能程度有限,要让其知会特定内容含义,我们需要使用规定的标签、属性名以及特定用法等。举个简单例子,我们使用<h1>标签包裹页面标题信息就是为了让机器识别(搜索引擎 – SEO)。
而微数据是什么呢?在我看来,微数据也是为了方便机器识别而产生的东西。其有特定的规范,有特定的格式。可以丰富搜索引擎的网页摘要……

阅读全文…