201412-03 大势所趋 HTML5成Web开发者最关心的技术 最近,在StackExchange上出现了一个比较热门的问题:Web开发者最头疼的问题是什么?结果并不是大家通常认为的兼容性问题,而是关于HTML5。在所有与前端开发相关的技术中,如JavaScript、CSS3、HTML5等,Web开发者们私下最经常讨论的技术领域是哪一个呢?理解这个问题就可以更好地了解当前在Web技术领域,大家所面临的挑战是什么?为了一探究竟,英属哥伦比亚大学就“Web开发者经常挖掘的问题”展开了研究。... 继续阅读 >
201412-03 推荐18个基于HTML5 Canvas 开发的图表库 如今,HTML5可谓如众星捧月一般,受到许多业内巨头的青睐。很多Web开发者也尝试着用HTML5来制作各种各样的富Web应用。HTML5规范引进了很多新特性,其中最令人期待的之一就是Canvas元素。HTML5Canvas提供了通过JavaScript绘制图形的方法,非常强大。今天,本文收集了一些非常好的基于HTML5Canvas的图表方案推荐给大家。1. VisualizeVisualize通过Javascript从结构化的HTML表格获取数据并借... 继续阅读 >
201412-03 18 款超酷的 HTML5 和 JavaScript 游戏引擎库 现在的游戏开发变得越来越复杂,需要制作各种炫丽的效果,还要制作各种基于2D或者3D的场景。为了节省游戏开发者的时间,让开发者集中精力在游戏的创新上,出现了许许多多的游戏引擎。而现在为了实现跨平台,HTML5和JavaScript成功为了游戏开发者必备的利器,特别是移动端的开发者,必须要能很好的掌握HTML5和JavaScript。现在这么多的游戏引擎,各有各的优点和缺点,为了帮助开发者们找到属于自己的那款游戏开... 继续阅读 >
201412-03 为什么HTML5将主宰在线视频? 磁带、光盘、Flash等媒介都需要播放器,这些媒介正在或者已经死亡。就像CD取代磁带成为一种更高效的音乐播放方式一样,数字文件也将取代CD。依此类推,HTML5也会让Flash成为昨日黄花。HTML5与Flash的对抗在网页开发者中已经成为多年热议的话题,但是无论站在哪一边,不可否认的一点是,HTML5对视频和网站的影响是实实在在的。对于在线视频来说,HTML5有两点是Flash不能做到的:移动能力和语义标记。移动参与性的增... 继续阅读 >
201412-03 必须Mark!最佳HTML5应用开发工具推荐 HTML5自诞生以来,作为新一代的Web标准,越来越受开发人员及设计师的欢迎。其强大的兼容性,一次开发,到处使用,大大减少了跨平台开发人员的数量及成本。特别是在如今日新月异的移动时代,除了iOS、Android两大平台,还有WindowsPhone、Blackberry、Bada等多个竞争,恰恰给了HTML5展现才能的机会。本文就搜集了十款HTML5工具,希望能对大家的开发工作有所帮助。1.AnimatronAnimatron是一款简单而又强大的在线工... 继续阅读 >
201412-03 Web 开发人员必备的经典 HTML5 教程 对于我来说,Web前端开发是最酷的职业之一,因为你可以用新的技术发挥,创造出一些惊人的东西。唯一的问题是,你需要跟上这个领域的发展脚本,因此,你必须不断的学习,不断的前进。本文将分享能够帮助您快速掌握HTML5的实例教程,值得好好学习。MeasuringPageLoadSpeedwithNavigationTimingNavigationTiming 是用于精确测量网站性能的JavaScriptAPI。该API提供一种简单的方式来获得准确,详细... 继续阅读 >
201412-03 10款最佳HTML5绘图工具 HTML5无疑是当前最受宠的一项技术,每个web设计者都在热烈的讨论这种神奇的标记语言的兴起。HTML5是一种学起来毫不费力的标记语言,但它却能提供迷人的、富有艺术性的特征,帮助web设计人员完成他们的构思想象。HTML5对于一个设计人员来说能毫不费力的理解,轻松的掌握。草绘和制图是设计工作者工作中一个重要的特征。HTML5将会这方面显露出不可限量的前途。今天,我给web设计人员收集了几款最好的HTML5绘图或涂鸦... 继续阅读 >
201412-03 9款最新炫酷HTML5/CSS3应用推荐 HTML5的强大之处我们已经体验过很多了,包括HTML5游戏、HTML5视频,另外结合CSS3,也能创造更多炫酷的动画特效和实用应用。今天我们要分享9款最新的炫酷HTML5/CSS3应用。如果你喜欢,赶紧分享给你的朋友吧。1、HTML5webkit3D立方体图片旋转滑块应用今天再来分享一款HTML5 3D立方体动画,这个只是一个3D效果模型,你可以用图片替换演示中的立方体4个面,这样就可以将这款HTML5立方体旋转动画改造成HTML53D焦... 继续阅读 >
201412-03 HTML5网站开发专用基础模板(包含完整注释) 分享一个HTML5页面开发的基础性模板,包含了两个版本:开发版本注释版本开发版本<!DOCTYPEhtml><html><head><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metacharset="utf-8"><title></title><metaname="description"content=""><metaname="author"content=""><metaname="viewport"content="width=device-width,initial-scale=1"><linkrel="stylesheet"href=""><!--[ifltIE9]><scriptsrc=... 继续阅读 >
201412-03 HTML5 中 40 个最重要的技术点 内容介绍SGML(标准通用标记语言)和HTML(超文本标记语言),XML(可扩展标记语言)和HTML的之间有什么关系?什么是HTML5?为什么HTML5里面我们不需要DTD(Document Type Definition文档类型定义)?如果我不放入<! DOCTYPE html>标签,HTML5还会工作么?哪些浏览器支持HTML5?HTML5的页面结构同HTML4或者更前的HTML有什么区别?HTML5中的datalist是什么?HTML5中哪些是不同... 继续阅读 >
201412-03 HTML 5 History API的”前生今世” History是有趣的,不是吗?在之前的HTML版本中,我们对浏览历史记录的操作非常有限。我们可以来回使用可以使用的方法,但这就是一切我们能做的了。但是,利用HTML5的HistoryAPI,我们可以更好的控制浏览器的历史记录了。例如:我们可以添加一条记录到历史记录的列表中,或者在没有刷新时,可以更新地址栏的URL。为什么介绍HistoryAPI?在这篇文章中,我们将了解HTML5中HistoryAPI的来源。在此之前,我们... 继续阅读 >
201412-03 为HTML5开发人员量身打造的7个Web框架 HTML5规范开发完成时,将成为主流。据统计2013年全球将有10亿手机浏览器支持HTML5,同时HTMLWeb开发者数量将达到200万。毫无疑问,HTML5将成为未来5-10年内,移动互联网领域的主宰者。毋庸置疑,HTML5已经改变了我们的percieve在线网站、应用程序和内容。它是如此的先进,以至于许许多多的浏览器期望使用上HTML5的最新功能,然而这需要很长时间来计划以及实施。如果你之前有与网络相关的脚本经验,那么学习HTML5可能并... 继续阅读 >
201412-02 使用Visual Studio 2012 开发 Html5 应用 VisualStudio一直以来是开发微软旗下应用的利器,只要是开发微软相关的应用无论是Windows程序,WPF,Asp.Net,WinRTSurface,WindowsPhone等微软旗下的应用都可以使用VisualStudio来开发。如果您已经非常习惯了VisualStudio的UI和操作,是不是有时候也想使用VisualStudio像DreamWeaver一样来开发纯浏览器的Html5的应用呢?后端您可以用Asp.Net,也可以使用非微软的技术如:RubyonRails或者Php等,但是前端浏览... 继续阅读 >
201411-11 利用响应式技术构建大规模社区网站 移动化是未来大趋势,做任何互联网项目都必须将移动战略放在一个很重要的位置上,对于回声来说也不例外。尽管回声现阶段仍然以文字为内容主要载体,也必须充分考虑到移动端的使用场景和体验。一般来说,社区网站的移动化策略有三种:1)开发并提供原生的app;2)制作专门的移动版网站,也就是Webapp;3)采用响应式技术,用一套代码、一个网站来适配不同的终端。我们权衡再三,最后选择了采用响应式设计技术。响应式设计是最近... 继续阅读 >
201411-11 类似github,houzz使用ajax和HTML5无刷新改变页面URL 表现如果你使用chrome或者firefox等浏览器访问本博客、github.com、plus.google.com等网站时,细心的你会发现页面之间的点击是通过ajax异步请求的,同时页面的URL发生了了改变。并且能够很好的支持浏览器前进和后退。是什么有这么强大的功能呢?HTML5里引用了新的API,history.pushState和history.replaceState,就是通过这个接口做到无刷新改变页面URL的。与传统的AJAX的区别传统的ajax有如下的问题:1、可以无刷新改变页面... 继续阅读 >
201411-11 深入学习HTML5的history API 不得不佩服下谷歌Chrome团队,利用HTML5和CSS3实现了一本相当漂亮的在线电子书:《关于浏览器和互联网20件事》。访问地址:http://www.20thingsilearned.com话说这本电子书已经出来很久了,不过今天来看依然觉得相当的赞。我们无需刷新页面,就可以来回切换电子书页面,这正是OPOA(OnePageOneApplication)的完美体现。现在正在学习关于historyAPI这方面的东西,所以特别感兴趣的是他们如何使用window.history.pushState()... 继续阅读 >