我正在寻找有助于HTML5开发的JavaScript库。
请每个答案只发布一个图书馆,不要忘记描述它。
答案 0 :(得分:10)
Modernizr是检测浏览器支持的HTML5功能的最佳方式。
答案 1 :(得分:8)
“Processing.js是一种开放式编程语言,适用于想要在不使用Flash或Java小程序的情况下为Web编程图像,动画和交互的人.Processing.js使用Javascript在HTML5上绘制形状和操作图像Canvas元素。代码重量轻,易于学习,是可视化数据,创建用户界面和开发基于Web的游戏的理想工具。“
答案 2 :(得分:3)
Raphaël - Raphaël的目标是提供一个适配器,使绘图矢量艺术兼容跨浏览器和轻松。
答案 3 :(得分:3)
我会发布关于Easel.js的帖子,这是sibils hoho。他们来自同一个开发人员GSkinner因此我发布了所有相关的库。我刚刚使用了Easel,但其他人看起来很有希望。我发布了网址及其说明:
HTML5中新的Canvas元素功能强大,但可能难以使用。它没有离散显示元素的内部概念,因此您需要手动管理更新。 Easel Javascript库为画布提供了一个保留的图形模式,包括一个完整的分层显示列表,一个核心交互模型和帮助类,以便更轻松地使用Canvas。
它支持TweenJS
TweenJS提供了一个非常简单的API,用于在Javascript中创建复杂的序列动画。它包括使用样式表的基本(实验性)支持。
还支持SoundJS
HTML中的音频很有前途,但可能很难处理。每个浏览器都有类似但不同的方法,这需要大量的猜测和测试,以及边缘情况,这可能会花费大量的时间。 SoundJS JavaScript库提供了一个简单的API,以及一些强大的功能,使得处理音频变得轻而易举。
Zoë(来自Zoetrope)是OSX或Windows的开源应用程序,它提供了一种简单的方法来将Flash动画导出为与EaselJS和HTML5一起使用的精灵表。 只需将SWF文件拖到应用程序上即可。它将扫描主时间轴以查找帧标签和尺寸。您可以调整帧边界,编辑设置,然后导出精灵表图像和EaselJS代码,使用基于时间轴标签的帧数据定义SpriteSheet实例。 SWF应在主时间轴上包含所有动画,并使用帧标签指示动画的开始。嵌套图形很好。
我没有使用它们,但看起来很有趣=)
答案 4 :(得分:2)
html5sql是一个轻量级JavaScript模块,可以更轻松地使用HTML5 Web数据库。它的主要功能是为单个事务中的顺序处理SQL语句提供结构。
答案 5 :(得分:1)
答案 6 :(得分:1)
答案 7 :(得分:1)
我使用Perkins HTML5+CSS3 framework“他”将自己描述为:
我是一个框架,旨在让设计师和开发人员的生活更轻松。我使用最新的Web标准,也称为HTML5和CSS3。为了获得更多的优势,让你不要重复自己,我在LESS.js,这意味着你可以忘记一些专有的浏览器前缀。此外,我还提供了许多预加载的基本样式,mixins,帮助器,透明纹理和@ font-face驱动的图标集。如果HTML是您的热情,我可以帮助您使用动态网格快速制作线框,基于Tyler Tate的1kb CSS网格,该网格已经包含在内,可以在perkins.config.less文件中配置,以及许多其他选项。
答案 8 :(得分:1)
CreateJS是一个很好的HTML5库集合。
答案 9 :(得分:0)
虽然javascript库HTML5 Boilerplate看起来非常有用。
“HTML5 Boilerplate是专业的badass基础HTML / CSS / JS模板,适用于快速,强大且面向未来的网站。”
答案 10 :(得分:0)
ExplorerCanvas - Firefox,Safari,Chrome和Opera等现代浏览器支持HTML5画布标记,以允许基于2D命令的绘图。 ExplorerCanvas为Internet Explorer带来了相同的功能。要使用,Web开发人员只需在其现有网页中包含单个脚本标记。
答案 11 :(得分:0)
创建交互式绘图板,让用户可以在您的网站上绘图(对于头像很有用,或者对于协作项目,学习等更好)