2012年05月2日 by 张 鑫旭 阅读 101041 次, 今日 5 次
大学时期,因为兴趣,花了不少时间学习flash动画制作以及AS脚本。后来开发个人网站时候,一方面想自娱自乐,另一方面由于这份无法割舍的情愫,开辟了个“阳光鑫情”的频道。要知道,这玩意很耗精力的。后来,工作忙了,任务重了,还要博客这块的压力,我只是个普通凡人,无法同时专注于几个事情,因此,“阳光鑫情”就让它去海南晒太阳去了。上周五一节前的几天,基本上没有什么活,各种x, y, z因素参杂在一起,让我突然脑中灯泡一亮——我是不是可以用HTML5实现“鑫情动画”?……
本文就将展示如何使用HTML5以及简单的JavaScript代码实现类似Flash的动画效果。
阅读全文…
标签: flash动画, HTML5, SVG, transition, 动画效果
发布在 JS实例 | 12 条评论 »
2012年04月24日 by 张 鑫旭 阅读 603892 次, 今日 14 次
真正意义上的inline-block水平呈现的元素间,换行显示或空格分隔的情况下会有间距。
我们使用CSS更改非inline-block水平元素为inline-block水平,也会有该问题。
这类间距有时会对我们布局,或是兼容性处理产生影响,需要去掉它,该怎么办呢?
本文的内容就是详尽展示各种去除这类元素间距的方法。一如既往,有必要的截图、demo页面以及源代码展示等。总之,希望本文的内容能够对您的学习有所帮助。
阅读全文…
标签: display:inline-block, display:inline-table, display:table, font-size, HTML5, letter-spacing, margin负值, word-spacing, 字体
发布在 CSS相关 | 99 条评论 »
2012年04月13日 by 张 鑫旭 阅读 240612 次, 今日 10 次
正如标题所示,本文内容就是介绍如何使用base64编码的CSS背景图片对web页面做性能优化。先介绍何为base64编码,如何base64编码,以及为何需要base64编码,最后付诸实际进行演示。
一如既往,有详尽的源代码展示,必要的截图以及demo演示页面。总之,希望本文的内容能够对你的学习有所帮助。
阅读全文…
标签: base64, HTTP请求, readAsDataURL, URL, 优化, 前端性能, 背景图片, 页面重构
发布在 CSS相关 | 42 条评论 »
2012年04月11日 by 张 鑫旭 阅读 87708 次, 今日 9 次
估计没有什么比表单更让设计师出气了。表单不一定可以让(设计师)表现创意,还是可以?我们可能需要从做基本的层面,重新审视表单,理解表单——表单是用户和软件之间的对话。
忘掉切换啊,点击什么的,表单是我们数字设计师(我想应该是依赖计算机进行设计的设计人员)将面临的最富有的交互。下一次,你要对付一个表单的时候,不要认为就是要应用好看的CSS效果或是添加漂亮的jQuery特效。表单设计的水是很深的。
我已经做过上百个表单用户测试,为保险公司、假期预订交互设计过一些非常复杂的表单,以及其他很多。可能你最近使用的某个表单就是我设计的……
阅读全文…
标签: HTML5, 交互, 用户体验, 表单, 设计, 设计师
发布在 Design相关, 外文翻译 | 6 条评论 »
2012年04月1日 by 张 鑫旭 阅读 368360 次, 今日 9 次

最近文章产量虽多,但大多都是短篇。本文断断续续折腾了差不多有一周,现在终于出炉了。主要是介绍了JS的自定义事件以及如何在DOM元素上自定义事件。循序渐进,娓娓道来,纯粹JS知识与理论。详尽的代码展示,制作精良的demo测试页面,必要的截图示意,相信本文的内容会对您的学习有所帮助的(如果你对JS有兴趣的话),不信?读一读就知道了。
阅读全文…
标签: addEventListener, attachEvent, createEvent, dispatchEvent, dom, javascript, onpropertychange, 兼容性, 原型, 对象字面量, 继承, 自定义事件
发布在 JS实例 | 50 条评论 »
2012年03月29日 by 张 鑫旭 阅读 85401 次, 今日 7 次
JavaScript库已经成为了一个web开发人员的工具包的重要组成部分,一个很好的理由(zxx: 应指指依赖理由)。库让每个浏览器的JavaScript实现无差异,使开发人员可以专注于编写代码,10次中有9次将只是工作 – 这是一个了不起的事情。
但你可曾停下来想过学习JavaScript,而不是一切都依靠库?尽管我不主张离开库,但我依然要给你些东西让你去思考……
阅读全文…
标签: API, HTML5, javascript, JavaScript库, 插件
发布在 外文翻译 | 34 条评论 »
2012年03月23日 by 张 鑫旭 阅读 199353 次, 今日 8 次
跟风,尤其受pinterest的煽风点火,瀑布流就有不少人关注了。我正好最近比较闲,加上有人曾在我站点提出希望我介绍点瀑布流的东西,所以,今儿个也随下大流。
pinterest以及上面迅雷UED xwei的瀑布流demo(至少在FireFox下还是有致命的显示bug的)都是采用的绝对定位实现的,有相对复杂的位置计算。
我一向不喜欢吃别人嚼过的米饭,于是尝试使用另外的原理实现。我是个流体布局控,对绝对定位啊、浮动啊什么的一向没什么好感,于是,这里要介绍的就是基于多栏列表流体布局实现的瀑布流布局效果。
阅读全文…
标签: inline-block, 两端对齐, 流体布局, 滚动加载, 瀑布流布局
发布在 JS实例 | 48 条评论 »
2012年03月21日 by 张 鑫旭 阅读 91151 次, 今日 3 次
下午本文节选:
每种程序语言都有其精华与糟粕的部分。CSS(我知道,CSS不是程序语言,但又何妨?)也不例外。
本文我除了发牢骚还是发牢骚。我已经给网站敲代码敲了12年了,其中有一半的时间是在折腾CSS布局(没错,哥我大器晚成)。我想到要去认识到CSS中的精华与糟粕,而这里,我要讲的是”糟粕”……
基本上都是文字,有兴趣的你可以看看~~
阅读全文…
标签: CSS伪类, font, margin重叠, vertical-align, width, 注释, 浮动
发布在 外文翻译 | 13 条评论 »
2012年03月19日 by 张 鑫旭 阅读 88573 次, 今日 1 次
本文内容正如标题所说的,介绍cssrefresh.js. 按照What? Why? How?的提问顺序介绍。末了,还附上了一个实际样式的demo。当然,源代码啊,截图啊什么的为日常口粮,自然少不了。不一定多使用,不过对于某些同行,尤其新人,估计还是很有用的。
阅读全文…
标签: cssrefresh.js, css相关, php
发布在 JS实例 | 16 条评论 »
2012年03月19日 by 张 鑫旭 阅读 85242 次, 今日 2 次
本文通过几个简单的实例,介绍在CSS后代选择器上,一些同行可能存在的一些错误认识。虽是短篇,但是源代码展示,必要的demo页面以及效果截图俱全。希望本文的内容能够对您的学习有所帮助。
阅读全文…
标签: css相关, 继承, 选择器, 颜色
发布在 CSS相关 | 21 条评论 »