随笔分类 - html5
摘要：尽管 HTML5 的完全实现还有很长的路要走，但 HTML5 正在改变 Web，未来 HTML5 将把 Web 带入一个更加成熟和开放的应用平台。现在，越来越多的人尝试用 HTML5 来制作网页游戏等丰富的 Web 应用。今天要与大家分享的是 21 款基于 HTML5 的游戏，让大家体验一下 HTML5 的强大。1- Runfield2- Rainbow Blocks3- RGB Invaders4- Cover Fire5- Bert’s Breakdown6- Crystal Galaxy7- Leave Me Alone8- Cap Man9- Super Mario Kart10- A
阅读全文
摘要：过去，在网页上播放音频都是通过第三方插件来播放的，如 Flash、QuickTime 和Silverlight 等，没有统一的音频播放标准。HTML5通过 audio 元素来提供在网页中嵌入音频的标准方法，下面这9款HTML5音频播放器都是基于 audio 元素开发的，能够帮助你在网页中轻松的嵌入音频。另外推荐：7款很棒的 HTML5 视频播放器。jPlayer jPlayer 一款基于jQuery的免费开源的HTML5音频和视频播放插件，API 简单，支持自定义皮肤。 → 访问网站：http://jplayer.org/Media Element MediaElement 是一款支持播...
阅读全文
摘要：网站的加载速度是决定网站成败的重要因素，值得站长特别关注。原因很简单，没有人愿意为了打开一个网页而等老半天，换句话说，如果你的网站打开速度很慢，将流失大量的访客，甚至出现多米诺效应的不良影响，因此了解自己网站加载速度非常重要。下面向大家推荐8款非常有用的测试网站速度的免费工具，让你更加全面的了解自己的网站性能。PageSpeed Insights首先介绍的这款测试工具出自google，通过分析网页的内容来提供网站加载速度优化建议。pingdom在线检查网站每个元素的加载速度，生成非常详细的测试报告，帮助你轻松优化网站。Load Impact提供在线测试服务，能够生成详尽的测试报告。目前已提供了
阅读全文
摘要：如今，HTML5 可谓如众星捧月一般，受到众多业内巨头的青睐。很多 Web 开发者也尝试着用HTML5来制作各种 Web 应用。HTML5 规范引进了很多新特性，其中最令人期待的之一就是 Canvas 元素，HTML5 Canvas 提供了通过JavaScript绘制图形的方法，非常强大。今天这篇文章收集了20个惊艳的 HTML5 Canvas 应用试验推荐给大家。01.Cloth Simulation使用 Canvas 模仿的3D布料图案效果。02.Particle System这是我最喜欢的一个，非常神奇的效果！03.Cloth Experiment另外一个非常惊艳的布料模仿使用，拖动布料
阅读全文
摘要：今天，我们来分享一些很棒的介绍HTML5 Canvas上的图像效果的应用程序，花的力量，360玩家画布可视化，画板，还有更多。1)FlowerPower2)canvasphoto3)HTML5 Canvas Image Effect4)HTML5 Canvas Pixelate Effects5)Deviantart6)360-player-canvas-visualization7)HTML5- BlobBuilder8)scratchpad9)sketchpad10)momolog原文链接：http://technotab.com/10-best-html5-canvas-applicat
阅读全文
摘要：HTML5 是一种用于创建和呈现的网页内容的语言。这是一个革命性的语言，它拥有一些真正棒的功能和一个新的HTML5规范允许本地音频流的播放。本文向你推荐 10 个最棒的 HTML5 音频播放器，看看你喜欢哪个！SpeakkerSpeakker 是一个基于 Web 浏览器的音乐播放器，只提供很多高级播放功能包括播放列表管理和分享。audio.jsaudio.js 是一个 js 库用来让 HTML5 的 <audio> 标签可以在各种浏览器上使用，包括智能手机。SoundManager 2SoundManager 2 利用 HTML5 和 Flash 技术提供了稳定和阔平台的音乐播放功
阅读全文
摘要：看看今天我们收集的绝对让你疯狂的HTML5和JS实验展示，这些演示验证了各种框架和超酷互动的性能。大多数的演示都能在Google Chrome和Firefox里流畅的运行，当然IE5并不支持这些演示。1. Canvas Sphere由Emil Korngold渲染的一个超酷的3D点装球体实现的2D投影，使用一个非常迷你的3D引擎。这个演示使用z-sorting和alpha motion模糊方式来生成3D旋转感受。看看这个超酷的演示吧！2. Marbles简单的物理演示，使用新发布的A3 WebGL引擎。请确认你使用Chrome来查看演示，超酷！3. Noise Field通过Perlin no
阅读全文
摘要：HTML5是伟大的,因为它多才多艺的 - 它没有具体针对单一的平台.更重要的是,HTML5是无所不在的. 就我所知的,它在你的PC上,你的手机上,你的平板设备上,甚至在你的厨房电器上.就凭HTML5-多才多艺和无所不在这两个特点 -- 不辩自明, 为什么众多的开发者们备受鼓舞. 然,众所周知,"一旦开发者们被激发了灵感,他们常常会编写游戏."(好吧,可能只是我做了.)幸运的是,有关HTML5游戏开发的文章比比皆是. 然而, 在你打算使用HTML5编写游戏之前, 我不得不给你一些建议.你能从本文中学习到什么? 我將提及HTML5游戏开发框架, 怎样通过支持智能手机和手持设备使
阅读全文
摘要：ruce Lowson是Opera开放web标准的撰写人员之一，一些没有包含在HTML5之内的浏览器技术十分奇妙，包括WebGL和SVG，作者希望通过本文与共同爱好者们分享。最近一位HTML5专家Rich Clark（作者的好朋友）为大家做了一个HTML5 APIs的简介，在文章中为大家指向了一个令人迷惑的网页（web平台：浏览器技术http://platform.html5.org/），其中包含两 个很长的专栏和小正文并提及到一些让人感到迷茫的技术，例如“window.crypto.getRandomValues”和“DOM Mutation observer”。别担心，咱们不去管那些啦，因
阅读全文
摘要：感谢苹果的 iOS 上不支持 Flash ，使得 HTML5 大有发展前景，越来越受欢迎。Web 上采用 HTML5 开发的游戏已经慢慢的在替换 Flash，下面是我们为你挑选的一些精彩的 HTML5 开发的游戏，或许他们能给你一些灵感来创建自己的 HTML5 游戏。1. The Convergence在这个游戏中你可同时控制两个人物并试图让他们碰在一起，最难的地方他们总是朝相反的方向行动，因此你需要一些开门的技巧。Play!2. Sketch out你需要抵御入侵的陨石、反击那些敌人的球弹丸。Play!3. Canvas rider这是一个简单的能让人上瘾的小游戏，可以和其他人进行画画比赛P
阅读全文
摘要：HTML5: 基础知识从头开始编码的HTML5布局用 HTML5 设计一个博客用 HTML5+CSS3 创建优雅的网站用 HTML5 设计一个很酷的 iPhone App 网站HTML5 应用基于浏览器的存储在手机上使用 HTML5 创建离线的 Web 应用使用 HTML5+CSS3 创建一个向后兼容的单页相册教程：用 HTML5+CSS3 创建的即时贴HTML5 表单构建一个 HTML5 视频播放器（jQuery+CSS3）如何制作一个 HTML5 的 iPhone App基本的 HTML5 布局HTML5 Web Applications使用 HTML5 Canvas 绘图Html5 监控
阅读全文
摘要：HTML5 带来的一个特性就是视频播放标签，这将是标准的网页视频播放方式。我查找了目前可用的 HTML5 视频播放器，整理如下。1)HTML5 Video2) Viddler3) Longtailvideo4) Videojs5) Sublime Video6)jMedia Element7) Projekktor8 ) Fry Player9) Mooplay10) OI Player11) Flare Video12) Vimeo13) Vp Factory14) Blip15) Youtube
阅读全文
摘要：这个话题最近很火爆，我也一直在关注，响应式网页设计和移动互联网密切相关，并因移动终端的丰富和普及而兴盛，并且是一个颇具争议的话题，我今天将和大家探讨下。上周写了个简单的ppt在组内大概介绍了下，感兴趣的话可以先看下这个PPT。移动互联网的现状和未来在说到这个话题前，我们先看下网页设计和前端开发的现状：全球有超过53亿手机用户（包括传统手机）国内3G用户超过1亿iPhone4手机在2010年出货量超过3000万部；iPhone 4S上市前3天卖掉400万部；Android手机每天激活超过50万部；iPad出货量已经超过2.5亿部；预计到2015年，移动互联网的数据流量将超越桌面端的流量。。。。嗯
阅读全文
摘要：在过去的两年里，触屏设备飞速增长。iOS和Android设备让开发者和设计师开始重新思考他们的网页应用，以提供更好的触屏体验。移动Web应用相对于本地的App有很多优势，虽然也有很多设计和开发上的挑战。这里列出了一系列有用的框架来帮助基于HTML的webapp开发。他们支持大部分流行的智能手机和平板。1.Lungo.js：HTML5 移动开发框架Lungo.js 是第一个应用HTML5和CSS3特性的移动开发框架。它可以帮助开发者创建iOS，Android，Blackberry和WebOS平台的应用。Lungo.js 不需要任何web服务器的支持就能帮助用户实现HTML5的功能，例如WebSQ
阅读全文
摘要：10款HTML5编码简化工具：在这篇文章中介绍了10个非常强大的HTML5 工具，以简化和增强你的HTML5的编码能力，这肯定会彻底改变我们创建的网站和Web应用程序。1.Initializr 基于Boilerplate 的Initializr 会为你生成一个干净的可定制的模板。2.HTML5demos HTML5demos 帮你快速知道哪些属性可以用在特定的浏览器上，快速帮你自定兼容性极强的网站。3.HTML5 Tracker 用这个跟踪器可以保留与HTML5的连接。4.HTML5 visual cheat sheet 想要迅速找到一个标签或属性，只要看看在这个非常酷的小抄，就大功告...
阅读全文
摘要：这个文章是适合真正想去做HTML5应用的设计人员和开发人员阅读。这里我将不再重复HTML5开发的重要性。因为大家都已经知道这点。这里我收集了10个HTML5的工具帮助你在不同的方面简化你的开发和设计。如果你也喜欢这个文章，请在我们的网站GBin1留言支持！1. FindmebyIP一个列出了所有浏览器对于HTML5支持细节的网站。特别适合对于浏览器的兼容有问题的朋友。优点是在线，可以方便大家查看。类似的网站还有这个：Caniuse.com2. Video JS一个基于javascript的HTML5视频播放器。拥有三个部分：一段嵌入代码，一个javascript类库以及HTML/CSS的皮肤。
阅读全文
摘要：我们已经看到了更多的网站正在使用HTML5来代替Flash，甚至网络游戏。如在音频和视频元素中HTML5担当很酷的功能，使得网页游戏可能没有安装Flash，你甚至不需要插件就可以玩游戏，今天给设计是们推荐40个这样的例子，这其中包括我们熟悉的愤怒的小鸟 等做网游的程序员可以参考一下他是如何实现的愤怒的小鸟（这个游戏需要用谷歌浏览器才能玩,或者安装谷歌浏览器插件）Front Invaders3BoredAgent 008 BallWeb SnookerBlinkwangBiolab DisasterBubble TroubleBlobby Volley 2Chain Reaction – Adv
阅读全文
摘要：1.TwimbowTwimbow 是一个基于 HTML5 开发的 Web 应用，用于帮助用户管理他的社交网络，该应用色彩非常多样。2.AviaryAviary 包含很多图像工具和向量编辑器，你可以在上面对图像进行一些特效处理而无需单独下载软件。3.Gabereiser用于方便的浏览照片的 HTML5 Web 工具4.Body Browser from Google Labs想看看你身体的内部结构吗，别把自己给吓着了 ：）5.Coolendar个人计划任务工具6.CSSWARPCSSWarp 可以帮你生成一些具有特效文字的 HTML 代码7.Hootsuitehootsuite 可以帮你检查各个
阅读全文
