随笔分类 - html5
摘要：http://www.cnblogs.com/shenzhoulong/archive/2011/02/13/1952919.htmlhttp://www.webskys.com/html5/134.html精：http://www.cnblogs.com/Wenwang/archive/2012/04/26/2470403.html
阅读全文
摘要：2012移动开发调查显示HybridApp开发占据一半以上：http://blog.sina.com.cn/s/blog_56c9b55c01010wc0.htmlWeb App 被看衰，Hybrid App 才是新王道：http://www.iteye.com/news/25442HTML5、Native或Hybrid App开发全接触：http://www.e800.com.cn/articles/2012/0620/511316.shtml
阅读全文
摘要：原文地址：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
阅读全文
摘要：原文链接：走走停停看看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开发网页的通用部分，还是很不错的选择。因为通用部分完全就是...
阅读全文
摘要：Introduction:准备实践一些HTML5的新技术来强化项目的工具。设计后台交互部分选择了HTML5的WebSocket，研究了一下基本的用法，想写点对于WebSocket实践的感受。个人觉得WebSocket的出现是对于Web应用交互性设计的一次革新。WebSocket提出之前，为了解决后台推送消息到前台的需求，提出了一些解决方案，这些方案使用已有的技术（如ajax，iframe，flashplayer，java applet ...），通过一些变通的处理来实现。基本思路都是通过轮询的方式不断的由Client Browser向Server请求任何数据和页面的变化，亦或通过长连接的方式借
阅读全文
摘要：http://www.infoq.com/cn/presentations/hybrid-html5-ios-clientnative+html5+css3的优劣势和发展，还有很多大公司的实际案例，视频还配合了ppt，重要的只能截图了。1. 街旁5的hybrid开发模型中使用的工具方案其中的Less CSS 是一个使用广泛的 CSS 预处理器，通过简单的语法和变量对 CSS 进行扩展，可减少很多 CSS 的代码量。LESS 将 CSS 赋予了动态语言的特性，如 变量， 继承， 运算， 函数. LESS 既可以在 客户端 上运行 (支持IE 6+, Webkit, Firefox)，也可一在服务
阅读全文
摘要：感谢谢帅shawn分享的canvas动画框架，我再来分一次//动画框架http://neekey.net/blog/2011/05/11/canvas-%E7%AE%80%E5%8D%95%E5%8A%A8%E7%94%BB%E5%AE%9E%E7%8E%B0%E6%80%9D%E8%B7%AF///使用JavaScript和Canvas开发游戏http://www.cn-cuckoo.com/2011/08/10/game-development-with-javascript-and-the-canvas-element-2554.html 之前学过的OC是纯粹的面向对象语言，所以我一直.
阅读全文
摘要：在此文档中你会发现很多例子来教会你如何快速上手iScroll脚本库。参看文中的demo小例子并仔细阅读此文档，可能有点小无聊，但是这篇文章中却是iScroll这个脚本库的精髓之所在哦。iScroll需要对所要进行滚动的元素进行初始化，并且不限定一个页面中使用iScroll的元素的个数（这里不考虑您的硬件配置）。滚动元素中内容的类型和长度在一定程度上将会影响iScroll脚本库里可以同时使用的元素的个数。使用iScroll这个脚本库时，DOM树的结构要足够简单，移除不必要的标签，尽量避免过多的标签嵌套使用。最优的使用iScroll的结构如下所示：//isScroll JSvar myScroll
阅读全文
浙公网安备 33010602011771号