目前，现代浏览器均早已支持placeholder占位符属性。好定西不用白不用啊，因此，在前年，我就将HTML5的placeholder占位符属性应用在实际项目中了。在这一年多的应用中，还是有些磕磕碰碰，在此作为经验分享下。一来加深大家与placeholder的认识，二是希望大家可以积极大胆应用一些HTML5的新特性。
然后，还要对占位符的一些应用做扩展。本文是个排得上位置的长篇，内容多而杂，不过demo啊，截图啊，实例的，代码的都很详尽，内容也都是些值得话时间咀嚼的东西…… 相信会对您的学习有所帮助的。
“Web综合”目录存档
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顾名思意，就是……
JS护航下CSS3效果的渐进增强使用
2011年07月29日，星期五
本文主要将如果借助JS即保证IE9浏览器以及FireFox等浏览器可以使用很简单的标签使用CSS3下的圆角，盒阴影效果，又能保证IE6/IE7/IE8浏览器下有兼容性的同样效果。这可以是一种比较新颖的做法，有别于传统为了兼容性牺牲CSS3的做法，也不是当下一些JavaScript CSS3库的做法。
作为观点式的文章，必定有效果良好的demo，有源代码展示，还有必要的截图。总之希望本文的内容能够对您的学习有所帮助。
HTML5自定义属性对象Dataset简介
2011年06月14日，星期二本文介绍个HTML里面的个东东——dataset，这是个DOMStringMap对象，是HTML5一种新的含有多个名-值对的交互变量。作用是用来方便地控制HTML5中自定义的data属性。由于目前支持该属性的浏览器还不是很多，想要在实际项目中大范围使用还不太现实，所以本文只简单介绍该属性。
本文提供一些帮助理解和认识的demo页面，外带一些必要的截图以及源代码展示，总之，希望本文的内容能够对您的学习有所帮助。
JS Range HTML文档/文字内容选中、库及应用介绍
2011年04月14日，星期四
本文的内容基本上是基于“区域范围对象(Range objects)”这个概念来说的。这个玩意，可以让你选择HTML文档的任意部分，并可以拿这些选择的信息做你想做的事情。其中，最常见的Range是用户用鼠标选择的内容(user selection)。
本文有不少篇幅就是讲如何将用户的这种选择转换为W3C Range或Microsoft Text Range对象。随后展示了Range相关的JavaScript库，以及JS 文本域光标处插入文字的实现——即新浪微博的插入话题功能的完整版实例展示。
本文提供必要的表格数据，源代码展示，效果截图以及demo页面，内容较多，篇幅较长。希望本文的内容能够对您的学习有所帮助。
IE矩阵滤镜Matrix旋转与缩放及结合transform的拓展
2011年03月12日，星期六IE浏览器下Matrix滤镜可以实现旋转效果早在去年1月份在“图片旋转效果的一些研究、jQuery插件及实例” 一文中就有过还算详细的介绍。这里之所以要重新嚼以前嚼过的烂叶子是因为我之前以为IE Matrix矩阵滤镜只能实现元素的旋转与拉伸，但是就在前几天发现Matrix滤镜还有元素比例缩放的功能，类似于zoom属性的功能。于是花时间折腾了一下，决定立文备忘下。
由于现代浏览器中CSS3的transform属性可以轻松实现元素的旋转以及比例改变，所以如果……
遐想：如果没有IE6和IE7浏览器…
2011年02月24日，星期四本文其实是篇“不切实际”的YY之文。YY的背景就是IE6/IE7浏览器功德圆满，已经退休回家带孙子了。YY的内容就是此背景下我们前端er们可以做的些有趣且美好的事情。本文内容其实可以换个题目就是： IE6/IE7浏览器不支持前端功能简介。文章主要列举了四个功能，其中两个JavaScript方面的，两个CSS方面的。其实更多的是介绍一些新的技术。
本文各个parts都提供必要的截图，或是文章链接；提供必要的源代码展示；JavaScript部分专门制作了很有喜感的demo页面；CSS部分提供了其他作者制作的相关demo。总之，希望本文的内容能够对您的学习有所帮助。
CSS3+js实现多彩炫酷旋转圆环时钟效果
2010年08月9日，星期一
本文介绍主要由CSS3 transform的rotate配合一些巧妙的方法实现的炫酷的时钟旋转效果。虽说没有多大实用价值，不过对于熟悉CSS3的旋转属性，以及了解IE滤镜旋转的一些知识是很有用的。本文提供源文件下载，代码展示，以及必要的demo。希望能对您的学习有所帮助。
CSS+JavaScript实现页面不同布局的切换
2010年03月25日，星期四我们平时使用windows操作系统，应该见过文件才查看功能，我们可以选择“平铺”、“图标”、“列表”、“详细信息”等，这是一个不错的功能，可以让用户自定义一些自己喜欢的偏好的显示方式，我们再web页面上，同样可以做。这可能说是一种提高用户体验的方法。
本文就将展示如何在web页面上轻松的实现布局的切换，查看方式的转换。提供详尽的插图，提供详尽的demo，以及对应的代码，希望能对您有所帮助。
图片旋转效果的一些研究、jQuery插件及实例
2010年01月12日，星期二图片的旋转可以说是一种效果，但是逐渐的，旋转已经不单单是属于视觉效果那个范畴，其更具有使用性，功能性。我们都知道，照片有时候是需要横过来的拍的，当我们预览或共享到web上时需要进行旋转。这个操作在以往可能更多的是交给软件去完成，然后再将旋转到正常角度的图片发布到web上。但是，现在直接就可以在web上对图片进行旋转之类的处理，就算图片处理软件再怎么方便好用，也不及直接发布时对图片做调整来的方便。这就是图片旋转功能的实用意义。
本文从各个方面阐述图片旋转的实现方法，一步一步，从CSS，滤镜，canvas标签，涉及各个浏览器，分析各自特性，并讲解一些插件，最后提供各种方法的综合实例，有详细的demo页面和源文件下载，希望能对您有所帮助。
我的应用
我的应用