文章标签: JavaScript

  • Adobe收购HTML5框架PhoneGap开发商

    2011-10-04 14:48

    据美国科技博客techcrunch.com报道，电脑软件公司Adobe昨日宣布收购了创建了HTML5移动应用框架PhoneGap 和PhoneGap Build的新创公司Nitobi Software。

    据悉，PhoneGap是一个开源的开发框架，用来构建跨平台的使用HTML，CSS和JavaScript的移动应用程序，以使得这些应用可以应用于各种平台。截至目前为止，PhoneGap的开源框架已经被累积下载60万次，借助PhoneGap平台，已有数千应用程序建立在iOS，黑莓以及其它操作系统之上。

    PhoneGap最近还推出了PhoneGap Facebook Connect 插件，可以使HTML5开发者通过登录他们的Facebook证书，从而简化登录他们开发的应用程序的程序。

    Adobe表示，收购PhoneGap,后，开发者便可选择在PhoneGap平台使用HTML，CSS和JavaScript创建移动应用程序，也可选择使用Adobe Air 和Flash。

    阅读全文
    文章分类: 新闻资讯
    文章标签: Adobe , CSS , JavaScript , PhoneGap , 框架

  • HTML5基础实战 - 第一部分：初试锋芒(5) 构建页面

    2011-09-19 10:01

    构建页面

    现在你已经了解了需要用来创建一个HTML5页面的基本标签，让我们开始构建你的页面。你会为Acme United构建一个网页，完成后的页面如图2所示。

    那么，让我们把页面装配起来吧。首先要处理的是这个<!doctype>，在HTML5中，<!doctype>被简化了：所有你需要记住就是html。这不仅是简化了这一标签的条目，而还把它变得更适应未来的发展。需要注意的是，它不是被称为html5，就只是html。不管来来去去的有多少个HTML版本，<!doctype>可以一直都是html。

    <html>标签包含了所有除了<!doctype>标签之外的其他HTML元素，其他的每一个元素都必须嵌套在<html>和</html>标签之间，参见清单12。

    阅读全文
    文章分类: 综合实战
    文章标签: CSS3 , JavaScript , 用户体验 , 语义化
    HTML5新标签: <article> , <footer> , <header> , <nav> , <section> , <video>

  • HTML5基础实战 - 第一部分：初试锋芒(4) Aside和Footer

    2011-09-16 15:25

    Aside区

    Acme United规划中的Aside区可通过使用<aside>标签来创建。这一标签被看作是用来存放补充内容的地方，这些内容不是其所补充的一篇连续文章的组成部分。在杂志上，插入语(aside)通常被用来突出文章本身所制造的一个观点。<aside>标签包含的内容可被删除，而这不会影响到包含了该内容的文章、章节或是页面所要传达的信息。

    清单10提供了< aside>标签用法的一个例子。

    清单10. < aside>标签的例子

    阅读全文
    文章分类: 综合实战
    文章标签: CSS3 , JavaScript , 用户体验 , 语义化
    HTML5新标签: <aside> , <footer>

  • HTML5基础实战 - 第一部分：初试锋芒(3) Article和Section

    2011-09-15 09:45

    Article和Section区

    你设计的页面包含了一个Article区，该区域存放了页面的实际内容。你使用< article>标签来创建这一区域，该标签定义的内容可独立于页面中的其他内容使用。例如，如果想创建一个RSS源(RSS feed)的话，那么你可以使用<article>来唯一标识该内容。<article>标签标识了可被删除、可被放置在另一上下文中，并且是可被完全理解的内容。

    Acme United规划中的Article区包含了三个Section区，可使用<setction>标签来创建这几个区域。<section>包含了web内容的相关组件区域，<section>标签——以及<article>标签——可以包含页眉、页脚，或是其他需要用来完成该部分内容的组件。< section>标签用于分组的内容，<section>标签和<article>标签通常以一个<header>为开始并以一个<footer>结束，标签的内容则放在这两者之间。

    <section>标签也可以包含<article>标签，就像<article>标签可以包含<section>标签一样。<section>标签应该用来分组相类似的信息，而<article>标签则应该是用来放置诸如一篇文章或是博客一类的信息，这些内容可在不影响内容含义的情况下被删除或是被放置到新的上下文中。<article>标签，正如它的名称所暗示的那样，提供了一个完整的信息包。相比之下，<section>标签包含的是有关联的信息，但这些信息自身不能被放置到不同的上下文中，因为这样的话其所代表的含义就会丢失。

    <article>和<section>标签的用法例子请参见清单4。

    阅读全文
    文章分类: 综合实战
    文章标签: CSS3 , JavaScript , 用户体验 , 语义化
    HTML5新标签: <article> , <section>

  • HTML5基础实战 - 第一部分：初试锋芒(2) 规划页面的header与nav

    2011-09-06 09:48

    规划页面

    你将要创建一个简单的web页面。在这一过程中，我会讨论几个HTML5中引入的新标签。为了创建一个高效的并且是有实效的web页面，你必须要制定一个计划，考虑一下想要打造的所有组件。你创建的网页将会有如图1所示的高层设计，页面的设计包含了一个Header区、一个Navigation区、一个包含了三个Section区和一个Aside区的Article区，以及最后的一个Footer区。该页面的设计目标是在Google的Chrome浏览器中工作，其消除了一些视觉上的混乱，这些混乱带来的是浏览器兼容问题的调整，同时也妨碍到了对基础结构的理解。我们的目标是创建出一个清晰地描述了新的HTML5标签的用法的页面，展示如何使用它们来创建格式良好的代码和优雅的页面设计。

    在创建这一页面的过程中，我会涉及CSS3，我需要用它来正确地渲染HTML5网页。CSS3对于HTML5页面的的风格、导航和一般观感来说是必不可少的，它的一些属性组，你可以在WsSchool的CSS3参考站点（参见参考资料一节）上找到这些属性，其中包括了一些很有用的元素，比如说background、font、marquee和animation等。

    不过，在开始构造页面之前，你需要学习一些新的HTML5的标签。

    阅读全文
    文章分类: 综合实战
    文章标签: CSS3 , JavaScript , 用户体验 , 语义化
    HTML5新标签: <header> , <nav>

  • HTML5基础实战 - 第一部分：初试锋芒(1) 引言

    2011-09-05 09:51

    HTML5反映了在网络上和在云端实施业务的方式的巨大变化。本篇文章是一个由四个部分构成的系列的第一部分，该文章系列旨在寻找并突出说明HTML5中的变化。其开始先介绍新的标签和页面的组织，然后提供一些网页设计方面的高层面信息，比如说表单的创建、API的使用及其价值所在，以及Canvas提供的一些颇具创意的可能做法等。

    HTML5是一种设计来组织web内容的语言，其目的是通过创建一种标准的和直观的UI标记语言来把web设计和开发变得容易起来。HTML5提供了各种切割和划分页面的手段，其允许你创建的切割组件不仅能用来逻辑地组织站点，而且能够赋予网站聚合的能力。 HTML5可谓是“信息到网站设计的映射方法”，因为它体现了信息映射的本质，划分信息，并给信息加上标签，使其变得容易使用和理解。这是HTML5富于表现力的语义和实用性美学的基础，HTML5赋予设计者和开发者各种层面的能力来向外发布各式各样的内容，从简单的文本内容到丰富的、交互式的多媒体无不包括在内。

    HTML5提供了高效的数据管理、绘制、视频和音频工具，其促进了web上的和便携式设备的跨浏览器应用的开发。HTML5是驱动移动云计算服务方面的发展的技术之一，因为其允许更大的灵活性，支持开发非常精彩的交互式网站。其还引入了新的标签（tag）和增强性的功能，其中包括了一个优雅的结构、表单的控制、API、多媒体、数据库支持和显著提升的处理速度等。

    HTML5中的新标签都是能高度关联唤起的，标签封装了它们的作用和用法。HTML的过去版本更多的是使用非描述性的标签，然而，HTML5拥有高度描述性的、直观的标签，其提供了丰富的能够立刻让人识别出内容的内容标签。例如，被频繁使用的<div>标签已经有了两个增补进来的<section>和<article>标签。 <video>、<audio>、<canvas>和<figure> 标签的增加也提供了对特定类型内容的更加精确的描述。

    阅读全文
    文章分类: 综合实战
    文章标签: CSS3 , JavaScript , 用户体验 , 语义化

  • 八宗罪：来自天融信的HTML5安全威胁报告

    2011-08-29 17:49

    HTML5是万维网联盟(W3C)发布的新一套渲染网页标准，在给全球互联网带来更多功能的同时，HTML5也引来了黑客们的兴趣，黑客们现在可以更多地对HTML5和JavaScript发动恶意攻击，甚至比以往任何时候都要容易。比如，谷歌Chrome、Safari、Firefox和Opera等浏览器基于HTML5所部署的离线应用程序缓存功能就很容易受到黑客攻击。而HTML5的WebSocket技术向浏览器提供了一种网络通信协议，也可以被用做秘密的后门通信。

    技术的发展与变革已经不能靠单一的某项技术来推动，如同HTML5一样，它的新使命是将 Web带入一个成熟的应用平台，所以HTML5并不是简单的HTML标签的升级，而是涵盖了各种新的JS API函数，比如本地存储、拖放操作、地理定位、视频、音频、图像、动画等。同时，HTML5平台下CSS3的完善也使得WEB前端的表现力更加活跃。那 么由此，我们可以把HMTL5平台下的新安全风险分为三方面：HTML+JS+CSS。这些风险已经逐渐开始得到了业内人士的关注。

    本月刚刚结束的“2011年中国计算机网络安全年会”除了探讨 “移动互联网安全"、“网络安全技术前沿”、“通信基础设施安全”、“地下经济和网络犯罪”等话题外，最引人瞩目的话题无疑要属于“HTML5安全威胁”。天融信资深安全专家徐少培代表天融信在会上首次正式发布了HTML5安全威胁报告。可以预见，HTML5安全威胁论未来将成为业界最为关注的安全话题之一。下面我们就一一看看这些风险到底是怎样的。

    阅读全文
    文章分类: 心得杂谈
    文章标签: CSS3 , JavaScript , 安全

  • 创建全新的HTML5表单

    2011-07-25 10:01

    经历了12年之久，万维网的核心语言（HTML或超文本标记语言）终于迎来了HTML5主要修订版本。虽然万众期待的版本仍处于测试阶段并且没有宣布正式推出的日期，HTML5的网页设计师和程序员已经就有关最新功能展开了热烈讨论。

    根据W3C，HTML5新特性的目的是在改善嵌入诸如视频的多媒体支持，提供更好的用户体验和更简单的编程。虽然HTML4中已经取得了巨大成功，（甚至被认为最成功的标记格式已经发布）在互联网世界的每个人都耐心等待，浏览器更新时得到最新的HTML版本。随着时间推移，人们都很纳闷，还等什么呢？事实上HTML5已经被很多浏览器支持，比如Safari, Chrome, FireFox, Opera, 以及其他主流浏览器。即使是IE9也准备好了支持新的HTML5。 HTML5的好处是，它是向后兼容的，因而，如果你乐于更新你的网站，现在你就可以。只是有几个浏览器不完全兼容HTML5。

    升级到HTML5是相当容易的，因为它与HTML4兼容。事实上，我们没有理由摒弃HTML4的所有，因为HTML5只是一个简单的增加一堆新而酷的功能添加到HTML4核心语言。升级（如果你是这样认为）到HTML5是非常简单的。你所需要做的的是修改你的DOCTYPE。这种新的更新有助于让事情变得简单，而在HTML4中有你可以使用不同的文档类型，使得这一点更加棘手。你现在就可以更新你所有的网站，它们不会崩溃，因为所有HTML4的标签在HTML5还是100％支持的。

    阅读全文
    文章分类: 教程学习
    文章标签: JavaScript , 表单 , 输入类型

  • 深度分析：HTML5在移动开发方面的发展状况

    2011-07-12 09:59

    “我们正在用HTML5编写我们下一套移动产品。”“是啊，这些天很多人在玩着Appcelerator，我也在玩着。”“嗯，但这并不是我要说的那种HTML5产品。”

    最近，我有很多类似的交流对话，可能因为我正在开发一套HTML5的应用吧。就像2005年的“AJAX”，“HTML5”这个术语现在还没有被清晰地定义，在未确定这个新技术有什么优势前，它就已经被四处套用，甚至投入运营。

    如果你在一间被热衷新技术的管理人掌控的公司里任职，如果你走运，那么漫画人物呆伯特先生可能非常愿意坐在你隔壁的小房间。

    两种看法

    当人们讨论移动设备上的HTML5技术时，他们通常只会有两种不同的看法。

    从感性的角度来看，HTML5技术的渲染过程主要是由浏览器、内嵌HTML5解析器的应用程序 (如PhoneGap)、支持书签打开方式的应用程序又或者是移动手机产品(iPhone和iPad)进行的。这种技术的好处就是能重用现有的网页设计，Web开发人员也更容易上手，同时产品具备更高质量，更适用于多平台产品。也更易于调试和修正错误，并且，版本更新会更快。此消彼长，优势是它的功能，如果你像PhoneGap一样使用内嵌的架构，那么你会少很多麻烦事，劣势就是它的表现，这也是HTML5技术面临的最大难题。

    阅读全文
    文章分类: 心得杂谈
    文章标签: JavaScript , jQuery Mobile , Sencha Touch , UI工具包 , Web标准 , 移动应用

  • 为HTML5的未来制定学习计划

    2011-07-08 09:39

    利用web技术进行应用开发的趋势已深入人心，甚至web浏览器以外亦是如此。最近披露Windows 8将会为编写运用HTML 5技术的应用提供支持只不过是契合了其在开发界的转变而已。因此问题是：你打算如何应对？

    如果你没有在一直地密切跟踪，很容易就会做出这样的猜测，为什么突然之间Web技术会扮演桌面应用开发平台的角色。在正在定稿的HTML5标准里面，添加了一些新的项目，这些项目为HTML目前的文档格式附加上了真正的应用开发能力。过去，庞大的JavaScript框架及浏览器插件是某些相当琐碎的功能之所需。

    HTML5依靠添加对视频流、多线程以及异步处理（通过“Web Workers”消息传递系统）、利用套接字直接通信等的支持来改变这场游戏。尽管一个文档格式标准拥有这些能力会吓到某些人（包括我本人在内），但是车轮滚滚，这仍是HTML 5的前进方向，而且它还有苹果、微软、谷歌、Mozilla、Adobe等公司给它撑腰。此外，各种不同的框架的存在让它能够轻易地将Web应用直接与后台的Web服务连接起来。其结果是，对于许多任务来说，HTML 5现在跟Silverlight、Flash、Flex/AIR以及JavaFX等技术一样出色（尽管在某些事情上那些仍做得更好）。

    以下就是你希望学习来步入此门槛的技术：

    阅读全文
    文章分类: 心得杂谈
    文章标签: CSS , JavaScript , jQuery , Windows 8 , 学习
Syndicate content