阅读更多

5顶
1踩

Web前端
HTML5日渐成为Web开发的主流技术之一,目前,W3C已经完成了HTML5的基本特性,HTML5成为W3C官方标准指日可待。

目前互联网中已经出现了大量基于HTML5的应用,其展示的效果一点也不输Flash,甚至要更为强大。该技术最大的优势是跨平台,甚至未来有可能成为开发移动应用的主要技术。

本文为你带来6个强大的HTML5应用开发工具,希望可以提高你的开发效率。

1.  Adobe Edge Animate



Adobe Edge Animate是一款Adobe开发的全新的工具,致力于寻求适用于HTML5、CSS3和JavaScript的交互、动画编程体验。

该工具有一个类似Flash Pro的用户界面,允许开发者对交互内容、动画进行精准的控制。目前尚不支持HTML5 canvas和audio标签,Adobe表示会在未来增加支持。

价格:单独版 - $10/月,Creative Cloud套件 - $50/月

2.  HTML KickStart



这是一套集合了各种CSS、HTML5和jQuery模块的工具,不仅可以帮助你节省开发时间,还可以帮助你获取HTML5开发的灵感。

该工具包中包含了大量预配置、预格式化的功能块,你可以非常快地实现一些特定的功能,如幻灯、按钮、选项卡等。

价格:免费

3.  HTML5 Reset



HTML5 Reset包含了一组HTML、CSS相关的文件,帮助你在开始新项目的时候节省时间,并提供了基于HTML5的空白WordPress模板。

价格:免费

4.  Liveweave



这是一个HTML5、JavaScript和CSS3代码在线测试工具,你可以直观地看到你的代码的运行情况。此外,该工具还具备代码自动完成功能,你也可以将其作为一个在线IDE来使用。

价格:免费

5.  Modernizr



Modernizr是一个开源的JS库,它使得基于访客浏览器的不同而开发不同级别体验的设计工作变得简单。当你在网页中嵌入Modernizr脚本时,它会检测用户当前浏览器是否支持CSS3和HTML5的特性,然后你可以决定是否创建一个基于JS的fallback,或者对那些不支持的浏览器进行简单的优雅降级。

价格:免费

6.  Video.js



Video.js是一个基于JavaScript的HTML5视频播放器,可以帮你更加简单的构建HTML5视频。Video.js提供了一个通用控件,内置的HTML/CSS皮肤,修复了跨浏览器的兼容性问题,还扩展了许多附加功能,例如全屏、字幕等。如果用户浏览器不支持HTML5视频,还可以退回到Flash或其他播放技术。

价格:免费

Via sitepoint
  • 大小: 16.1 KB
  • 大小: 9.4 KB
  • 大小: 17.8 KB
  • 大小: 11.2 KB
  • 大小: 24.7 KB
  • 大小: 10.6 KB
  • 大小: 26.5 KB
  • 大小: 22.9 KB
  • 大小: 14.9 KB
  • 大小: 25.3 KB
  • 大小: 7.6 KB
  • 大小: 30 KB
  • 大小: 17.6 KB
  • 大小: 19.4 KB
  • 大小: 12.8 KB
  • 大小: 43 KB
  • 大小: 34.4 KB
  • 大小: 11 KB
  • 大小: 153.4 KB
  • 大小: 257.1 KB
  • 大小: 121.7 KB
  • 大小: 73.6 KB
  • 大小: 212.9 KB
  • 大小: 157.9 KB
