分类：HTML5

2014
12-02

使用Visual Studio 2012 开发 Html5 应用

VisualStudio一直以来是开发微软旗下应用的利器，只要是开发微软相关的应用无论是Windows程序，WPF，Asp.Net，WinRTSurface，WindowsPhone等微软旗下的应用都可以使用VisualStudio来开发。如果您已经非常习惯了VisualStudio的UI和操作，是不是有时候也想使用VisualStudio像DreamWeaver一样来开发纯浏览器的Html5的应用呢?后端您可以用Asp.Net，也可以使用非微软的技术如:RubyonRails或者Php等，但是前端浏览... 继续阅读 >

2014
11-11

利用响应式技术构建大规模社区网站

移动化是未来大趋势，做任何互联网项目都必须将移动战略放在一个很重要的位置上，对于回声来说也不例外。尽管回声现阶段仍然以文字为内容主要载体，也必须充分考虑到移动端的使用场景和体验。一般来说，社区网站的移动化策略有三种：1)开发并提供原生的app；2)制作专门的移动版网站，也就是Webapp；3)采用响应式技术，用一套代码、一个网站来适配不同的终端。我们权衡再三，最后选择了采用响应式设计技术。响应式设计是最近... 继续阅读 >

2014
11-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、可以无刷新改变页面... 继续阅读 >

2014
11-11

深入学习HTML5的history API

不得不佩服下谷歌Chrome团队，利用HTML5和CSS3实现了一本相当漂亮的在线电子书：《关于浏览器和互联网20件事》。访问地址：http://www.20thingsilearned.com话说这本电子书已经出来很久了，不过今天来看依然觉得相当的赞。我们无需刷新页面，就可以来回切换电子书页面，这正是OPOA（OnePageOneApplication）的完美体现。现在正在学习关于historyAPI这方面的东西，所以特别感兴趣的是他们如何使用window.history.pushState()... 继续阅读 >

2014
11-11

HTMl5的sessionStorage和localStorage详解与使用

html5中的WebStorage包括了两种存储方式：sessionStorage和localStorage。sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。而localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。webstorage和cookie的区别WebStorage的概念和cookie相... 继续阅读 >

2014
11-11

以一行JS代码将PC网站移动化，想成为PaaS的“云适配”试图以简化方式做跨屏适配

想要让用户在移动端也能浏览PC网站，通常有两种方法，一是另起炉灶，重新按照移动端的设计规则建一个移动网站，这样建成的网站将和原PC站相互独立，比如新浪网/www.sina.com.cn 和手机新浪网/3g.sina.com.cn的区别。另一种方案则是响应式设计，在建PC站前即考虑好页面布局如何能适应多屏幕浏览，这样移动设备可以通过原网址来浏览PC站点，比如在移动端输入www.36kr.com，都可以看到自适应屏幕大小后的36氪网站。... 继续阅读 >

2014
11-11

Web应用开发中的几个问题——使用javascript开发需知

开篇概述Ajax技术在Gmail中的成功应用，和高性能的V8引擎的推出，使得编写Web应用变得流行起来，使用前端技术也可以编写具有复杂交互的应用。相对于原生应用，Web应用具有如下优点：跨平台，开发和维护成本低；升级和发布方便，没有版本的概念，随时随地发布，用户没有感知，不需要安装；响应式设计(ResponsiveDesign)使得Web应用可以跨平台，同一份代码自适应各种屏幕大小即使最终不采用Web应用方案，也很适合开发原型... 继续阅读 >

2014
11-11

Web 开发者必备的 14 个 JavaScript 音频库

网页设计可能是现在最有趣的领域之一了。这块的东西对所有的人，不管是知识储备里有料没料的，都敞开大门，机会多多。 其最大的特点就是随着时间的推移，实践的深入，你可以慢慢学习着成为一个大鸟。 涉足这个领域，Google将会是你最好的导师，同时她也将毫无偏颇的对你的水平进行评价。设计并不全是铁定的要为应用程序的创建或者编程语言的一些逻辑应用进行大量的编码工作。她更像是创造力同逻辑代码的结合，从而可以使您开发出... 继续阅读 >

2014
11-11

flappy bird游戏源代码揭秘和下载 —— 可运行于android、ios和html5多平台

背景：最近火爆全球的游戏flappybird让笔者叹为观止，于是花了一天的时间山寨了一个一模一样的游戏，现在把游戏的思路和源码分享出来，代码是基于javascript语言，cocos2d-x游戏引擎，cocos2d-xeditor手游开发工具完成的，请读者轻砸；ps：运行demo必须配置好cocos2d-xeditor，暂不支持其他工具。还有demo是跨平台的，可移植运行android，ios，html5移动系统等；AndroidApk下载：（演示效果）暂时只移植打包到android系统... 继续阅读 >

2014
11-11

Opera 16——功能优秀性能出众的小众网页浏览器

Chrome 最近春风得意，搞得Firefox和Opera显得黯淡了很多。虽然Opera并不大众，但它也并没有就此气馁，而是一直保持在创新与努力。网络在进化，你的浏览器也需要进化，你准备好了吗？Opera 是一款高性能且完全免费的浏览器，除了支持Windows之外，还支持 Linux 以及苹果 Mac 操作系统以及 Android、iOS 版本。它拥有众多创新特性，速度快、安全性高，提供了便捷的鼠标手势与快捷键，整合搜索引擎、多标签页、网页拨号... 继续阅读 >

2014
11-11

开源中最好的Web开发资源大全

文章来源：Best“mustknow”opensourcestobuildthenewWeb。个人感觉这个收集贴收集成相当的全。学习HTML5编程和设计★ HTML5Rocks :MajorFeatureGroups 的学习 HTML5的资源 (HTML5演示,教程). 源码很不错的 HTML5Dashboard –Mozilla，效果很炫。WhatWGDevelopers,一个清楚的HTML5技术规格说明书。★ StackOverflow :大名鼎鼎的技术问答式论坛。★ Addyosmani,jQuery和JavaScript... 继续阅读 >