近期折腾:使用JS以及HTML5实现鑫情动画

2012年05月2日 by 张 鑫旭 阅读 98828 次, 今日 14 次

大学时期,因为兴趣,花了不少时间学习flash动画制作以及AS脚本。后来开发个人网站时候,一方面想自娱自乐,另一方面由于这份无法割舍的情愫,开辟了个“阳光鑫情”的频道。要知道,这玩意很耗精力的。后来,工作忙了,任务重了,还要博客这块的压力,我只是个普通凡人,无法同时专注于几个事情,因此,“阳光鑫情”就让它去海南晒太阳去了。上周五一节前的几天,基本上没有什么活,各种x, y, z因素参杂在一起,让我突然脑中灯泡一亮——我是不是可以用HTML5实现“鑫情动画”?……

本文就将展示如何使用HTML5以及简单的JavaScript代码实现类似Flash的动画效果。

阅读全文…

去除inline-block元素间间距的N种方法

2012年04月24日 by 张 鑫旭 阅读 583348 次, 今日 102 次

真正意义上的inline-block水平呈现的元素间,换行显示或空格分隔的情况下会有间距。
我们使用CSS更改非inline-block水平元素为inline-block水平,也会有该问题。
这类间距有时会对我们布局,或是兼容性处理产生影响,需要去掉它,该怎么办呢?
本文的内容就是详尽展示各种去除这类元素间距的方法。一如既往,有必要的截图、demo页面以及源代码展示等。总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

小tip: base64:URL背景图片与web页面性能优化

2012年04月13日 by 张 鑫旭 阅读 232743 次, 今日 22 次

正如标题所示,本文内容就是介绍如何使用base64编码的CSS背景图片对web页面做性能优化。先介绍何为base64编码,如何base64编码,以及为何需要base64编码,最后付诸实际进行演示。
一如既往,有详尽的源代码展示,必要的截图以及demo演示页面。总之,希望本文的内容能够对你的学习有所帮助。

阅读全文…

翻译:关于表单每个设计师都必须知道的10件事

2012年04月11日 by 张 鑫旭 阅读 84071 次, 今日 16 次

估计没有什么比表单更让设计师出气了。表单不一定可以让(设计师)表现创意,还是可以?我们可能需要从做基本的层面,重新审视表单,理解表单——表单是用户和软件之间的对话。

忘掉切换啊,点击什么的,表单是我们数字设计师(我想应该是依赖计算机进行设计的设计人员)将面临的最富有的交互。下一次,你要对付一个表单的时候,不要认为就是要应用好看的CSS效果或是添加漂亮的jQuery特效。表单设计的水是很深的。

我已经做过上百个表单用户测试,为保险公司、假期预订交互设计过一些非常复杂的表单,以及其他很多。可能你最近使用的某个表单就是我设计的……

阅读全文…

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

2012年04月1日 by 张 鑫旭 阅读 360062 次, 今日 29 次

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

阅读全文…

观点:不要太依赖JavaScript库

2012年03月29日 by 张 鑫旭 阅读 80797 次, 今日 35 次

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

阅读全文…

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

2012年03月23日 by 张 鑫旭 阅读 193361 次, 今日 12 次

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

阅读全文…

翻译:CSS中的糟粕

2012年03月21日 by 张 鑫旭 阅读 89168 次, 今日 7 次

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

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

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

阅读全文…

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

2012年03月19日 by 张 鑫旭 阅读 86834 次, 今日 10 次

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

阅读全文…

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

2012年03月19日 by 张 鑫旭 阅读 80495 次, 今日 10 次

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

阅读全文…