精彩人生

{总结,是为了更好的开始}专注于web技术,每天进步一点点{学无止境,积累创造财富}...

FT WebApp团队:如何打造一个FT风格的离线HTML5 web App

为什么还有必要再写一个Offline HTML5 App指南 现在已经有非常多的资源介绍如何写一个offline HTML5的网站了,但是仅仅让一个网站能够在离线情况下访问是远远不够的。 在这个指南中我们将搭建两个离线网站,用来向读者演示如何向一个已有的离线网站中增添功能,避免已有的用户觉得自...

2013-01-16 22:36:16

阅读数:1497

评论数:0

W3C宣布HTML 5规范正式定稿

根据W3C的发言稿称:“HTML5是开放的Web网络平台的奠基石。”这种跨平台的网页程序环境通常被称之为“Web标准”的保护伞。HTML5以及JavaScript和CSS相关技术能够能够让开发者在任何设备上都运行开发丰富的网页应用,并且会有越来越多的企业加入到HTML 5的大平台上来。     ...

2013-01-06 23:20:01

阅读数:593

评论数:0

关于移动端点击后出现闪或者黑色背景

最近在和朋友开发一个ipad的课件,用phoneGap打包在ipad上运行,发现,点击某些带事件的DOM后,出现瞬间的闪动,a标签点击的时候还是出现黑色的背景。首页,瞬间的闪动是怎么出现的,具体原因不是很明确,根据我测试,貌似是因为DOM中有可选择的文字,使得DOM是可以整体被touch,在ipa...

2012-12-17 15:34:37

阅读数:832

评论数:0

SVG是什么?SVG有什么用途?

一、SVG技术背景 随着网络上信息数据的大量涌现,如何正确显示和出版是有效传输、接收和利用它们的基础。图形、图像是信息数据可视化的主要方式。但现有的图形、图像格式存在着缺陷:非开放式,显示和印刷质量及适应性差,难以创建Web上图文信息的个性化定制、交互式以及实时动态方面的应用等。SVG正是在这样...

2012-10-31 22:33:24

阅读数:539

评论数:0

浏览器是怎么工作的(前端必读)

浏览器可以被认为是使用最广泛的软件,本文将介绍浏览器的工 作原理,我们将看到,从你在地址栏输入google.com到你看到google主页过程中都发生了什么。 将讨论的浏览器今天,有五种主流浏览器——IE、Firefox、Safari、Chrome及Opera。 本文将基于一些开源浏览器的例子...

2012-10-29 09:23:44

阅读数:534

评论数:0

Chrome引入WebRTC支持视频聊天

Goole在Chrome的最新beta版本中添加了关键的WebRTC框架,以此来支持第三方开发者创建视频聊天程序,而不需要下载任何插件。这项技术可能有一天会在Chrome里支持原生的Goole Hangouts视频群聊。         Google的工程师在Chromium的博客上写到:  ...

2012-10-18 22:26:04

阅读数:618

评论数:0

Animation Scripts, Libraries and Plugins

Recently, I’ve bookmarked a bunch of animation-related scripts, libraries, and plugins. Although CSS3 has certainly made animation easier for us, som...

2012-10-18 21:47:50

阅读数:249

评论数:0

翻译:清除各个浏览器中的数据研究

对于快速Web APP,缓存是赢得性能的关键。最近个把月,我做了个所谓“清除浏览器实验”,研究下用户清除缓存的时候会发生哪些奇葩的事情。另外,除了浏览器的磁盘缓存(指图片啊等数据),我还折腾了其他一些数据格式,如:cookies, localStorage, 以及 application ca...

2012-09-22 00:15:18

阅读数:638

评论数:0

ss3 动画停止的时候如何保持最后一个动作不变

这几天做关于html5 +css3的东西,其中遇到了一个问题,就是给一个div设置动画,如何让动画结束后保持最后一个动作。 查阅了资料,发现有这样这个事件webkitAnimationEnd,只要监听这个事件就可以了。 [html] view plaincopy div ...

2012-09-16 20:35:31

阅读数:448

评论数:0

HTML5 Messaging

HTML5 的Message API能够让HTML5页面之间传递消息,甚至这些页面可以不在同一样域名下。 发送消息 为了让消息能从一个页面发送到另一个页面,主动发送消息的页面必须拥有另一个页面的窗口引用。然后发送 页面针对接受页调用 postMessage() 方法。 代码演示: ...

2012-09-09 22:07:53

阅读数:362

评论数:0

