小tip: 某简单的字符重叠与图形生成

2012年12月26日 by 张 鑫旭 阅读 41186 次

本文比较短,摘要我也懒得写了,就是一个自己觉得不错的方法,跟大家分享下,有demo有截图有源代码示意,希望能对您的学习有所帮助。

阅读全文…

jQuery html5Validate基于HTML5表单验证插件

2012年12月20日 by 张 鑫旭 阅读 274054 次, 今日 4 次

html5Validate HTML5表单验证jQuery插件
html5Validate是我今年折腾的比较靠谱的jQuery插件,基于W3C HTML5规范的表单验证规则编写的一款向下兼容的jQuery表单验证插件,着眼于未来以及大局,抓住了时代发展脉搏,有足够的生命力与潜力。在实际项目中也经过了一定的历练,自我觉得是挺OK的。

本文比较长,说得也比较详细,有很多demo,很多截图以及很多关键代码示意,相信会您的工作与学习有所帮助的。

阅读全文…

残忍:IE10↘IE7-IE9 type=email的完全抛弃

2012年12月13日 by 张 鑫旭 阅读 82394 次, 今日 11 次

有个顽童名叫IE, 其9岁的时候,不举;10岁的时候,可以举。这位叫做IE的顽童,跟纲手婆婆一样,可以向下控制年龄显示,7岁到9岁都可以。但是,为了不让人看穿其真实年龄,当其7~9岁模样的时候,需要不举。不过,身体是同一副,诱人妹子在眼前,不是说不举就不举的……

……

直接把小弟弟咔嚓了,这样,不就举不起来了嘛!!哈哈,我好聪明!!

阅读全文…

HTML5 Boolean类型属性(如required)值的JS获取

2012年12月11日 by 张 鑫旭 阅读 73751 次

HTML5 Boolean类型属性,看上去跟普通属性没什么两个,深入处理才发现事情没有想象的那么简单,尤其最近IE10浏览器的出现,更是血雨腥风,其兼容性问题夸张地令人啧舌,甚至最新版本的jQuery都无法避免地出现了bug.

本文就将详尽展示各种条件下,Boolean类型属性(如required)值,让你可以独眼龙看告示——一目了然地知道bug出在哪里,哪些浏览器上。本文还提供各种库的的兼容性修复方案,并作了简单扩展。基本上1~2天时候的测试与处理,本文的数据相信会对您的学习有所帮助的。

阅读全文…

HTML5 number类型文本框step属性的验证机制

2012年12月7日 by 张 鑫旭 阅读 53703 次, 今日 1 次

最近花了不少功夫折腾表单验证的些东西,主要是把HTML5的些东西向下兼容。本文是引子,相关基本内容之一。内容如标题所示,还有有点内容的,了解下没有什么坏处。外甥点灯笼——照旧,demo页面,丰富的截图以及必要的源代码展示。总之,希望本文的内容能够让您在末日之前学习到一点新的东西。

阅读全文…

Page Visibility(页面可见性) API介绍、微拓展

2012年11月29日 by 张 鑫旭 阅读 99741 次

如果检测页面切页,最小化,关闭,切换选项卡,可以使用visibilitychange事件,使用visibilityState属性值。

阅读全文…

我是如何在实际项目中使用before/after伪元素的

2012年11月16日 by 张 鑫旭 阅读 83015 次, 今日 1 次

before/after伪元素相当于在元素内部插入两个额外的标签,其最适合也是最推荐的应用就是图形生成。在一些精致的UI实现上,可以简化HTML代码,提高可读性和可维护性。国外这两个伪元素应用相当的普及以及兴盛,不过貌似我们这边前端er们普遍缺乏使用这两个伪元素的意识,要使用顶多也就是跟风的“清除浮动”应用。
我想,这可能受兼容性思维影响……

阅读全文…

小tip:FireFox下文本框/域百分比padding bug解决

2012年11月13日 by 张 鑫旭 阅读 56842 次, 今日 1 次

我是流体布局控,经常会遇到文本框以及文本域宽度100%自适应显示的情况。对于文本框或者文本域,光标最好距离左侧边缘有一定的间距。
但是,如果只考虑文本框本身(父标签无其他特殊处理),这一套在流体环境下是行不通的,因为固定的padding数组无法让文本框永远100%自适应外部的宽度,至少非现代浏览器下是如此!
目前而言,好的解决之道是……

阅读全文…

web上渐进使用jQuery Mobile中animate相关CSS

2012年11月2日 by 张 鑫旭 阅读 95120 次, 今日 2 次


animate虽然是CSS3中随时比较高级的东西,看上去与实际的web项目不搭噶,但是,这里,我要告诉你,在实际web项目中也是可以渐进使用CSS3 animation相关动画的,而且,操作难度以及兼容性处理都是很低的哦!

本文以比较实用的jQuery Mobile框架中开源的animate相关CSS代码为实例,分别展示了其中各种animate效果在实际交互中的应用。大量demo,大量截图以及源代码示意。相信本文的内容会对您的学习有所帮助的!

阅读全文…

视网膜New iPad与普通分辨率iPad页面的兼容处理

2012年10月25日 by 张 鑫旭 阅读 94267 次

本文内容多少有点含沙射影,旁击侧敲的味道。题目虽然是将new iPad与普通iPad不能显示屏上的兼容性处理,实际上,讲的是所有视网膜显示屏的一些处理;随着以后普通显示器和视网膜显示器2分天下,就是我们开发的苦日子时候。
既来之则安之,本文先打个预防针,分享点我近期iPad项目的一些处理经验。希望能对其他同行面对同样问题的时候提供一些帮助。

阅读全文…