摘要: 阅读全文
posted @ 2012-12-12 15:14 H5Boy 阅读(169) 评论(0) 推荐(0) 编辑
摘要: HTML 的明天是晴还是雨 王淮(Facebook 支付后台及反欺诈部门前技术经理、现天使投资人) HTML5 是什么? 为什么很多人如此关注它并押上公司的未来? 但为什么 Facebook 弃 HTML5 转 Objective C。HTML 的明天,是晴还是雨,你该不该给它投怀送抱,该如何去判断? 我最近对 HTML5 产生兴趣,就做了一些粗浅的研究,并和硅谷的两位玩弄 HTML5 多年的大佬<1>电话交流,总结于此篇文章。这篇文章不是 HTML5 的启蒙贴,是对其在业界发展的一个观察和思考吧。 什么是 HTML5? HTML5,就像其名字所表示的,它是 HTML 的第五个版本 阅读全文
posted @ 2012-12-12 14:55 H5Boy 阅读(249) 评论(0) 推荐(0) 编辑
摘要: 上一篇移动化用户体验设计我们谈了移动化用户体验,讲述了如何在需求层面开始我们移动网页的设计工作。下面我们来讨论技术的实现方式,第一种方法即响应式网页设计。什么是响应式网页设计?Responsive Web Design 是Ethan Marcotte在去年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端,根据终端屏幕的大小亦或类型而调整显示的布局与内容——而不是为每个终端做一个特定的版本。下图列举了我们可能面对的不同的硬件设备类型、不同的操作系统、不同的屏幕分辨率:应用响应式网页设计,可以使我们不必针对具体设备或屏幕编写单独的网页,不需另建单独的网址,一个页面适用于所有的设备,下图 阅读全文
posted @ 2012-12-12 00:36 H5Boy 阅读(7449) 评论(1) 推荐(2) 编辑
摘要: Mozilla,一个也许算不上巨头的互联网公司,却赚得了不少好感——21世纪初,Mozilla 的 Firefox 让所有人都意识到当时微软的 IE 是一个落伍的浏览器;更别说 Firefox 前身就是当初惨遭微软“捆绑”策略所害,赢得了无数同情的浏览器始祖——Netscape。 最近,他们又做了一件有趣的事情,发布了 FirefoxOS,一款智能手机操作系统。有意思的不是 Mozilla 胆敢进入 OS(操作系统)领域这件事,而是 FirefoxOS,被认为是首款基于浏览器的移动 OS,减少了层级架构,应用全部以 HTML5 的形式来呈现。据悉,搭载这种 OS 的智能手机价格竟可探至 ... 阅读全文
posted @ 2012-12-09 16:34 H5Boy 阅读(1070) 评论(1) 推荐(1) 编辑
摘要: 本文作者 Ben Savage,Spaceport.io 创始人,Spaceport.io 旨在向移动游戏开发者提供原生 Javascript 和 HTML5 开发平台。Ben 在年初的时候曾对 2012 年 HTML5 的发展趋势作了十四项大胆预测,不过在接近年终的时候他认为这一年来 HTML5 的发展远远未达预期,全文内容如下: 在这之前曾有人预测在 2013 年基于 HTML5 的手机销量将达到 10 亿,Facebook 也似乎为其铺好了道路,笔者在年初的时候也曾预言 2012 年将会是 HTML5 起飞的一年,不过现在回头发现 HTML5 的发展并不尽如人意,Mark Zucker. 阅读全文
posted @ 2012-12-06 17:40 H5Boy 阅读(450) 评论(0) 推荐(0) 编辑
摘要: 本文是关于我们在开发中要考虑的,移动化用户体验的诸多特点。当然,不仅局限于移动Web,同样包括App等所有移动应用。那么移动中的用户体验重点在哪里呢?与传统的桌面程序有什么重大的不同?移动的是人,而不是设备如果说我们是给那些移动设备做开发的话,不如说是给移动的人做开发。看看那些移动设备的使用场合吧,地铁、机场、休息室,无不代表了一个移动中的人。如果说用户体验是主观的话,显然要受用户这种移动的状态的影响,具体来说:1,移动=正在做、繁忙、分心意味着用户可能手头有其他的事情,即使是在休息室,他们也可能需要听着医生的召唤,或者等着孩子从补习班出来,亦或在嘈杂的环境中想进行电话会议。这带给我们的设计启 阅读全文
posted @ 2012-12-06 12:14 H5Boy 阅读(2093) 评论(4) 推荐(1) 编辑
摘要: 本篇文章里我们将回答下面一些问题:1,哪些元素和属性在HTML5中被弃置了?2,在我的站点中是否使用了这些元素?3,我是否对有效验证感到担心?4,对向后兼容性来说,这些有什么影响?5,我的内容能否在所有的目标浏览器和客户端正确显示?1, 哪些元素和属性在HTML5中被弃置了?在 HTML5 说明里被弃置的元素有:basefont, big, center, font, strike, tt, frame, frameset, noframes, acronym, applet, isindex, dir。 你可以在这篇 HTML5与4的区别文章中找到它们被弃置的原因。2,在我的站点中是否使用了 阅读全文
posted @ 2012-12-05 11:33 H5Boy 阅读(750) 评论(0) 推荐(1) 编辑
摘要: 许多 HTML5 特性需要 Javascript API,,它们将开发交互式应用变的更简单。但是还有很多新的元素标签,你可以把它们用在你的 Web 1.0 网页上。我们要对它们做一些研究,让我们一起做一个博客吧。首先,我们要使用 header,footer 和 nav 元素先搭建页面结构。接着通过使用新的数据类型和HTML 浏览器内置的验证,来使我们的博客的评论格式更加的智能。然后,我们将使用 HTML5 的ariticle 元素,更好的对博客内容和评论进行标记,来完成页面的主要部分。并且展示如何使用section元素,来更好的构架可访问站点的层级标题。同时因为博客是按时间排序的,我们要看看 阅读全文
posted @ 2012-12-04 20:11 H5Boy 阅读(2738) 评论(1) 推荐(3) 编辑
摘要: 所有浏览器对它们“知道”的元素都有默认的设定——元素有多少留白padding和边距margin,它是显示为块还是行内元素?除非用CSS重写这些设定,不然它们就会默认生效。以下的CSS可以帮助你清除这些默认样式,使你能够按照自己的方式定制样式。几点说明:1, 移除了<acronym>, <center> <big> 等 HTML5 不再支持的元素。2,添加了新的 HTML5 元素标签。3,给应该显示为块的元素显式的添加了display:block 。(不然的话,一些新的HTML5标签可能在不同浏览器出现奇怪问题)4,给<abbr> 和 <df 阅读全文
posted @ 2012-11-29 13:42 H5Boy 阅读(1061) 评论(0) 推荐(0) 编辑
摘要: HTML5 出了一些新的页面标签,下面的这张图能帮你快速掌握它们的用法:图片显示不全,请单击此处或直接点击图像。以下为英文版的图: 阅读全文
posted @ 2012-11-29 10:54 H5Boy 阅读(919) 评论(1) 推荐(0) 编辑