《iOS应用开发指南——使用HTML5、CSS3和JavaScript》——1.5节设计始于思考,终于代码

简介:

本节书摘来自异步社区《iOS应用开发指南——使用HTML5、CSS3和JavaScript》一书中的第1章,第1.5节设计始于思考,终于代码,作者 【美】Kristofer Layon,更多章节内容可以访问云栖社区“异步社区”公众号查看

1.5 设计始于思考,终于代码
iOS应用开发指南——使用HTML5、CSS3和JavaScript
“但是等等。”你思考着,“我认为所有的应用程序都应该使用Objective-C语言编写?”

是的。然而,这并不意味着你需要自己编写Objective-C代码!

事实上,如果别人已经为你写好了呢?

考虑一下设计显示在Web浏览器的内容的JavaScript框架。例如我最喜欢的jQuery和Yahoo!的用户界面(YUI),协助设计师使用强大的JavaScript行为,而大部分这些繁重的代码已经为我们写好了(这引出了一个问题:请问这代码有多繁重?)。实现一些非常漂亮的功能的代码已经预先为我们写好了并放在模块中,我们只需要找出这些并使用,而不需要一切从头开始编写。事实上,不要忘记使用框架的另外一个重要特性:这些代码已经被彻底测试过(并且会继续持续地测试和更新),所以我们也不需要测试我们使用的这些代码!

类似的,iOS框架在iPhone应用程序设计中也充当了同样的角色。我使用最多的框架叫做NimbleKit(图1.4)。这个了不起的工具有一系列Objective-C代码——已经为我们预先编写好——可以实现原生的功能和行为,并且可以通过HTML、CSS和JavaScript语言来调用这些预定义功能。回想一下,这非常类似于使用这些相同的语言来让Web浏览器显示某某内容和以某种特定的方式来响应。我们仅仅只是用了一个不同的代码框架,并且为不同的操作系统(iOS)而设计,以及使用不同的发布网络(iTunes)。


8d7bf1f21b8590537dbaec7b6c940b8cb2ad5a75

图1.4 NimbleKit是苹果公司网站上专题报道过的一种开发工具

下面是后面的章节要讨论的所有内容。学习更多iOS的界面和行为的重要特性,领会NimbleKit如何在我们熟悉的Web设计语言和新的设备(以及新设备的原生开发语言)之间起到桥梁作用。在学习了一些设计基于内容的iOS应用程序之后,我们将谈一谈如何把应用程序提交给Apple评审,并且在iTunes上发布或者出售它们。

从2001年至今,在Apple公司的带领下,我们可以发现以内容主宰,以及拥有直观、一致的用户界面和行为的小型简单的设备把我们最有用的内容——生活内容——带给了人们,随时随地,只要人们需要。所有我们需要做的就是专注于人们,和他们真正的需求,提升我们的网页设计技能,学习一些新的技巧与诀窍,并且把我们的马车搭载到Apple的成功列车上。

我们才刚刚起步!

相关文章
|
4月前
|
存储 JavaScript 前端开发
用 HTML + JavaScript DIY 渐进式延迟法定退休年龄测算器
用 HTML + JavaScript DIY 渐进式延迟法定退休年龄测算器
|
20天前
|
JavaScript 前端开发
页面滚动触发css3动画js插件
delighters.js是一款页面滚动触发css3动画js插件。该js插件可以在页面向下滚动时,为进入浏览器视口的元素制作各种炫酷的CSS3动画效果。
45 13
|
29天前
纸屑飘落生日蛋糕场景js+css3动画特效
纸屑飘落生日蛋糕CSS3动画特效是一款js+css3制作的全屏纸屑飘落,生日蛋糕点亮庆祝动画特效。
45 3
|
29天前
|
Web App开发 移动开发 HTML5
html5 + Three.js 3D风雪封印在棱镜中的梅花鹿动效源码
html5 + Three.js 3D风雪封印在棱镜中的梅花鹿动效源码。画面中心是悬浮于空的梅花鹿,其四周由白色线段组成了一个6边形将中心的梅花鹿包裹其中。四周漂浮的白雪随着多边形的转动而同步旋转。建议使用支持HTML5与css3效果较好的火狐(Firefox)或谷歌(Chrome)等浏览器预览本源码。
76 2
|
2月前
纯css3发光霓虹灯文字闪烁特效代码
纯css3发光霓虹灯文字闪烁特效代码是一款彩色的店铺名称文字动画特效。
41 6
|
2月前
纯css3加载loading发光变色动画代码
纯css3加载loading发光变色动画特效代码是一款基于css3 keyframes属性实现的发光变色圆点串联旋转loading加载动画
26 2
|
2月前
|
机器学习/深度学习 移动开发 自然语言处理
HTML5与神经网络技术的结合有哪些其他应用
HTML5与神经网络技术的结合有哪些其他应用
39 3
|
2月前
|
JavaScript
JS鼠标框选并删除HTML源码
这是一个js鼠标框选效果,可实现鼠标右击出现框选效果的功能。右击鼠标可拖拽框选元素,向下拖拽可实现删除效果,简单实用,欢迎下载
46 4
|
2月前
|
移动开发 HTML5
html5+three.js公路开车小游戏源码
html5公路开车小游戏是一款html5基于three.js制作的汽车开车小游戏源代码,在公路上开车网页小游戏源代码。
70 0
html5+three.js公路开车小游戏源码
|
2月前
|
JSON 移动开发 数据格式
html5+css3+js移动端带歌词音乐播放器代码
音乐播放器特效是一款html5+css3+js制作的手机移动端音乐播放器代码,带歌词显示。包括支持单曲循环,歌词显示,歌曲搜索,音量控制,列表循环等功能。利用json获取音乐歌单和歌词,基于html5 audio属性手机音乐播放器代码。
136 6