摘要 今天我们将大家介绍一些非常好的在线工具，可以帮助Web开发人员在HTML5编码时更加容易和简单。在些在线工具包括：HTML5 Visual Cheat Sheet, Swith to HTML5, Initializr, HTML5 Canvas Cheat Sheet, LimeJS, HTML5 Demos, Web Apps Tracker和H...
这个文章是适合真正想去做HTML5应用的设计人员和开发人员阅读。这里我将不再重复HTML5开发的重要性。因为大家都已经知道这点。这里我收集了10个HTML5的工具帮助你在不同的方面简化你的开发和设计。如果你也喜欢这个文章，请在我们的网站GBin1留言支持！ 1. FindmebyIP 一个列出了所有浏览器对于HTML5支持细节的网站。特别适合对于浏览器的兼...
可拖动dragable属性 之前我们已经为大家介绍过几篇有关HTML5中原生拖拽的相关知识了。今天为大家介绍HTML5拖拽中的其他一些小东东，闲话不多说赶快一起看看吧。 在默认情况下，链接、文本和图像是可以拖动的，不用再写代码即可拖动。如果想让其他元素标签也可以拖动，那么只有HTML5能实现了。HTML5为所有HTML元素规定了dragable...
前面示例都只是展示在桌面浏览器显示，当用手机浏览器打开时发现无法拖动元素，虽然实际业务上，手机也只是用来查看的，但为了论证手机上的触摸事件，我还是在本节做个演示。 手机上触控有三个重要事件touchstart,touchmove,touchend,分别表示开始触摸，移动，及结束，与鼠标的mousedown,mousemove,mouseup对应。 基于...
首发我的博客 http://blog.meathill.com/tech/js/export-table-data-into-a-excel-file.html 最近接到这么个需求，要把<table>显示的数据导出成Excel表。类似的需求并不稀罕，过去我通常用PHP输出.csv文件，不过这次似乎不能这么做：数据源表格允许用户筛选和排序，与原...
随着firefox4正式版的推出，IndexedDB正式进入我们的视线。IndexedDB是HTML5-WebStorage的重要一环，是一种轻量级NOSQL数据库。相较之下，WebDataBase标准已经很长时间没有更新，大有被IndexedDB取代的意思。 Section 1：起步，得到Database引用 w3c为IndexedDB定义了很多接口，其...
localStorage的用途 localStorage基本上就是三个特点： 数据永久被保存在本地，即使浏览器被关闭，数据也不会消失 存储空间大，一般为5~10M 存储的内容不会和服务器发生任何交互（cookie就会随着请求发送给server） 因此，当你需要持久的存储用户的数据，并且不和服务器交互时，就可以使用localStorage。个人想到的就是...
在众多HTML5规范中，有一部分规范是跟文件处理有关的，在早期的浏览器技术中，处理小量字符串是js最擅长的处理之一。但文件处理，尤其是二进制文件处理，一直是个空白。在一些情况下，我们不得不通过Flash/ActiveX/NP插件或云端的服务器处理较为复杂或底层的数据。今天，HTML5的一系列新规范正在致力于让浏览器具备更强大的文件处理能力。 今天要介绍...
HTML5已经不是一个新名词。它看上去很cool，有很多feature，大多数人普遍看好它的发展。对于我来说，最感兴趣的是它的canvas标签，可以结合Javascript来绘制游戏画面。 我们可以在Javascript脚本中获得页面中的canvas对象，以及它的绘图上下文： var canvas = document.getElementById("ca...
Atitit html5 Canvas 如何自适应屏幕大小 可以用JS监控屏幕大小，然后调整Canvas的大小。在代码中加入JS 1 2 3 4 5 6 7 $(window).resize(resizeCanvas); function resizeCanvas() { canvas.attr("width", ...