操纵历史,利用HTML5 History API实现无刷新跳转

写在前面 有一次在上点点网的时候,发现登陆、注册动画效果非常华丽,但让我感到震惊的是页面竟能够实现无刷新跳转(已改版,观看此效果可以猛击此处:GitHub或阅FM),回顾了所学的前端知识,似乎没有任何技术可以实现这一点,于是百度搜罗了一下,才发现这原来是使用HTML5中History API...

2012-09-09 22:01:10

阅读数:598

评论数:0

你不知道的5个Web技术秘密!

摘要:Eric Bidelman是Google Chrome开发团队里面的一位高级软件工程师,根据多年的Web开发经验,他总结了如何在实际中灵活运用HTML5和CSS3并把内容归纳为5大点。作为一名Web开发人员,这五点你知道吗?你OUT了吗? 本文围绕如何使用最新的Web技术来进行实际...

2012-08-29 10:18:10

阅读数:1028

评论数:0

地理位置定位原理与介绍

地理位置定位的几种方式:IP地址,GPS,Wifi,GSM/CDMA 地理位置获取流程: 1、用户打开需要获取地理位置的web应用。 2、应用向浏览器请求地理位置,浏览器弹出询问,询问用户是否共享地理位置。 3、假设用户允许,浏览器从设别查询相关信息。 4、浏览器将相关信息发送到一个信任...

2012-08-29 10:15:36

阅读数:1034

评论数:0

改变网络世界的WebRTC要来了?!

WebRTC是Web Real-Time Communication(网络实时通讯)的缩写,是一项在浏览器内部进行实时视频和音频数据通信的技术,有望成为HTML5标准之一。 WebRTC的这些特性可以使网络应用进入一个新的阶段。 如果一切按计划进行,在接下来的三四个月内,全球超过一半的浏览器将支...

2012-08-15 12:11:54

阅读数:421

评论数:0

如何创建mobile-first(移动设备优先)的响应式的网站

今天读了这篇文章http://bradfrostweb.com/demo/mobile-first/article.html ,把学到的记录一下,方便以后使用~ 1.适配的问题 目前的设备尺寸大小不一,各种尺寸都有,我们不可能编写那么多套页面去适配,但是又不可能回避这个问题,因此我们得...

2012-08-12 10:48:06

阅读数:781

评论数:0

WebSocket实战

前言 互联网发展到现在,早已超越了原始的初衷,人类从来没有像现在这样依赖过他;也正是这种依赖,促进了互联网技术的飞速发展。而终端设备的创新与发展,更加速了互联网的进化; HTTP/1.1规范发布于1999年,同年12月24日,HTML4.01规范发布;尽管已到2012年,但HTML4.01...

2012-08-05 10:29:34

阅读数:693

评论数:0

HTML5——全局属性

在HTML 5中,新增了一个“全局属性”的概念。所谓全局属性,是指可以对任何元素都使用的属性,本节将详细介绍几种常用的全局属性。 一、contentEditable属性 contentEditable是由微软开发、被其他浏览器反编译并投入应用的一个全局属性。该属性的主要功能是允许用户编辑元素中...

2012-08-03 12:32:13

阅读数:412

评论数:0

利用HTML5中Canvas处理并存储图片

HTML5中增加的Canvas元素,配合JS灵活的语法,处理起图片变得异常简单,不需要在客户端用C/C++写一大堆代码,对于熟悉JS的程序员来说,只需要考虑处理图片的逻辑了。       canvas中如果想要处理图片就需要借助ImageData这个对象,就是将画布中某一区域中的图像以R...

2012-08-03 08:58:22

阅读数:1325

评论数:0

WebSockets初学入门

HTML5之中一个很酷的新特性就是WebSockets,它可以让我们无需AJAX请求即可与服务器端对话。今天彬Go将让大家通过Php环境的服务器端运行WebSocket,创建客户端并通过WebSockets协议发送和接收服务器端信息。 什么是WebSockets? WebSockets是在一个...

2012-07-31 12:26:05

阅读数:517

评论数:0

使用Canvas把照片转换成素描画

一、引子 话说前阵子想把一张照片转换成素描,然后发个微博。结果发现mac上没找到能直接转换素描的软件(PS不算,可要好几步呢),坑爹啊~~google 了下,Web上竟然也是没有直接把照片转换成素描的东西,连让我包含期望的美图秀秀(Web版)竟然都没有素描功能,T_T。 手机上是有很多...

2012-07-30 12:54:13

阅读数:913

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