html5
超文本标记语言(HTML)的第五次重大修改,进行了多达近百项的修改，包括HTML和XHTML的标签，相关的API、Canvas等，同时HTML5的图像img标签及svg也进行了改进，性能得到进一步提升
- 关于15个最佳的响应式HTML5网站模板图文详解2015年最好的免费响应式HTML5模板通常用于创建新潮的网站。HTML5是HTML用于创建现代化网站的最新版本。随着这一现代标记语言的出现，网上冲浪的趋势变得越来越智能化越来越酷。几乎每个web开发人员都在将重点转向这个标记语言——寻找免费的响应式HTML5模板，以便于只需要略懂HTML5和CSS3就可以轻松编辑和定制这些模板。这些免费的响应式HTML5模板是由专业人士根据用户需求精心打造的。HTML5CSS3模板自带一些很..
- 7款个性化jQuery/HTML5地图插件图文详细介绍现在我们经常会用到一些地图应用，无论是在网页上还是手机App中，地图貌似是一个不可或缺的应用。本文将带领大家一起来看看一些基于jQuery和HTML5的个性化地图插件，有几款地图比较实用，有些则是具有抽象的概念，很有个性化。1、HTML5世界地图划分世界区域并显示国家名这是一款基于HTML5的世界地图应用，它的特点是可以将地图中的各个国家区域进行划分，鼠标滑过时即可显示该区域对应的国家名称，你也可以对弹出的标签进行自定义文字和自定..
- 基于 HTML5 的 3D 网络拓扑树呈现图文代码详解在HTforWeb中2D和3D应用都支持树状结构数据的展示，展现效果各异，2D上的树状结构在展现层级关系明显，但是如果数据量大的话，看起来就没那么直观，找到指定的节点比较困难，而3D上的树状结构在展现上配合HTforWeb的弹力布局组件会显得比较直观，一眼望去可以把整个树状结构数据看个大概，但是在弹力布局的作用下，其层次结构看得就不是那么清晰了。所以这时候结构清晰的3D树的需求就来了，那么这个3D树具体长成啥样呢，我们来一起目睹..
- 关于7 个顶级的 HTML5 Canvas 动画图文赏析HTML5确实是一项改革浏览器乃至整个软件行业的新技术，它可以帮助我们Web开发者很方便地在网页上实现动画特效，而无需臃肿的Flash作为支撑。本文分享7个顶级的HTML5Canvas动画，都有非常不错的效果。1、3DHTML5Logo动画HTML5多视角3D旋转动画HTML53D动画实现起来非常方便，之前介绍过基于jQuery的3D旋转插件是利用多张多视角图片播放来实现的，而今天分享的这款HTML53D旋转动画是利用..
- GitHub用户发起HTML5网页移植版《星际争霸》项目的图文详解早在拨号上网的时代，《星际争霸》（Starcraft）游戏曾吸引了无数网友的联机对战。不过一位名叫“Ryuta”的GitHub用户，却将它成功地移植到了Web上。当然，这要感谢HTML5。网页版游戏的最大好处，就是无需像传统客户端那样费时去安装。尽管如此，这款移植作品还是演示了基本的操控部件，你可以进入战斗，甚至看到游戏的全局动画。尽管该作品暂时还停留在演示（demo）阶段，但是相信会有爱好者们去进一步完善它的。下..
- 详解强大的HTML5幻灯片系统-H5SlidesH5Slides是一款基于HTML5的轻量级幻灯片播放系统，以前我们给客户演示幻灯片时，还需要在机器上安装ppt软件，有时还会因为版本问题安装失败，影响演示的进度。但是如果能用浏览器来实现ppt播放，那么这一切就简单多了，甚至可以在移动设备上播放幻灯片。同时，你也可以更方便的将自己的ppt分享给别的朋友。H5Slides的特点 基于HTML5！ 不需要臃肿的Powerpoint也可以自由的制作和演示幻灯片 我们可以自由的在各种..
- 关于 5 个最棒的 HTML5 框架的图文详解大多数的web开发者一直在用关键点来寻找动态的框架，这样能简化他们的设计和开发工作。HTML5框架在所有的web浏览器和手机应用上都展现了优秀的性能。它不仅简化了HTML5开发中CSS开发的沉重负担，还提高了网站的可见性。主要的原因是HTML5提供了独有的特征，例如特殊的架构标签，动画，浏览器支持等。最近，大量的HTML5框架在行业内可免费获得，这使得HTML5开发者们不知道到底哪一个框架才是最好的..
- 基于HTML5的CSS框架组件BootFlat的图文介绍BootFlat是一款基于 Bootstrap的FlatUI组件，跟原生的Bootstrap框架相比，BootFlat提供了更多的页面组件，同时增加了页面布局功能。与FlatUI相比更为突出的是BootFlat可以帮助你更快速的利用HTML5实现WebApp开发。BootFlat的特点 BootFlat是基于bootstrap3.2.0，便于快速的开发web和mobileapp的UI框架 Bootflat组件..
- HTML5 Canvas处理头像上传的图文代码详细介绍最近社区系统需要支持移动端，其中涉及到用户头像上传，头像有大中小三种尺寸，在PC端，社区用Flash来处理头像编辑和生成，但该Flash控件的界面不友好而且移动端对Flash的支持不好，考虑到这些问题，最后我们选用Canvas来完成图像尺寸缩放和图片数据获取。等边处理头像一般都是正方形，首先我们需要获取图片宽度和高度的最小值，用该最小值作为边长居中裁剪图片，最终得到一个正方形的图片：varImageEditor=func..
- HTML5本地存储Localstorage 的代码详细介绍什么是localstorage前几天在老项目中发现有对cookie的操作觉得很奇怪，咨询下来是要缓存一些信息，以避免在URL上面传递参数，但没有考虑过cookie会带来什么问题：①cookie大小限制在4k左右，不适合存业务数据②cookie每次随HTTP事务一起发送，浪费带宽我们是做移动项目的，所以这里真实适合使用的技术是localstorage，localstorage可以说是对cookie的优化，使用它可以方便在客..
- HTML5数据推送SSE原理及应用开发的图文详解JavaScript表达行为，CSS表达外观，注意HTML既表达结构（逻辑结构），又表达内容（数据本身）通常需要更新数据时，并不需要更新结构，正是这种不改变组织结构仅改变数据的诉求，推动了数据拉取和数据推送技术的产生。SSE是一种允许服务器端向客户端推送新数据（简称数据推送）的HTML5技术。数据推送有两种替代方案：无更新方案和数据拉取方案。无更新方案：加载完毕HTML之后，得到一个HTML页面，之后浏览器会请求图片、C..
- App三年内是否将被HTML5顶替彻底消失？2007年W3C(万维网联盟)立项HTML5，直至2014年10月底，这个长达八年的规范终于正式封稿。过去这些年，HTML5颠覆了PC互联网的格局，优化了移动互联网的体验，接下来，HTML5将颠覆原生App世界。这听起来有点危言耸听，但若认真分析HTML5的发展史，你会发现，这个世界的发展趋势确实就是这样。HTML5对开发者的7大优势跨平台：在多屏年代，开发者的痛苦指数非常高，人人都期盼HTML5能扮演救星。多套代码、不..
- 如何使用HTML5中postMessage实现Ajax中的POST跨域问题的详细介绍HTML5中提供了在网页文档之间相互接收与发送信息的功能。使用这个功能，只要获取到网页所在窗口对象的实例，不仅仅同源(域+端口号)的web网页之间可以互相通信，甚至可以实现跨域通信。浏览器支持程度：IE8+，firefox4+，chrome8+ opera10+1.首先，要想接收从其他的窗口发过来的消息，就必须对窗口对象的message事件进行监听，如下代码：window.addEventListener(“messag..
- 详细介绍7款炫酷的HTML5 Canvas动画特效HTML5真的是一个相当出色的Web技术，它不仅可以让你更加方便地操纵页面元素，而且可以通过canvas实现更多的动画特效，引进HTML5标准后，CSS3也就可以发挥更大的作用。本文主要介绍了一些基于HTML5Canvas的动画特效，分享给大家，希望大家喜欢。1、HTML5Canvas瀑布动画超逼真这是一个很逼真的HTML5瀑布动画，基于Canvas实现的，效果相当酷。在线演示源码下载2、HTML5Canvas彩色..
- 详解7款绚丽的jQuery/HTML5动画及源码jQuery是一款非常流行的JavaScript框架，利用jQuery，我们可以制作简单的动画效果，但是结合HTML5，这样的动画效果就会变得更加出彩。本文分享了7款jQuery结合HTML5的动画以及源码下载。1、HTML5/SVG实现布谷鸟时钟动画这是一款非常有意思的HTML5动画，它是一个老式的时钟，有布谷鸟报时，情侣的浪漫舞蹈。在线演示源码下载2、HTML5/CSS3实现图片倒影3D效果这款应用主要利用了CSS3..
- 8个最新炫酷的HTML5动画应用的图文详解HTML5目前已经逐渐成熟，越来越多的Web项目都已经用到了HTML5技术，包括CSS3。本文主要分享了一些最新的HTML5动画应用，大部分都比较炫酷，也有一些比较实用的，并且每一个动画都提供源代码下载。1、HTML5Canvas实现画板涂鸦动画应用这是一款HTML5网络画板，拥有基础的图形绘制功能，相对比较简单，基于canvas，因此非常灵活。在线演示源码下载2、HTML5堆木头游戏这款游戏的玩法是将木头堆积起来，多..
- 炫酷实用的jQuery/HTML5菜单图文详解jQuery是一款非常实用的JavaScript框架，基于jQuery开发的菜单插件也非常多，包括下拉菜单、Tab菜单等。另外，HTML5的应用，让这些菜单在视觉效果和交互能力上又提高了很多。本文就推荐了7款炫酷而实用的jQuery/HTML5菜单，希望对你有所帮助。1、CSS3扇形动画菜单鼠标滑过扇形展开动画这款CSS3菜单很有个性，是一个扇形的多级下拉菜单，当你将鼠标滑过菜单时，菜单项即可展开。在线演示源码下载2、C..
- 介绍几个超炫酷的HTML5动画演示及源码的图文详解利用HTML5可以绘制很多静态的图像，也可以制作一些炫酷的动画，本文分享了8个利用HTML5和CSS3实现的动画演示，同时也分享了源代码供大家下载参考。1、HTML5 3D点阵列波浪翻滚动画这个HTML5Canvas动画非常壮观，给人一种破浪起伏的视觉效果。在线演示 源码下载2、纯CSS3实现发光开关切换按钮这款按钮非常有个性，它的外观酷似以前老式的点灯开关，但是由于其黑色的背景，让整个按钮给人发光的效果..
- 介绍几款引人注目的HTML5/jQuery动画插件详情现在的Web页面已经越来越走向高端化和易操作化，jQuery的大量应用，让Web开发者更容易驾驭前端页面的控制，HTML5的引入也更让网站页面的元素生动富有活力。本文主要向大家分享一些可以让页面更加引人注目的HTML5/jQuery动画插件，作为设计参考。1、HTML5Canvas实现会跳舞的时间动画这款HTML5动画非常有意思，首先它的原型是一个时钟，但是canvas技术的使用，让这个时钟没走动一秒都会产生圆球散落的动画特效，非..
- 具体介绍HTML5移动应用开发的12大特性1.离线缓存为HTML5开发移动应用提供了基础HTML5 Web Storage API可以看做是加强版的cookie，不受数据大小限制，有更好的弹性以及架构，可以将数据写入到本机的ROM中，还可以在关闭浏览器后再次打开时恢复数据，以减少网络流量。同时，这个功能算得上是另一个方向的后台“操作记录”，而不占用任何后台资源，减轻设备硬件压力，增加运行流畅性。在线app支持边使用边下载离线缓存，或者不下载离线缓存；而离线app必..
- 详细介绍如何全面掌控Session?且看WebSocket跨站劫持的图文代码详解WebSockets是一个能够给单TCP连接提供全双工信道的HTML5特性。它的持续性连接功能，使得构建B/S模式的实时应用成为可能。Websockets常常用在那些带有聊天功能的WEB应用上。下面的图片就非常贴切地阐释了一个APT攻击用到的websockets：科普：同源策略(Sameoriginpolicy)：同源是指，域名，协议，端口相同，即浏览器会检查同一浏览器的不同选项卡中，来源相同的脚本才能跨选项卡执行。..
- 基于jQuery和HTML5的日历时钟插件 的图文详解jQuery是一个当前依然非常流行的Web前端JavaScript框架，这次我们要分享的就是基于jQuery的日历时钟插件，部分日历插件还是基于HTML5技术实现的，因此动画效果都还不错。有兴趣的朋友可以接下去看看。1、jQuery多功能日历插件带事件记录功能这款jQuery日历插件的一大特点就是可以在每一个日期后面记录事件，并且可以设置提醒时间，如果你对JS开发比较擅长，还可以将它改进成一款即时提醒的APP应用。在线演示源..
- 详细介绍代码检测HTML5/CSS3新特性的浏览器支持情况伴随着今年10月底HTML5标准版的发布，未来使用HTML5的场景会越来越多，这是令web开发者欢欣鼓舞的事情。然而有一个现实我们不得不看清，那就是IE系列浏览器还占有一大部分市场份额，以IE8、9为主，windows8.1的用户已经用上了IE10/11，而考虑我国的国情，IE6、7依然存留不少。在我们放手用HTML5开发的时候，新特性支持度检测就是必不可少的了。一种方式是用navigator.userAgent或navigator.a..
- 详细介绍精选HTML5/CSS3动画应用源码分享本文要向Web开发者分享一些干货，如果你热衷于HTML5和CSS3的开发，那么一定会对下面的这些HTML5动画应用感兴趣。本文在提供演示的同时，也会对部分核心代码进行展示和分析，希望各位能够喜欢。jQuery盒子渐变动画菜单这款菜单的展现形式非常有特点，它并不像其他菜单一样纵向或者横向排列，而是排列在矩形方格中，并且点击菜单项即可以动画的方式展开菜单的详细信息，利用CSS3产生非常酷的动画效果。DEMO演示 源码..
- HTML5离线存储原理及实现的代码实例前言使用HTML5，通过创建cachemanifest文件，可以轻松地创建web应用的离线版本。HTML5引入了应用程序缓存，这意味着web应用可进行缓存，并可在没有因特网连接时进行访问。应用程序缓存为应用带来三个优势： 离线浏览-用户可在应用离线时使用它们 速度-已缓存资源加载得更快 减少服务器负载-浏览器将只从服务器下载更新过或更改过的资源。原理和环境如上面提到的HTML5的离线存..