2012年02月6日 by 张 鑫旭 阅读 187362 次, 今日 2 次

目前,现代浏览器均早已支持placeholder占位符属性。好定西不用白不用啊,因此,在前年,我就将HTML5的placeholder占位符属性应用在实际项目中了。在这一年多的应用中,还是有些磕磕碰碰,在此作为经验分享下。一来加深大家与placeholder的认识,二是希望大家可以积极大胆应用一些HTML5的新特性。
然后,还要对占位符的一些应用做扩展。本文是个排得上位置的长篇,内容多而杂,不过demo啊,截图啊,实例的,代码的都很详尽,内容也都是些值得话时间咀嚼的东西…… 相信会对您的学习有所帮助的。
阅读全文…
标签: HTML5, javascript, jQuery, label, oncontextmenu, onpaste, placeholder, 兼容性, 占位符, 插件, 文本域, 文本框
发布在 Web综合 | 43 条评论 »
2012年01月18日 by 张 鑫旭 阅读 87841 次, 今日 2 次
摘要我实在懒得写了,身心有些疲累啊。大致内容就是标题所示的啦。对于部分同行来讲,可能没什么用。其一不怎么关注和使用自适应布局,二是关注和使用自适应布局使用的大多不是display:table-cell方法。
但是,毕竟目前这方面的文章还不是很多,相信会对需要帮助的人提供一些小小帮助的。若果真如此,实在太好不过了。
阅读全文…
标签: display:table-cell, table-layout:fixed, word-wrap:break-word, 字符换行, 流体布局, 自适应
发布在 CSS相关 | 15 条评论 »
2012年01月6日 by 张 鑫旭 阅读 103945 次, 今日 3 次
我们使用CSS一些特殊的选择器,然后配合单选框以及复选框自带的一些特性,可以实现元素的显示隐藏效果。然后通过一些简单的扩展,我们可以不使用任何JavaScript代码实现类似:自定义的单复选框,“更多”展开与收起效果,选项卡切换效果,或是多级下拉列表效果等等。
本文将通过列举几个简单示例对这一技术做简单介绍。同样的,有demo,有截图,有源代码展示,总之,希望本文的内容能够对您的学习有所帮助。
阅读全文…
标签: checkbox, css3, label, radio, 单选框, 可访问性, 复选框, 选择器
发布在 CSS相关 | 5 条评论 »
2012年01月4日 by 张 鑫旭 阅读 131889 次, 今日 1 次
ECMAScript 5.1 (或仅 ES5) 是ECMAScript(基于JavaScript的规范)标准最新修正。 与HTML5规范进程本质类似,ES5通过对现有JavaScript方法添加语句和原生ECMAScript对象做合并实现标准化。ES5还引入了一个语法的严格变种,被称为”严格模式(strict mode)”。
本文我们将介绍一些有用的改变和添加。关于完整列表,……
阅读全文…
标签: bind, ECMAScript5, ES5, javascript, json, 对象, 数组
发布在 外文翻译 | 3 条评论 »
2012年01月3日 by 张 鑫旭 阅读 102132 次, 今日 1 次

zSlide是我最近折腾的一个jQuery插件,可以让网页以类似于powerpoint展示的效果展示。这样可以让技术资源更快更便捷共享出去。不仅有基本的切换效果,还有动画交互。支持键盘操作和鼠标操作,提供实时的进度提示,同时提供强大的自定义交互功能。
本文就是专门讲解这个插件,有的放矢,截图,demo,源代码打包下载,代码示例一个不少。尽量面面俱到而又不啰嗦,总之,希望本文的内容能够对您的学习或工作有所帮助。
阅读全文…
标签: css3, HTML5, jQuery, localStorage, plugin, powerpoint, zDialog, zSlide, 弹框
发布在 jQuery相关 | 16 条评论 »
2011年12月27日 by 张 鑫旭 阅读 112441 次, 今日 5 次
本文简单研究了下CSS中 text-align属性与position属性之间的关系。通过一些实例论述一些观点,并引申出一些实际的应用。截图很详尽,还有必要的demo以及源代码展示。其他就不多说了,总之,希望本文的内容能够对您的学习有所帮助。
阅读全文…
标签: absolute, margin负值, text-align:justify, 垂直居中, 对齐, 绝对定位
发布在 CSS相关 | 17 条评论 »
2011年12月23日 by 张 鑫旭 阅读 76219 次
本文展示下如何使用单纯的CSS实现遮罩效果,并列举一个实例看看该技术在实际项目中的应用。一如既往,提供demo页面,丰富的截图和必要的源代码展示。总之,希望本文的内容能够对您的学习有所帮助。
阅读全文…
标签: border, border-radius, css3, transition, 圆角, 手机, 遮罩
发布在 CSS相关 | 8 条评论 »
2011年12月21日 by 张 鑫旭 阅读 104414 次
偏理论的文章,主要讲述用户自由思想下的前端验证模式。本文有文字,有丰富的截图以及实例。其他话就不多说了,一些个人的观点,一些不同于当下主流的见解,希望能有所启示。
阅读全文…
标签: chrome, Google, HTML5, 前端, 思想, 用户体验, 用户自由
发布在 CSS相关 | 22 条评论 »
2011年12月7日 by 张 鑫旭 阅读 233158 次, 今日 3 次

pointer-events是CSS3中又一冉冉的属性,其支持的值牛毛般多,不过大多都与SVG相关,我们可以不用理会。当下,对于偶们来讲,与SVG划开界线值得一提的就是[none|auto]两个属性值了。其中”auto”的感觉与width属性的”auto”类似,一般在一些特殊场合露一手,平时闺门不出,没什么说头。因此,一轮筛选下来,我们需要留意的只是pointer-events:none而已。
pointer-events:none是个很有意思的东西,某些情况下其精湛的表现会让人两眼发光。
pointer-events:none顾名思意,就是……
阅读全文…
标签: css3, elementFromPoint, pointer-events, 按钮, 选项卡, 鼠标事件
发布在 Web综合 | 34 条评论 »
2011年12月1日 by 张 鑫旭 阅读 149015 次

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