5
1
评论 共 0 条 请登录后发表评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • ios之实现自动无限循环滚动视图(1)

    ios实现无限循环滚动主要有两种办法,都利用了UIScrollView,第一种是创建一个很大的UIScrollView((n+2)*屏幕宽度),把要展示的图片都添加到这个视图上,通过对偏移值的更改达到循环的效果;第二种是创建一个三倍...

  • ios之实现自动无限循环滚动视图(2)(三张图实现)

    三个视图实现自动无限循环滚动的轮播图

  • html滚动字幕鼠标放上去就停止,鼠标放到滚动文字上时,文字停止滚动【代码】...

    网页里面有滚动的图片,下边还带有文字说明,当鼠标移上去的时候会停住,用Dreamweaver怎么做?文字说明就是好好研究一下这段代码rs.open "select * from [product]",conn,1,1while not rs.eof%> " target="_...

  • Android ViewPager巧用偷梁换柱实现自动循环滚动

    前言项目需求有个显示banner图,可自动循环滚动,也可手动滚动,网上也有很多demo,很多我不需要的功能都封装进去,所以就自己重新构造了一个,大家下载我封装好的demo直接调用即可,调用方法也是很简单,构造方法也...

  • 新闻分页循环图片左右滚动代码html,jQuery响应式触屏图片左右滚动代码owl.carousel...

    1.9.1.min.js实现的响应式左右滚动代码,自适应屏幕大小,响应式设计,完美兼容PC端和手机移动设备,支持触屏滑动效果,支持点击按钮切换,有“上一张、下一张”按钮链接,可设置一屏显示的图片个数,兼容各大主流...

  • [iOS]UICollectionView循环滚动功能的实现思路

    很多 APP 首页的广告都有图片循环滚动功能, 我做的项目中正好也需要这个功能 我说主要思路, 并提供我写的代码例子 广告要滚动, 首先想想具有滚动功能的原生控件有哪些, scrollView, tableView, ...

  • vue项目中自定义表格滚动,鼠标移入停止,移出继续滚动

    vue项目中自定义表格滚动,鼠标移入停止滚动,移出继续滚动

  • Element表格自动滚动

    由于我这边只用到了自动滚动 所以想记录一下 以免以后找不到了 上代码 实现自动滚动 首先要给表格绑定上ref 这里绑定ref 之后写事件 里面的参数rollTime 跟rollPx 在data里定义一下 还有定时器rolltimer ...

  • OCUI界面设计:滚动视图与分页控件结合NSTimer实现图片自动循环与无限滚动展示

    前言在开发过程中,经常会遇到一些图片展示的需求,比如影视类App,会在主页循环滚动播放电影信息,亦或是电子商务类,如主页循环展示当前的折扣界面信息等。可见图片循环展示的重要性,如下我将详细讲解图片循环...

  • swiper2.0手动触碰之后(点击圆点)停止自动轮播

    遇到一个问题,就是当我操作图片滑动后,自动轮播 autoplay 失效。 起初遇到的一个问题是,圆点点击不了。。。后来检查发现,因为圆点上面覆盖的一个遮盖层层级的缘故,给改覆盖层设置:z-index:-1;就好了。如图: ...

  • div自动滑动,鼠标移上停止滑动

    我前边写过一个关于图片循环滚动的示例,那个是一块块的的滚动==>实现图片的循环滚动. 这次我们就做滚动区域是平滑循环滚动效果。 下边是布局的HTML代码,原理是在要展示区域的div(.ban_img)里加一个能包含所有...

  • ViewPager的自动循环滑动

    ViewPager的自动循环滑动 循环的设想——逻辑——实现 自动循环的设想——逻辑——实现 相关代码的项目地址

  • 打造一个丝滑般自动轮播无限循环Android库

    最近公司项目在升级AndroidX,由于项目中用到的一些比较老的库都已停止更新维护,因此需要将这些库替换掉,其中就包括自动轮播的Banner库。恰逢笔者在之前写过一个轮播图,因此就在此基础上重构,打造出了一个全新的...

  • Android 滑动切换(首页展示,图片、新闻自动切换,循环切换,自动和手动)

    最近做的项目,要用到滑动切换的效果,就是类似新闻客户端的图片一张一张的自动切换或者手动滑动切换,于是就搜集了一下资料,使用两种方式实现这样的效果,分别是ViewFlipper和ViewPager。这两种方式都比较容易的...

  • iOS开发-------滚动视图(UIScrollView)并实现循环滚动

    滚动视图(UIScrollView) 其实是一个能够实现存放大图片以及实现滚动的组件,比如有的图片很大,但是用UIImageView装不下,那么这个时候就需要UIScrollView了,如果说举例子的话,很多地方都用到了,比如页面滚动的...

  • html 文字、图片水平无限滚动

    html 文字、图片水平无限滚动经常在淘宝、京东的app页面中看见水平的广告轮播和中奖信息的轮播。我知道的实现这种无限滚动...为了让无限循环滚动时内容衔接更好一点,滚动内容会有两份一模一样的,大概步骤如下: 2.C

  • UIScrollview之无限循环滚动

    通过控制contentSize之后这些图片就可以滚动,要实现循环滚动的方法是在第一张前面放置的是最后一张图片,在最后一张后面放置第一张的图片,假如你有n张图片,实际上在UIScorllView中有n+2张图片,你有3张图片,只要...

  • 安卓手机 Python 自动化( uiautomation、uiautomation2、weditor )

    其他自动化工具或者框架: Airtest:https://airtest.readthedocs.io/zh_CN/latest/autojs:Auto.js快速入门实战教程:...

  • IOS实现自动循环滚动广告--ScrollView的优化和封装

     在许多App中,我们都会见到循环滚动的视图,比如广告,其实想实现这个功能并不难,用ScrollView就可以轻松完成,但是在制作的过程中还存在几个小问题,如果能够正确的处理好这些小问题,无论从效果还是性能上都会...

  • Java实战项目——基于ssh实现的博客系统(毕业设计)(前后端源码+论文+数据库+说明文档)25.zip

    ava实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),可运行高分资源 Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现

Global site tag (gtag.js) - Google Analytics