07 2012 档案
摘要：如果想让你的移动应用更活泼更灵动，丰富的动效是不可少的，丰富的动效可以让你的应用更具活力，充满生机；丰富的动效可以让你的应用彰显效率，提升品质感；丰富的动效可以让你的应用充满魅力，引人探索；丰富的动效可以让你的应用减少焦虑，消除等待感；丰富的动效可以让你的应用充满韵味，有节奏感；丰富的动效可以让你的应用有出奇的信息组织，整洁高效。这里主要介绍六种简单通用的方式——转场、邀请、过渡、反馈、缩放、吸附。原则一：转场由于手机屏幕空间有限，更多的内容会被隐藏在屏幕后边，或者屏幕的左边、右边、下边，转场动效能帮助应用营造一种空间方位感。转场动效是目前应用最多的动效种类，毕竟iPhone、Andoird、
阅读全文
摘要：原文地址：http://www.adobe.com/cn/devnet/html5/articles/extending-phonegap-with-native-plugins-for-ios.htmlGitHub demo：https://github.com/phonegap/phonegap-plugins/blob/master/iOS/PickerView/PickerView.m要求必备知识为充分理解本文，要求精通PhoneGap 基础知识和 Objective-C 编程。用户级别中级范例文件MyFirstPhoneGapPlugin.zip本文细致探讨了 Xcode（以 iOS
阅读全文
摘要：感谢贾占霞的分享，这里我收藏了，原文地址http://bbs.html5cn.org/thread-2204-1-18.html在Web开发中，加载动画是非常有用的，不要低估它，它可以让网站响应用户的交互，让用户知道服务器正在处理请求，并告知用户需要等待一段时间。通常加载动画是GIF格式的，但是现在我们有强大的浏览器和技术（VML和Canvas），加载动画不再只限于GIF格式，它可以由JavaScript来生成，并高度可定制，以下是我整理的5个JavaScript实现的加载动画方案。这些动画并不是所有的都能在老的浏览器上实现，比如IE6、IE7和IE8。但是其中activity indicat
阅读全文
摘要：<!DOCTYPE HTML><html> <head> <meta charset="utf-8"> <title> css3 滑动块效果 </title> <meta name="Keywords" content=""> <meta name="Description" content=""> <style type="text/css"> .top{positi
阅读全文
摘要：www.mordernzir.comthis is about html5 css3www.kineticjs.comthis is about canvas
阅读全文
摘要：原文链接：走走停停看看demo：http://peterned.home.xs4all.nl/matrices/#1.282,-0.010,-0.273,0.801,51.793,-103.582http://blog.csdn.net/baoeni/article/details/7605394今天终于知道matrix矩阵的工作原理，原来跟自己大一时学习的线性代数有很大的关系，看来得找个时间回去补一下功课了….这就是矩阵的运算了，简化为公式：x’=ax+cy+ey’=bx+dy+f所以给定一个matrix矩阵，通过上面的公式变换就可以得到不同的效果，这关系到计算机图形学（省略1w+字..）c
阅读全文
摘要：写css3的-webkit-transform-style:preserve-3d是开启了该容器的3d空间，并且调用硬件加速。需要多个动作的div要合写在一起，不能分开写，否则后面的会覆盖前面的。keyframe里每个关键帧都会分别按照timing-function的设置运动，并不是整个全部运动过程执行一套ease，所以，要想明白自己到底要什么效果。动画执行完后会恢复原样，无法停留在最后的样子。<html> <head> <title> New Document </title> <meta name="Generator&quo
阅读全文
摘要：总结一些需要注意的点： 1. 不要忘记写 html, body {margin:0; height:100%;}，否则 outer 的 height:100%就不会有效果。 2. 给body设置box-sizing:border-box;可以让padding也包含在height里。 3. box的子元素是默认横向（horizontal）排列的，此时，box-pack是负责横向左中右对齐，box-align是负责竖向上中下对齐的。 当将box-orient:vertical时，是纵向排列，此时，box-pack是负责上中下对齐，而box-align负责左中右对齐。相当于旋转了90度。...
阅读全文
摘要：这次phoneGap的开发，了却了我一直以来想学学这方面知识的心愿——这算是hybrid程序员的起点。之前一直认为很神秘，接触起来也觉得并不很难学，充分证明人类对于“未知的恐惧”的心理作用，通过越来越多的经历，会变得不那么严重。当然，如果要研究到一定的深度，也不会很容易。 doctor项目，并不能算是真正意义上的phoneGap开发，它只是使用了phoneGap框架，几乎没有用到其中的亮点——对于移动设备硬件资源的调动、用js代码与oc代码进行互动等。虽然如此，仍然出现了很多我没接触的东西，需要总结一下。 1. 使用iframe开发网页的通用部分，还是很不错的选择。因为通用部分完全就是...
阅读全文
摘要：（Storyboard）是一个能够节省你很多设计手机App界面时间的新特性，下面，为了简明的说明Storyboard的效果，我贴上本教程所完成的Storyboard的截图： 现在，你就可以清楚的看到这个应用究竟是干些什么的，也可以清楚的看到其中的各种关系，这就是Storyboard的强大之处了。如果你要制作一个页面很多很复杂的App，Storyboard可以帮助你解决写很多重复的跳转方法的麻烦，节省很多时间，以便你能够完全的专注于核心功能的实现上。 开始 首先启动Xcode，新建一个工程，我们在这里使用Single View App Template，这个模板会提供一个类和一个Storybo.
阅读全文
摘要：学了这么久编程了，for循环使用了不知道多少次。解决一个计算问题，可以用n种不同的方法来实现，而优秀的算法，可以提高计算效率，这对于大量的计算有着显著的作用。我们学习的编程基础中，并没有强调算法的重要性，因为我们所涉及的计算量对于计算机来说太渺小了，但是，早些将“算法最优性”的意识植入大脑，这将有利于我们向更高级的程序员迈进。这里分享一个腾讯的面试题，不难，但是可以体会到算法的巧妙之处。（先自己想出一个思路，再看答案） 题目：有一组数字，从1到n（此例子假设n=10），乱序且不存在重复的数字。例如：[8,9,2,3,6,1,4,5,7,10]。从中任意删除了3个数，顺序也再次被打乱，将这...
阅读全文
摘要：Introduction:准备实践一些HTML5的新技术来强化项目的工具。设计后台交互部分选择了HTML5的WebSocket，研究了一下基本的用法，想写点对于WebSocket实践的感受。个人觉得WebSocket的出现是对于Web应用交互性设计的一次革新。WebSocket提出之前，为了解决后台推送消息到前台的需求，提出了一些解决方案，这些方案使用已有的技术（如ajax，iframe，flashplayer，java applet ...），通过一些变通的处理来实现。基本思路都是通过轮询的方式不断的由Client Browser向Server请求任何数据和页面的变化，亦或通过长连接的方式借
阅读全文
浙公网安备 33010602011771号