CSS3 @font-face实现颜色大小可控的三角效果

2011年11月19日 by 张 鑫旭 阅读 139862 次, 今日 3 次


本文介绍如何使用CSS3 @font-face实现颜色可随意控制,大小可随意控制,支持CSS3文字阴影和文字渐变效果,与文字等天然对齐且兼容性良好的三角的实现。可以说是本月比较重量级的文章,配以大量的截图示意。提供必要的demo页面以及源代码展示,以及一些字体的下载。不管怎样,希望本文的内容能够对您的学习有所帮助。

阅读全文…

fontforge制作自定义字体及在手机上应用举例

2011年11月18日 by 张 鑫旭 阅读 139703 次, 今日 4 次

本文内容部分介绍如何使用fontforge这个软件制作自定义的字体,以及自己如果使用这个软件实现手机上的一个效果的。最后,还拓展举了个使用字体当作图形使用的例子。截图相当丰富,然后还有必要的源代码展示和demo页面,相信本文的内容会对您的学习有所帮助的。

阅读全文…

CSS3无前缀脚本prefixfree.js及Animatable介绍

2011年11月15日 by 张 鑫旭 阅读 94982 次, 今日 2 次

虽然现代浏览器支持CSS3,但是一些过往的版本或是目前有些CSS3属性的应用还是离不开前缀的。像box-shadow, border-radius这类属性,目前较新版本的浏览器都是不需要前缀的(包括IE9),但是,有些CSS3属性,例如渐变,oh,my GEE GEE,前缀少不了,于是每次应用都像是建大楼一样。比楼高是很傻逼的一件事情,所以如此霸气侧漏的CSS大楼反而让人伤不起,我们总希望跟这些前缀说“顾德白”。有此想法的前端er们想必大有人在,于是,一些牛逼且执着于web技术且乐于分享的仁兄就搞了个名叫prefixfree.js的东西……然后又弄了个Animatable的东西……

阅读全文…

手机网页UI框架jQuery Mobile介绍之按钮篇

2011年11月5日 by 张 鑫旭 阅读 212267 次, 今日 4 次

正如标题所说的,本文主要内容就是结束jQuery Mobile下的按钮,包括按钮的生成,按钮类名的生成以及如何去自定义属于自己主题的按钮。

一如既往,提供丰富的demo页面,提供丰富的截图,提供必要的源代码展示。总之,希望本文的内容能够对您的移动手机页面制作和开发的学习提供一点帮助。

阅读全文…

HTML5+JS手机web开发之jQuery Mobile初涉

2011年11月1日 by 张 鑫旭 阅读 265371 次, 今日 4 次

我一直都是在PC上折腾网页的,这会儿怎么风向周边捣鼓起手机网页开发呢?原因是公司原先使用Java开发的产品,耗了不少人力财力,但是最后的效果却不怎么好。因为,Android系统一套东西,iPhone又是新的一套,折腾死人呐。
于是总监发狠,让我把手上的活都交出去,专心折腾web版的,看看最后效果如何。
加上我觊觎手机上的开发学习很久了,于是,一拍即合,搞起了手机开发方面的学习。

为个人偏好以及筛选,决定使用PhoneGap实现与设备相机,通讯录等交互,jQuery Mobile实现页面UI的显示以及相关交互。
不过PhoneGap是与胶水层打交道的东西,要说到这东西还需要些时日。我们可以先把目前投向与页面显示相关的UI框架上。例如,本文要说起的jQuery Mobile……

阅读全文…

关于一个JS功能实现的思维方式

2011年10月26日 by 张 鑫旭 阅读 98435 次, 今日 1 次

现实生活的经验告诉我们,尽量不要走重复的路程,不要做重复的事情,尽量避免从头再来,因为这意味着你付出的辛劳(某种意义上)都白费了。
举简单的例子,我们要去美国,结果兴冲冲赶到机场,发现签证没带,我想谁都不愿理再重新赶回去拿签证。
再举个例子,我们玩网游,比如魔兽,辛辛苦苦打了几个月,好不容易升了几十级,结果号被人盗了,你要重头开始练级,估计是谁都会气得吐血三升而亡的。
上面两个例子可能与主题还不够贴切,再举两个例子吧:
不知大家走迷宫的游戏,如果我们走一条路发现不通,怎么半?是退出到之前一个岔路口重新走呢?还是从起点重新走呢?
美女茜茜认识了个男生,如果这个男生很有钱,茜茜会跟他结婚;如果这个男的现在还是很寒酸,则茜茜可以等两年这个男的有钱了再和他结婚。结果两年后,这个男的果然有钱了,你说茜茜是跟他直接结婚呢,还是要重新认识? ……

阅读全文…

HTML5 Canvas,WebGL,CSS Shaders,GLSL的暧昧关系

2011年10月10日 by 张 鑫旭 阅读 111516 次, 今日 1 次

技术的发展日新月异,说不定回家钓几天鱼,就出来个新东西了。新事物新技术发展的初期,你无法预见其未来之趋势,生命诚可贵,没有必要花过多时间深入研究这些新东西,不过,知道了大概,了解个全貌还是很有必要的。虽不是时代缔造者,也不至于落后于时代发展大潮。
互联网的发展相当的神速,其他不说,就前端技术这块,出现的些新名词或生名词就让人眼花缭乱,应接不暇,比如说:HTML5 Canvas, WebGL, CSS Shaders, GLSL等。你是否有这样的疑问……

阅读全文…

翻译:web响应设计,乏味!

2011年10月9日 by 张 鑫旭 阅读 43653 次, 今日 3 次

新东西的出现往往伴随着争议。就在上个月,我写过”应运而生的web页面响应布局”一文,designcrowd上还专门介绍了41个基于Media Queries比较带感的响应布局设计站点;这会儿,Jonathan Longnecker(网络和图形的设计机构FortySeven Media联合创始人)认为目前大部分的web响应设计都是无聊的,并提出了几个切入点来帮助我们创造打破成规的设计……

阅读全文…

拾人牙慧:不同浏览器如何渲染不同border-style值

2011年09月29日 by 张 鑫旭 阅读 57466 次, 今日 9 次

本文更多的是展示。展示不同浏览器如何渲染不同border-style值的。内容还是比较受用的。其他我就第一次先不说什么了。

阅读全文…

jQuery与MooTools库的一些比对

2011年09月28日 by 张 鑫旭 阅读 124076 次, 今日 10 次


我上大学那会儿从事的项目用的是jQuery,毕业后工作所从事的项目用的是MooTools。很幸运短期内有机会接触两款不同设计风格的优秀的JavaScript库。今天就我自己的一些认识比对下这两个JS框架,更多的是希望大家能够对MooTools这个JS框架有更多的认识。毕竟,大多数从事web前端的人对上手容易的jQuery更熟悉些。

阅读全文…