漫谈js自定义事件、DOM/伪DOM自定义事件

2012年04月1日 by 张 鑫旭 阅读 174319 次, 今日 132 次

js自定义事件、DOM自定义事件
最近文章产量虽多,但大多都是短篇。本文断断续续折腾了差不多有一周,现在终于出炉了。主要是介绍了JS的自定义事件以及如何在DOM元素上自定义事件。循序渐进,娓娓道来,纯粹JS知识与理论。详尽的代码展示,制作精良的demo测试页面,必要的截图示意,相信本文的内容会对您的学习有所帮助的(如果你对JS有兴趣的话),不信?读一读就知道了。

阅读全文…

观点:不要太依赖JavaScript库

2012年03月29日 by 张 鑫旭 阅读 52056 次, 今日 20 次

JavaScript库已经成为了一个web开发人员的工具包的重要组成部分,一个很好的理由(zxx: 应指指依赖理由)。库让每个浏览器的JavaScript实现无差异,使开发人员可以专注于编写代码,10次中有9次将只是工作 – 这是一个了不起的事情。
但你可曾停下来想过学习JavaScript,而不是一切都依靠库?尽管我不主张离开库,但我依然要给你些东西让你去思考……

阅读全文…

折腾:瀑布流布局(基于多栏列表流体布局实现)

2012年03月23日 by 张 鑫旭 阅读 131167 次, 今日 59 次

跟风,尤其受pinterest的煽风点火,瀑布流就有不少人关注了。我正好最近比较闲,加上有人曾在我站点提出希望我介绍点瀑布流的东西,所以,今儿个也随下大流。
pinterest以及上面迅雷UED xwei的瀑布流demo(至少在FireFox下还是有致命的显示bug的)都是采用的绝对定位实现的,有相对复杂的位置计算。
我一向不喜欢吃别人嚼过的米饭,于是尝试使用另外的原理实现。我是个流体布局控,对绝对定位啊、浮动啊什么的一向没什么好感,于是,这里要介绍的就是基于多栏列表流体布局实现的瀑布流布局效果。

阅读全文…

翻译:CSS中的糟粕

2012年03月21日 by 张 鑫旭 阅读 39156 次, 今日 40 次

下午本文节选:
每种程序语言都有其精华与糟粕的部分。CSS(我知道,CSS不是程序语言,但又何妨?)也不例外。

本文我除了发牢骚还是发牢骚。我已经给网站敲代码敲了12年了,其中有一半的时间是在折腾CSS布局(没错,哥我大器晚成)。我想到要去认识到CSS中的精华与糟粕,而这里,我要讲的是”糟粕”……

基本上都是文字,有兴趣的你可以看看~~

阅读全文…

介绍:cssrefresh.js-CSS文件自动刷新

2012年03月19日 by 张 鑫旭 阅读 39512 次, 今日 23 次

本文内容正如标题所说的,介绍cssrefresh.js. 按照What? Why? How?的提问顺序介绍。末了,还附上了一个实际样式的demo。当然,源代码啊,截图啊什么的为日常口粮,自然少不了。不一定多使用,不过对于某些同行,尤其新人,估计还是很有用的。

阅读全文…

小tip: CSS后代选择器可能的错误认识

2012年03月19日 by 张 鑫旭 阅读 46727 次, 今日 31 次

本文通过几个简单的实例,介绍在CSS后代选择器上,一些同行可能存在的一些错误认识。虽是短篇,但是源代码展示,必要的demo页面以及效果截图俱全。希望本文的内容能够对您的学习有所帮助。

阅读全文…

WAI-ARIA无障碍网页应用属性完全展示

2012年03月14日 by 张 鑫旭 阅读 144062 次, 今日 82 次

WAI-ARIA指无障碍网页应用。主要针对的是视觉缺陷,失聪,行动不便的残疾人以及假装残疾的测试人员。尤其像盲人,眼睛看不到,其浏览网页则需要借助辅助设备,如屏幕阅读器,屏幕阅读机可以大声朗读或者输出盲文。
而ARIA就是可以让屏幕阅读器准确识别网页中的内容,变化,状态的技术规范,可以让盲人这类用户也能无障碍阅读!

本文完整展示了ARIA相关的各个属性,角色。长长的表格,HTML代码示意,说明,截图等,希望本文可以对国内无障碍网页应用的重视和发展提供一些帮助。

阅读全文…

你到了第几层?图片式标题、按钮与隐藏文本

2012年03月9日 by 张 鑫旭 阅读 38950 次, 今日 30 次

本文标题有故弄玄虚之嫌,说是“图片式标题、按钮与隐藏文本”,其实本意重点是介绍z-index负值以及在文本隐藏中的实际应用。外甥点灯笼——照旧,demo多多,截图多多(还有gif动画演示图哦),源代码展示等等,都有。总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

ol元素及相关属性:type, start, value, 和reversed

2012年03月5日 by 张 鑫旭 阅读 37142 次, 今日 22 次

文章摘要:type, start, value, 和reversed每个的生世是不一样滴。reversed属于新兴人类,随着HTML5来到这个世界的,顾名思意表“反转”。而start和type都是在HTML4中被文革掉的,但是,现在,它们又回来了……

阅读全文…

小tip: 使用CSS(Unicode字符)让inline水平元素换行

2012年03月2日 by 张 鑫旭 阅读 40370 次, 今日 28 次

本文旨在介绍一种自认为比较新颖有趣的技术。可以仅仅通过CSS控制inline元素元素换行的问题。其中,借助了特殊的Unicode字符编码字符。一如既往,有实例,有截图,有源代码展示。希望本文的内容能够对您的学习有所帮助。

阅读全文…