HTML5可调整大小的网站

时间:2012-03-12 01:19:41

标签: flash html5 canvas resize

即使使用不同的分辨率,我也试图构建一个看起来相同(或至少非常相似)的网站。我知道用Adobe Flash做一个非常简单的事情,但我有点想进入整个“HTML5场景”,所以我想我可以尝试不用闪光灯来构建它。

我知道我可以调整画布的大小以适应正在查看的浏览器的窗口,但是我是否还可以调整我放在画布中的图像,文本和其他HTML结构的大小?喜欢s,s,s还是图像?

我也将在网站内部制作很多东西,所以我想如果你认为只用HTML5(画布)或者我应该只使用Flash,我可以先问你们。 / p>

我知道这不是标准的“帮助我调试这个”帮助帖子,但如果你们可以分享一些知识,这对我有帮助。

提前致谢。

1 个答案:

答案 0 :(得分:0)

由于这不是一个直接的问题,我没有义务给出直接的答案,但我最近也在研究这个问题,因为HTML5上有很多炒作。虽然有点偏离主题Ted Patrick最近来我的工作推广sencha touch和Ext.js,这是他在这一点上工作的人,但无论如何这对我来说有点沮丧,因为我读了一些Ted的帖子关于当我自己进入它时弯曲。无论如何,在这里啜泣的故事是一些有用的资源:

http://www.sencha.com/ http://www.htmlfivewow.com

我自己还没有使用过ProcessingJS,但我过去曾经使用过Processing本身来从Arduino中读取串行数据的数据可视化(基于传感器输入,再次脱离主题),并且处理本身非常关于绘图接近Flash:

http://processingjs.org/

我想如果你想快速做到这一点,你可能会想要依靠你现有的技能。如果你不担心快速推出这个,花点时间研究更多HTML5 / Javascript / CSS3工具/框架/构造/书籍。老实说,HTML5本身在我的脑海中是零的,主要的变化是关于转换的CSS3和关于新的Canvas WebGL WebSockets等的DOM对象。问题不是每个浏览器都以相同的方式实现这些新规则(类似到HTML4和之前)所以仍然需要检查浏览器和后备必需。关于HTML5本身从我读到的本质上是对id属性的现有网站的扫描和非常受欢迎的东西作为div的id现在已成为他们自己的标签,主要是为了搜索引擎,屏幕阅读器和其他的利益可以利用理解页面部分背后含义的技术(语义)。这允许它做的另一件事是处理诸如本地化时间戳和那种性质的事情之类的事情。从演示中我看到我不怀疑你可以使用HTML5和javascript实现类似的甚至更好的结果,但就像只使用AS3而不使用Flex或任何其他框架编写Web应用程序一样,你将完成你的工作你。

还有一些潜在的陷阱需要注意:

  1. 必须编写特定于浏览器的代码(也称为浪费时间)。

  2. 考虑到性能方面的闪光负面照射量,性能并不是很好。我已经看到简单的HTML5示例像垃圾一样运行甚至使用谷歌chrome,它有最好的javascript虚拟机V8并使用Web-Kit(与Safari相同的HTML渲染引擎,但版本各不相同)。关于运行时性能,点不是Javascript比AS3差,但即使你把它交给猴子也不是一些神奇的锤子能做好一切(假设猴子没有训练使用锤子)。

  3. 警惕浏览器中的视频编解码器问题/兼容性(如果您正在处理视频内容)。

  4. 在开始之前探索关于服务器端技术的选项(这不是真正的陷阱,但如果你不接受建议,可能就是这样)。 Node.js作为一个选项似乎相当有前途(我不相信它对于胆小的人来说必然足够健壮,但是如果你想编码并看到一切正在进行它是一种很好的方式来保持一切语言的一切...或者你可以使用AMF到JS转换器来继续使用BlazeDS。还要注意使用JSON而不是AMF3序列化引入的额外开销,它在我们生活的高带宽世界中并不是一个大问题,但鉴于不断增长的移动世界(和流行的移动网络),它需要考虑(为了公平对待这一点gzipped Dojo JSON,无论多么糟糕,似乎几乎与AMF3相同。

  5. http://www.jamesward.com/census2/