html5
关注
分享
扫一扫
智汇优库
微信公众号：智汇优库。关注我，系统学习数字化转型、企业智慧解决方案！
展开
-
加速Web开发的9款知名HTML5框架
伴随着智能手机正在席卷整个移动市场，在移动设备上开发出兼容性高的网站已变的非常重要，本文推荐9款非常流行的HTML5框架，可以轻松助你开发出兼容各个移动平台的网站。与手工编码比起来，HTML5框架在准确性和正确率方面给予了保证。大多数HTML5框架都会有一个组合或者包含一些额外的组件，比如jQuery Scripts。CSS3样式表则以改善多媒体特征的功能性和响应式的Web布局为主。如果你转载 2015-02-15 16:12:36 · 527 阅读 · 0 评论 -
Html5系列（十六）web前端开发规范文档
规范说明此为前端开发团队遵循和约定的代码书写规范，意在提高代码的规范性和可维护性。基本准则符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序, 尽可能的减小服务器负载, 保证最快的解析速度。总规范1.忽略（Omit）协议：如 background: url(http://www.google.com/i原创 2015-04-16 23:12:00 · 738 阅读 · 0 评论 -
Html5系列（十七） canvas 对角线渐变
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">html xmlns="http://www.w3.org/1999/xhtml">head>meta http-equiv="Content-Type"原创 2015-04-16 23:11:22 · 1497 阅读 · 0 评论 -
Html5系列（十八） canvas 径向渐变2
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">html xmlns="http://www.w3.org/1999/xhtml">head>meta http-equiv="Content-Type"原创 2015-04-16 23:11:13 · 784 阅读 · 0 评论 -
Html5系列（十九） canvas 弧形描边渐变
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">html xmlns="http://www.w3.org/1999/xhtml">head>meta http-equiv="Content-Type"原创 2015-04-16 23:08:39 · 3186 阅读 · 0 评论 -
Html5系列（二十） 学习之 Html5功能判断插件 Modernizr
---恢复内容开始---Modernizr 浏览器对HTML5和CSS3开发的功能检测类库由于当前用户使用的浏览器版本较多，对H5和CSS3的支持也各不相同。前端的开发者，在使用一些新的特性的时候，就比较的麻烦。需要去兼容各种浏览器，判断这些浏览器是否支持这些新的特性。Modernizr可以帮助前端的开发者很好的解决这一问题。Modernizr是什么？用官网原创 2015-04-16 23:07:58 · 592 阅读 · 0 评论 -
HTML5系列（二十一）画布（变形）
坐标变换案例1： function draw(){ var c=document.getElementById("myCanvas"); var cxt= c.getContext("2d"); cxt.translate(200,50);原创 2015-04-16 23:07:51 · 790 阅读 · 0 评论 -
Html5系列（二十二）画布（阴影）
案例1： function draw(){ var c=document.getElementById("myCanvas"); var cxt= c.getContext("2d"); cxt.fillStyle="#eeeeff"; cxt.fi原创 2015-04-16 23:06:54 · 943 阅读 · 0 评论 -
Html5系列（二十三） canvas高级贝塞尔曲线运动动画
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">html xmlns="http://www.w3.org/1999/xhtml">head>meta http-equiv="Content-Type"原创 2015-04-16 23:05:31 · 10082 阅读 · 0 评论 -
Html5系列（二十四）款赏心悦目的 HTML5/CSS3 特效
1、HTML5 WebGL实验，超酷的HTML5 Canvas波浪墙这是一款HTML5 Canvas实验项目，也是波浪特效，只是这不是真正的水波，而是利用柱体高度的变化实现的波浪墙效果。在线演示源码下载2、HTML5重力感应动画特效，冲撞小球演示页面上会掉落大小不等的小球，我们可以拖动小球，也可以点击页面空白来生产更多的小球，如果你的电脑配置高，可以原创 2015-04-16 23:00:24 · 1351 阅读 · 0 评论 -
Html5系列（二十五）画布（图像）
案例1： window.onload=function(){ var c=document.getElementById("myCanvas"); var cxt= c.getContext("2d"); var image= new Image(); i原创 2015-04-16 22:59:58 · 723 阅读 · 0 评论 -
Html5系列（二十六） 布局标签
HTML5是HTML标准的下一个版本。越来越多的程序员开始HTML5来构建网站,相对HTML4，HTML5新增的带有语义化的标签可以代替div进行页面布局（与html5.js结合起来时可以放心使用 ），语义化标签有相对应的结构，这样我们就不用一层嵌套一层的使用div啦。抛开IE浏览器兼容性这个最大的阻碍，前端工程师应该跟随HTML5时代的召唤熟悉HTML5布局标签，并在将来的开发中灵活和适当的运用原创 2015-04-16 22:59:45 · 756 阅读 · 0 评论 -
Html5系列（二十七）在html5中通过JavaScript显示隐藏网页内容
<!DOCTYPE html><html language="en-us"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> Show And Hidden Demo <link rel="st原创 2015-04-16 22:59:04 · 1561 阅读 · 0 评论 -
Html5系列（二十八）HBuilder：最快的Web开发IDE
HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。DCloud CEO王安表示，“HBuilder最大的优势就是快，通过完整的语法提示和代码输入法、代码块及很多配套，HBuilder能大幅提升HTML、js、css的开发效率”。HBuilder里预置了一个hello HBuilder的工程，用户在敲了几十行代码后会发现，HBuilder比其他开发原创 2015-04-14 22:17:47 · 3222 阅读 · 0 评论 -
Html5系列（二十九）前端开发工程师必备编辑器：Sublime Text2
Sublime Text2有这么几个优点：1.速度飞快。2.界面简洁。3.功能强大。4.插件众多。5.快捷键多。6.可以不保存关闭下次再开编辑。7.界面好看，可定制。当然它最重要的还是插件众多，使得它的功能庞大。安装Sublime Text 2插件的方法：1.直接安装安装Sublime text 2插件很方便，可以直接下载安装包解压缩到Package原创 2015-04-14 22:13:48 · 813 阅读 · 0 评论 -
Html5系列（十五） canvas 垂直渐变描边
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">html xmlns="http://www.w3.org/1999/xhtml">head>meta http-equiv="Content-Type"原创 2015-04-16 23:13:56 · 1164 阅读 · 0 评论 -
Html5系列（十四） canvas 奇怪的形状水平渐变
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">html xmlns="http://www.w3.org/1999/xhtml">head>meta http-equiv="Content-Type"原创 2015-04-16 23:13:59 · 1219 阅读 · 0 评论 -
Html5系列（十三）找到任何形状的中心-总结篇
对矩形或其他形状进行旋转和缩放与对正方形非常类似，实际上只要在缩放、旋转或者组合缩放旋转前将原点平移到形状的中心，都可以得到想要的效果。记住，任何形状的中心点都是半宽的X值和半高的Y值！这需要使用边界框理论找到中心点 PS是丑了点！但是我表示我正在努力的学素描！明年我再去考个专升本艺术系HOHO（PS：我已经是计算机本科了，考研我觉得我是肯定跪的，我表示多门手艺总没错！但是他们都用鄙视的眼原创 2015-04-17 16:05:05 · 614 阅读 · 0 评论 -
jqm视频播放器,html5视频播放器,html5音乐播放器,html5播放器,video开发demo,html5视频播放示例,html5手机视频播放器
最近在论坛中看到了很多实用html5开发视频播放,音乐播放的功能，大部分都在寻找答案。因此我就在这里做一个demo，供大家相互学习。html5开发越来越流行了，而对于视频这一块也是必不可少的一部分。如何让你的网站占据优势，就要看你的功能和用户体验了。html5对video还是做了很多优惠的东西，我们使用起来很得心应手。在过去 flash 是网页上最好的解决视频的方法，截至到目前还算是主流，像那转载 2015-04-21 20:31:26 · 1533 阅读 · 0 评论 -
Html5系列（一）初识Html5
标准通用标记语言下的一个应用HTML标准自1999年12月发布的HTML4.01后，后继的HTML5和其它标准被束之高阁，为了推动Web标准化运动的发展，一些公司联合起来，成立了一个叫做 Web Hypertext Application Technology Working Group （Web超文本应用技术工作组 -WHATWG） 的组织。WHATWG 致力于 Web 表单和应用程序，原创 2016-11-15 23:26:14 · 603 阅读 · 0 评论 -
Html5系列（二）作用解答
语义特性（Class：Semantic）HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的，微数据与微格式等方面的支持，构建对程序、对用户都更有价值的数据驱动的Web。本地存储特性（Class: OFFLINE & STORAGE）基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度，这些全得益于HTML5 APP Cache，以及本地存储原创 2016-11-15 23:28:45 · 678 阅读 · 0 评论 -
Html5系列（三）与html的不同
HTML5提供了一些新的元素和属性，例如（网站导航块）和。这种标签将有利于搜索引擎的索引整理，同时更好的帮助小屏幕装置和视障人士使用，除此之外，还为其他浏览要素提供了新的功能，如和标记。1、取消了一些过时的HTML4标记其中包括纯粹显示效果的标记，如font>和，它们已经被CSS取代。HTML5 吸取了XHTML2 一些建议，包括一些用来改善文档结构的功能，比如，新的HTM原创 2016-11-15 23:29:51 · 597 阅读 · 0 评论 -
Html5系列（四）新规范
HTML5和Canvas 2D规范的制定已经完成，尽管还不能算是W3C标准，但是这些规范已经功能完整，企业和开发人员有了一个稳定的执行和规划目标。W3C首席执行官Jeff Jaffe表示：“从今天起，企业用户可以清楚地知道，他们能够在未来依赖HTML5。”HTML5是开放Web标准的基石，它是一个完整的编程环境，适用于跨平台应用程序、视频和动画、图形、风格、排版和其它数字内容发布工具、广泛原创 2016-11-15 23:31:16 · 573 阅读 · 0 评论 -
Html5系列（五）应用须知
它可能会消灭Flash许多业内人士表示，HTML将会最终代替多媒体框架，如Adobe的Flash，但是短期看来还不是时候。HTML5估计到2014年才能逐步成熟，而且将现有应用Flash的网络开发完全转向HTML5还需要一段时间。尽管HTML5提出了许多优点，但是还可能有某些应用更适合于更灵活的框架。一些主流的大公司都逐步转向使用HTML5，谷歌于2015年2月26日开始自动将Flash广原创 2016-11-15 23:32:11 · 436 阅读 · 0 评论 -
Html5系列（六）Html5的漏洞
2013年3月，HTML5标记语言的一个漏洞被发现：它允许网站利用数GB垃圾数据对用户展开轰炸，甚至会在短时间内将硬盘塞满。多款主流浏览器均会受此影响。一位名叫菲罗斯·阿伯克哈迪杰哈(Feross Aboukhadijeh)的开发者率先发现了这一漏洞，他表示，多数主流网络浏览器均会受到影响，包括苹果Safari、谷歌Chrome、微软IE和Opera。唯一能够阻止数据大量加载的是Mozil原创 2016-11-15 23:33:03 · 1432 阅读 · 0 评论 -
Html5系列（七）优点缺点
网络标准HTML5本身是由W3C推荐出来的，它的开发是通过谷歌、苹果，诺基亚、中国移动等几百家公司一起酝酿的技术，这个技术最大的好处在于它是一个公开的技术。换句话说，每一个公开的标准都可以根据W3C的资料库找寻根源。另一方面，W3C通过的HTML5标准也就意味着每一个浏览器或每一个平台都会去实现。多设备跨平台用HTML5的优点主要在于，这个技术可以进行跨平台的使用。比如你开原创 2016-11-15 23:34:04 · 599 阅读 · 0 评论 -
Html5系列（八）Html5新元素
自1999年以后HTML 4.01 已经改变了很多，今天，在HTML 4.01中的几个已经被废弃，这些元素在HTML5中已经被删除或重新定义。为了更好地处理今天的互联网应用，HTML5添加了很多新元素及功能，比如： 图形的绘制，多媒体内容，更好的页面结构，更好的形式 处理，和几个api拖放元素，定位，包括网页 应用程序缓存，存储，网络工作者，等。canvas原创 2016-11-15 23:35:09 · 623 阅读 · 0 评论 -
Html5系列（九）Html5优势
HTML5可以提供:1.提高可用性和改进用户的友好体验;2.有几个新的标签，这将有助开发人员定义重要的内容；3.可以给站点带来更多的多媒体元素(视频和音频)；4.可以很好的替代FLASH和Silverlight；5.当涉及到网站的抓取和索引的时候，对于SEO很友好；6.将被大量应用于移动应用程序和游戏。谷歌和HTML52010年5月2原创 2016-11-15 23:36:54 · 892 阅读 · 0 评论 -
Html5系列（十一）store.js - 轻松实现本地存储（LocalStorage）
store.js 是一个兼容所有浏览器的 LocalStorage 包装器，不需要借助 Cookie 或者 Flash。store.js 会根据浏览器自动选择使用 localStorage、globalStorage 或者 userData 来实现本地存储功能。store.js 提供非常简洁的 API 来实现跨浏览器的本地存储功能：?1234原创 2015-04-21 09:09:54 · 1466 阅读 · 0 评论 -
Html5系列（十）播放视频
当我们播放视频时有的播放器用软件来解码视频，这样慢还会占用大量的CPU，有的播放器用硬件解码，却限制了可播放的视频格式。知识点一：视频编解码器1、H.2642、Theora（Xiph.Org公司发布）3、VP8（Google公司发布）知识点二：音频编解码器1、AAC（Apple公司使用在iTunes Store上的音频格式）2、Vorbis（OGG）3、MP3知原创 2015-04-21 09:11:22 · 1418 阅读 · 4 评论 -
HTML5系列（三十）地理定位
1.通过navigator.geolocation来获取设备当前位置，返回一个位置对象，可以获得当前经纬度相关信息；2.navgatior.geolocation的三个方法： getCurrentPosition(); watchPosition(); clearWatch();3.getCurrentPosition()使用方法 navig原创 2016-11-29 09:24:08 · 627 阅读 · 0 评论