2012年04月11日 by 张 鑫旭 阅读 88017 次, 今日 7 次
估计没有什么比表单更让设计师出气了。表单不一定可以让(设计师)表现创意,还是可以?我们可能需要从做基本的层面,重新审视表单,理解表单——表单是用户和软件之间的对话。
忘掉切换啊,点击什么的,表单是我们数字设计师(我想应该是依赖计算机进行设计的设计人员)将面临的最富有的交互。下一次,你要对付一个表单的时候,不要认为就是要应用好看的CSS效果或是添加漂亮的jQuery特效。表单设计的水是很深的。
我已经做过上百个表单用户测试,为保险公司、假期预订交互设计过一些非常复杂的表单,以及其他很多。可能你最近使用的某个表单就是我设计的……
阅读全文…
标签: HTML5, 交互, 用户体验, 表单, 设计, 设计师
发布在 Design相关, 外文翻译 | 6 条评论 »
2012年04月1日 by 张 鑫旭 阅读 368756 次, 今日 1 次

最近文章产量虽多,但大多都是短篇。本文断断续续折腾了差不多有一周,现在终于出炉了。主要是介绍了JS的自定义事件以及如何在DOM元素上自定义事件。循序渐进,娓娓道来,纯粹JS知识与理论。详尽的代码展示,制作精良的demo测试页面,必要的截图示意,相信本文的内容会对您的学习有所帮助的(如果你对JS有兴趣的话),不信?读一读就知道了。
阅读全文…
标签: addEventListener, attachEvent, createEvent, dispatchEvent, dom, javascript, onpropertychange, 兼容性, 原型, 对象字面量, 继承, 自定义事件
发布在 JS实例 | 50 条评论 »
2012年03月29日 by 张 鑫旭 阅读 85578 次, 今日 3 次
JavaScript库已经成为了一个web开发人员的工具包的重要组成部分,一个很好的理由(zxx: 应指指依赖理由)。库让每个浏览器的JavaScript实现无差异,使开发人员可以专注于编写代码,10次中有9次将只是工作 – 这是一个了不起的事情。
但你可曾停下来想过学习JavaScript,而不是一切都依靠库?尽管我不主张离开库,但我依然要给你些东西让你去思考……
阅读全文…
标签: API, HTML5, javascript, JavaScript库, 插件
发布在 外文翻译 | 34 条评论 »
2012年03月23日 by 张 鑫旭 阅读 199643 次, 今日 1 次
跟风,尤其受pinterest的煽风点火,瀑布流就有不少人关注了。我正好最近比较闲,加上有人曾在我站点提出希望我介绍点瀑布流的东西,所以,今儿个也随下大流。
pinterest以及上面迅雷UED xwei的瀑布流demo(至少在FireFox下还是有致命的显示bug的)都是采用的绝对定位实现的,有相对复杂的位置计算。
我一向不喜欢吃别人嚼过的米饭,于是尝试使用另外的原理实现。我是个流体布局控,对绝对定位啊、浮动啊什么的一向没什么好感,于是,这里要介绍的就是基于多栏列表流体布局实现的瀑布流布局效果。
阅读全文…
标签: inline-block, 两端对齐, 流体布局, 滚动加载, 瀑布流布局
发布在 JS实例 | 48 条评论 »
2012年03月21日 by 张 鑫旭 阅读 91367 次, 今日 5 次
下午本文节选:
每种程序语言都有其精华与糟粕的部分。CSS(我知道,CSS不是程序语言,但又何妨?)也不例外。
本文我除了发牢骚还是发牢骚。我已经给网站敲代码敲了12年了,其中有一半的时间是在折腾CSS布局(没错,哥我大器晚成)。我想到要去认识到CSS中的精华与糟粕,而这里,我要讲的是”糟粕”……
基本上都是文字,有兴趣的你可以看看~~
阅读全文…
标签: CSS伪类, font, margin重叠, vertical-align, width, 注释, 浮动
发布在 外文翻译 | 13 条评论 »
2012年03月19日 by 张 鑫旭 阅读 88737 次
本文内容正如标题所说的,介绍cssrefresh.js. 按照What? Why? How?的提问顺序介绍。末了,还附上了一个实际样式的demo。当然,源代码啊,截图啊什么的为日常口粮,自然少不了。不一定多使用,不过对于某些同行,尤其新人,估计还是很有用的。
阅读全文…
标签: cssrefresh.js, css相关, php
发布在 JS实例 | 16 条评论 »
2012年03月19日 by 张 鑫旭 阅读 85428 次, 今日 3 次
本文通过几个简单的实例,介绍在CSS后代选择器上,一些同行可能存在的一些错误认识。虽是短篇,但是源代码展示,必要的demo页面以及效果截图俱全。希望本文的内容能够对您的学习有所帮助。
阅读全文…
标签: css相关, 继承, 选择器, 颜色
发布在 CSS相关 | 21 条评论 »
2012年03月14日 by 张 鑫旭 阅读 294749 次, 今日 3 次
WAI-ARIA指无障碍网页应用。主要针对的是视觉缺陷,失聪,行动不便的残疾人以及假装残疾的测试人员。尤其像盲人,眼睛看不到,其浏览网页则需要借助辅助设备,如屏幕阅读器,屏幕阅读机可以大声朗读或者输出盲文。
而ARIA就是可以让屏幕阅读器准确识别网页中的内容,变化,状态的技术规范,可以让盲人这类用户也能无障碍阅读!
本文完整展示了ARIA相关的各个属性,角色。长长的表格,HTML代码示意,说明,截图等,希望本文可以对国内无障碍网页应用的重视和发展提供一些帮助。
阅读全文…
标签: aria, 可用性, 可访问性, 屏幕阅读器, 无障碍网页应用, 语义化
发布在 HTML相关 | 43 条评论 »
2012年03月9日 by 张 鑫旭 阅读 74225 次, 今日 1 次
本文标题有故弄玄虚之嫌,说是“图片式标题、按钮与隐藏文本”,其实本意重点是介绍z-index负值以及在文本隐藏中的实际应用。外甥点灯笼——照旧,demo多多,截图多多(还有gif动画演示图哦),源代码展示等等,都有。总之,希望本文的内容能够对您的学习有所帮助。
阅读全文…
标签: absolute, relative, SEO, zIndex负值, 可访问性, 屏幕阅读器, 文字偏移, 背景图片
发布在 CSS相关 | 13 条评论 »
2012年03月5日 by 张 鑫旭 阅读 69641 次
文章摘要:type, start, value, 和reversed每个的生世是不一样滴。reversed属于新兴人类,随着HTML5来到这个世界的,顾名思意表“反转”。而start和type都是在HTML4中被文革掉的,但是,现在,它们又回来了……
阅读全文…
标签: ol, reversed, start, type, ul, value, 列表
发布在 CSS相关 | 7 条评论 »