2011年11月1日 by 张 鑫旭 阅读 266008 次, 今日 3 次
我一直都是在PC上折腾网页的,这会儿怎么风向周边捣鼓起手机网页开发呢?原因是公司原先使用Java开发的产品,耗了不少人力财力,但是最后的效果却不怎么好。因为,Android系统一套东西,iPhone又是新的一套,折腾死人呐。
于是总监发狠,让我把手上的活都交出去,专心折腾web版的,看看最后效果如何。
加上我觊觎手机上的开发学习很久了,于是,一拍即合,搞起了手机开发方面的学习。
为个人偏好以及筛选,决定使用PhoneGap实现与设备相机,通讯录等交互,jQuery Mobile实现页面UI的显示以及相关交互。
不过PhoneGap是与胶水层打交道的东西,要说到这东西还需要些时日。我们可以先把目前投向与页面显示相关的UI框架上。例如,本文要说起的jQuery Mobile……
阅读全文…
标签: Android, css3, HTML5, iphone, javascript, jQuery Mobile, PhoneGap, Sencha Touch, web综合, 手机
发布在 Mobile相关 | 35 条评论 »
2011年10月26日 by 张 鑫旭 阅读 98885 次
现实生活的经验告诉我们,尽量不要走重复的路程,不要做重复的事情,尽量避免从头再来,因为这意味着你付出的辛劳(某种意义上)都白费了。
举简单的例子,我们要去美国,结果兴冲冲赶到机场,发现签证没带,我想谁都不愿理再重新赶回去拿签证。
再举个例子,我们玩网游,比如魔兽,辛辛苦苦打了几个月,好不容易升了几十级,结果号被人盗了,你要重头开始练级,估计是谁都会气得吐血三升而亡的。
上面两个例子可能与主题还不够贴切,再举两个例子吧:
不知大家走迷宫的游戏,如果我们走一条路发现不通,怎么半?是退出到之前一个岔路口重新走呢?还是从起点重新走呢?
美女茜茜认识了个男生,如果这个男生很有钱,茜茜会跟他结婚;如果这个男的现在还是很寒酸,则茜茜可以等两年这个男的有钱了再和他结婚。结果两年后,这个男的果然有钱了,你说茜茜是跟他直接结婚呢,还是要重新认识? ……
阅读全文…
标签: javascript, jQuery, 弹框, 性能
发布在 JS相关 | 24 条评论 »
2011年10月10日 by 张 鑫旭 阅读 112000 次, 今日 3 次
技术的发展日新月异,说不定回家钓几天鱼,就出来个新东西了。新事物新技术发展的初期,你无法预见其未来之趋势,生命诚可贵,没有必要花过多时间深入研究这些新东西,不过,知道了大概,了解个全貌还是很有必要的。虽不是时代缔造者,也不至于落后于时代发展大潮。
互联网的发展相当的神速,其他不说,就前端技术这块,出现的些新名词或生名词就让人眼花缭乱,应接不暇,比如说:HTML5 Canvas, WebGL, CSS Shaders, GLSL等。你是否有这样的疑问……
阅读全文…
标签: canvas, CSS Shaders, GLSL, HTML5, OpenGL, WedGL, 滤镜
发布在 Canvas相关 | 9 条评论 »
2011年10月9日 by 张 鑫旭 阅读 44090 次, 今日 1 次
新东西的出现往往伴随着争议。就在上个月,我写过”应运而生的web页面响应布局”一文,designcrowd上还专门介绍了41个基于Media Queries比较带感的响应布局设计站点;这会儿,Jonathan Longnecker(网络和图形的设计机构FortySeven Media联合创始人)认为目前大部分的web响应设计都是无聊的,并提出了几个切入点来帮助我们创造打破成规的设计……
阅读全文…
标签: media queries, 响应布局, 平面设计, 移动设备, 网页设计
发布在 外文翻译 | 4 条评论 »
2011年09月29日 by 张 鑫旭 阅读 58000 次, 今日 1 次
本文更多的是展示。展示不同浏览器如何渲染不同border-style值的。内容还是比较受用的。其他我就第一次先不说什么了。
阅读全文…
标签: border, border-style, 兼容性, 渲染
发布在 CSS相关 | 6 条评论 »
2011年09月28日 by 张 鑫旭 阅读 124824 次, 今日 6 次

我上大学那会儿从事的项目用的是jQuery,毕业后工作所从事的项目用的是MooTools。很幸运短期内有机会接触两款不同设计风格的优秀的JavaScript库。今天就我自己的一些认识比对下这两个JS框架,更多的是希望大家能够对MooTools这个JS框架有更多的认识。毕竟,大多数从事web前端的人对上手容易的jQuery更熟悉些。
阅读全文…
标签: API, dom, jQuery, MooTools, 扩展性, 框架, 选择器
发布在 jQuery相关 | 17 条评论 »
2011年09月23日 by 张 鑫旭 阅读 120090 次, 今日 4 次
现在现代浏览器都对CSS3的渐变支持良好,加上IE的渐变滤镜,可以在不使用图片的情况下实现各个浏览器的两色渐变效果。这里,再简单介绍下如何使用svg实现元素背景的垂直渐变,水平渐变,斜向渐变,或是径向渐变,以及更加复杂的多层渐变。
耳熟能详的唠叨:本文提供demo页面,丰富的截图以及必要的源代码展示。希望本文的内容可以对您的学习有所帮助。
阅读全文…
标签: css3, SVG, 图片, 效果, 渐变背景
发布在 SVG相关 | 9 条评论 »
2011年09月22日 by 张 鑫旭 阅读 338739 次, 今日 1 次
HTML5虽未来到其鼎盛时期,但这并不妨碍我们在实际项目中渐进使用HTML5的一些特性。就我所做的项目而言,应用的HTML5相关特性有:data-
自定义属性、placeholder
、以及email
类型input文本框。上周新上线的会员中心,自己又应用了HTML5相关内容——HTML5 localStorage本地存储,这里简单分享下。
一如既往,本文提供demo页面,提供必要的截图和源代码展示,还有对比实例,希望能触动一下大家的小小神经。
阅读全文…
标签: cookie, HTML5, localStorage, MooTools, 本地存储, 浏览器
发布在 JS实例 | 34 条评论 »
2011年09月21日 by 张 鑫旭 阅读 132792 次, 今日 1 次
网站的首页经常或有广告位图片滚动展示的效果,主流网站上都是使用Javascript实现的。实际上,在CSS3的世界里,我们可以完全摒弃Javascript实现类似的效果。而本文的内容就是展示于简单介绍如果使用CSS3实现图片滚动动画展示效果。提供demo页面,必要截图和源代码展示,希望能对您的学习有所帮助。
阅读全文…
标签: animate, css3, 图片切换效果, 无缝滚动
发布在 CSS相关 | 8 条评论 »
2011年09月19日 by 张 鑫旭 阅读 127616 次, 今日 1 次
技术的发展往往导致新事物的产生。关于web页面布局,我们应该听过固定布局(fixed layout)、流体布局(fluid layout),那响应布局(responsive layout)是哪个鸟蛋呢?
本文就将深入浅出地介绍响应布局。提供目前现有网站的实例展示,提供自制demo实例展示。配备必要的截图,提供详尽的源代码,细致的分析阐述。相信本文的内容会对您的学习有所帮助的。
阅读全文…
标签: css3, javascript, media queries, 响应布局, 固定布局, 流体布局
发布在 CSS相关 | 18 条评论 »