• HTML5 Canvas 初探

    仅仅只是一个简单的hello world.   js代码很简单:   [javascript][/javascript] view plaincopy <!DOCTYPE HTML> <html lang="cn">  <head>   <title> canvas1 </title>   <meta charset="UTF-8"> [javascript][/javascript] view plaincopy   //@author 杨虹昌   <script type="text/javascript">   //...
    作者:孤风一剑/2013年10月28日/分类:网页设计/阅读:915次/标签:, /评论关闭
  • 为何使用Html5+CSS3

    一:大多浏览器支持,低版本也没问题 我看点这方面的资料,是为了做手机应用网站(有三个方案,这个是备用方案),可以开发响应式网站,可以脱离开发平台进行跨平台。 在Html5网页中引入Modernizr,就能让IE支持HTML5新元素。 HTML5样板文件快速开发(html5boilerplate.com) 二:布局、标签省时省力 [html][/html] view plaincopyprint? <header>     <!--...
    作者:孤风一剑/2013年10月12日/分类:网页设计/阅读:1,385次/标签:, /评论关闭
  • HTML5+CSS3教程

    没事看到本《HTML5+CSS3》的书,学习之,总结之。什么发展趋势,技术优势之类的都是废话,那么十几页总结起来就一句话“学好html5+css3有肉吃!!” 今天学个html5的小实例,代码: [html][/html] view plaincopy <!DOCTYPE html> <meta charset="utf-8"> <title>第一次写html5</title> <p>这是用html5写出来的 <br/>hello world ...
    作者:孤风一剑/2013年10月08日/分类:网页设计/阅读:787次/标签:, , , /评论关闭
  • 主流HTML5游戏框架的分析和对比

    本文主要选取了Construct2、ImactJS、LimeJS、GameMaker、CreateJS、lycheeJS、Crafty、three.js、melonJS、Turbulenz、Quintus、Cocos2d-html5等进行了简要介绍和对比,主要是根据网上的资料整理而成。 主流框架对比   Construct2 Construct 2是一个运行于Windows平台的游戏制作工具,它可以让没有任何编程基础的用户在短时间内不写一行代码快速开发出一款可运行于所...
    作者:孤风一剑/2013年9月28日/分类:网页设计/阅读:1,368次/标签:, , , /评论关闭
  • HTML5 Canva遇到的几个问题

    最近在一个项目中尝试通过Hybrid的方式开发客户端程序,来尽量降低由于程序业务逻辑或者显示界面的改变而来的升级困扰。Hybrid的方式就是本地代码和HTML5应用相结合的方式,其中本地代码负责和底层的硬件打交道,通过WebView提供的接口将硬件数据传递给运行其中HTML页面。这种方式很适合既要和硬件打交道,客户端业务逻辑页面也不是太复杂的应用。当然这篇文章不是讲Hybrid...
    作者:孤风一剑/2013年9月17日/分类:网页设计/阅读:1,284次/标签:, , , , /评论关闭
  • 一组开源 HTML5 Apps

    一组用"画app吧"开发的 HTML5 Apps,默认使用FirefoxOS设备,其实它们都可以在像Android/IPhone/WindowsPhone8/BlackBerry/Tizen等支持HTML5的设备上运行(用手机打开在线运行的网址)。 简单计算器: 在线编辑 在线运行 计算器: 在线编辑 在线运行 苏尔特方格: 在线编辑 在线运行 秒表: 在线编辑 在线运行 待办(TODO) 在线编辑 在线运行 指南针 在线编辑 在线运行 ...
    作者:孤风一剑/2013年9月15日/分类:移动开发/阅读:1,153次/标签:, , , /评论关闭
  • jsPlumb开发入门教程(实现html5拖拽连线)

    jsPlumb是一个强大的JavaScript连线库,它可以将html中的元素用箭头、曲线、直线等连接起来,适用于开发Web上的图表、建模工具等。它同时支持jQuery+jQuery UI、MooTools和YUI3这三个JavaScript框架,十分强大。大家可以在官网的Demo中看看它的功能。目前可用的jsPlumb中文资料很少,希望这篇教程可以帮助大家更快的了解jsPlumb。出于篇幅考虑,本教程将以jQuery为例介绍jsP...
    作者:孤风一剑/2013年7月28日/分类:网页设计/阅读:3,964次/标签:, , , , /评论关闭
  • HTML5 Web SQL Database 数据库的使用方法

    html5 Web Database 数据库的使用方法 备注:请使用chrome浏览器//openDatabase方法打开已经存在的数据库,如果不存在将会创建一个数据库,参数分别是 数据库的名称,版本,数据库的描述,和数据大小 var db = window.openDatabase("mydatabase", "1.0", "我的数据库描述", 20000); 数据库的SQL语句的使用方法dbname.transaction(function (tx) { tx.executeSql(sql); }); ...
    作者:孤风一剑/2013年7月17日/分类:网页设计/阅读:1,343次/标签:, , , , /评论关闭
  • javascript 和HTML5 利用canvas构建 猜牌游戏

    让我猜猜你心中的牌,先随机生成27张牌,不能重复 列出三列牌,然后记住其中一张,然后点击牌所在的列,多次就可以猜出你想的牌。 如果是9张只要猜2次,如果是27张就是猜3次。 实现方法(27张): 如果点击了第三列,那就是说牌一定在这9张里面,就把第三列的9张牌平均给每列分3张,假设编号为123,456,789 再点击一次,如果点击第二列,那么猜的牌就在456里面,再分到三列...
    作者:孤风一剑/2013年7月17日/分类:Js开发/阅读:1,040次/标签:, /评论关闭
  • HTML5 Web Speech API 结合Ext实现浏览器语音识别以及输入

       Web Speech API是HTML5技术中的一个提供原生语音识别技术的API,Google Chrome在25版之后开始支持Web Speech API,Google也提供了一个官方实例,效果如下: 实现效果     我根据Google提供的实例中的相关实现,在Web即时通讯系统中结合Ext实现语音输入,Ext作为展示层,将识别的过程进行展示。效果如下:     开启语音输入时,使用麦克风,浏览器会询问是否允许程...
    作者:孤风一剑/2013年7月14日/分类:网页设计/阅读:1,331次/标签:, , , , /评论关闭