HTML5 - ITeye技术社区

[Web前端] 基于javascript和canvas（画布）的开源HTML5应用开发框架 - iio Engine

日期：2013-5-5 来源：GBin1.com 随着HTML5的发展，越来越多的基于HTML5技术的网页开发框架出现，在今天的这篇文章中，我们将介绍iio Engine，它是一款开源的创建HTML5应用的web框架。整个框架非常的轻量级，只有45kb大小，并且整合了debug系统，并且跨平台支持。不依赖任何第三方的类库，可以支持Box2D，拥有完整的文档支持。支持快速的开发。 ...

分享 HTML5 前端框架 canvas

0顶6踩

tyygming 评论(0) 有1148人浏览 2013-05-05 22:38

[Web前端] 帮助你更快的进行网站设计 - Markup Framework

日期：2013-4-30 来源：GBin1.com Markup是一套布局，小组件，UI组件和字体排版样式的框架，可以帮助你快速的执行web相关的设计和开发，相信没有人愿意自己花时间从最基础的层次开发web应用或者是网站，而Markup恰好很方便的帮助你解决了所有的dirty work。主要的特性使用最新的HTML5和CSS3标准最小化标签，页面体积小搜索引擎友好纯C ...

UI 分享 CSS3 HTML5 前端框架

1顶4踩

tyygming 评论(1) 有1004人浏览 2013-05-02 18:41

[Web前端] CSS的未来：游戏的变革Flexbox

日期：2013-4-26 来源：GBin1.com 相关阅读：使用Flexbox布局方式的简单演示 HTML5和CSS3给网络开发者提供了新的语法标签，本地动画工具，服务器端字体等等新增功能，这些并不是结束。开发者正苦于为网页设计挖出一条战壕 - 真正的页面排版工具，事实上，即便是最有前途的CSS3现在也仍旧是在地平线上。虽然它可以创造出令人惊讶的复杂布局，例如CSS悬浮，定位规 ...

css css的未来 flexbox css3 html5

0顶4踩

tyygming 评论(0) 有834人浏览 2013-05-02 18:17

[Web前端] 分享两套免费的超棒响应式HTML5网站模板

日期：2013-4-18 来源：GBin1.com 在今天的文章中，我们分享两套响应式HTML5网站模板。它们每套模板共有6个不同色彩的主题，不同的视觉感和创新感绝对会让你眼前一亮！希望你们喜欢我们今天的推荐！免费的响应式HTML5网站模板 - continents 包含6款不同色彩的主题，主要特性： HTML5/CSS3兼容支持响应式的导航菜单使用google webfon ...

响应式模板网站模板 html5 响应式 responsive

0顶0踩

tyygming 评论(0) 有1091人浏览 2013-04-30 22:38

[Web前端] HTML5/CSS3系列教程：使用SVG图片

日期：2013-3-25 来源：GBin1.com 在我们开始使用SVG前，让我们先了解一下 SVG，并且解释一下为什么使用SVG。 SVG全称是Scalable Vector Graphics，如果你使用过adobe Illustrator的话，相信你对这种适量格式的图片并不陌生！为什么使用SVG？文件非常小能够无损失的缩放尺寸在Retina显示 ...

html5 svg scalable-vector

0顶0踩

tyygming 评论(0) 有1052人浏览 2013-04-15 20:01

[Web前端] HTML5/CSS3系列教程：使用SVG图片

日期：2013-3-25 来源：GBin1.com 在我们开始使用SVG前，让我们先了解一下 SVG，并且解释一下为什么使用SVG。 SVG全称是Scalable Vector Graphics，如果你使用过adobe Illustrator的话，相信你对这种适量格式的图片并不陌生！为什么使用SVG？文件非常小能够无损失的缩放尺寸在Retina显示屏上效果超棒能够控 ...

html5 svg scalable-vector

0顶9踩

tyygming 评论(0) 有991人浏览 2013-03-26 13:34

[Web前端] HTML5 中fullscreen 中的几个API和fullscreen欺骗

HTML 5中的full screen，目前可以在除IE和opera外的浏览器中使用，有的时候用来做全屏API，游戏呀，等都很有用。先看常见的API 1 element.requestFullScreen() 作用：请求某个元素element全屏 2 Document.getElementById(“myCanvas”).requestFullScreen() 这里是将 ...

html5

2顶1踩

jackyrong 评论(0) 有17511人浏览 2013-03-15 20:48

[Web前端] 纯css 应用使得网站各个模块切换平滑过渡

首先创建一个百分百的 layout 然后创建各个panel layout 然后应用按钮加上平滑过渡效果这样会使得网页更加丰富生动 <div class="st-container"> <input type="radio" name="radio-set" checke ...

html css html5 css3 query

1顶0踩

guangqiang 评论(0) 有1893人浏览 2013-03-15 14:26

[Web前端] HTML 5中又新增加main标签

HTML 5新增加的标签元素已经够多的了，在2013年2月份，又增加了<main>标签，参考： http://www.w3.org/html/wg/drafts/html/master/grouping-content.html#the-main-element 其中定义如下： The main element represents the main content of the ...

html5

2顶0踩

jackyrong 评论(0) 有4343人浏览 2013-02-13 09:02

[Web前端] html 5中localstorage小结

html 5中的localstorage的小结 demo,如下: 1) <!DOCTYPE HTML> <html> <head> <title>HTML5 Web Storage</title> </head> <body> <h1>HTML5 Web Storage</h1> ...

java html5

1顶0踩

jackyrong 评论(0) 有2741人浏览 2013-02-07 23:00

[Web前端] HTML5的中canvas的高级应用

今天要说下 HTML5特有的一个元素 canvas ，旨在让web页面上作矢量图不需要在依靠flash或是其他插件，在网页上使用canvas元素时，它会创建一块矩形区域，默认300*150，当然也是可以自定义的。Canvas中的坐标是从左上角开始的，x轴沿着水平方向（按像素）向右延伸，y轴沿垂直方向向下延伸。左上角坐标为x=0，y=0的点称为原点。

html5 web

0顶0踩

wungking 评论(4) 有2716人浏览 2013-02-04 16:57

[移动开发] HTML5学习记录之HTM5的设计

今天有幸发现了一篇外国大神写的文章，详细的介绍了HTML的发展过程，以及HTML5的来源，其中也给我纠正了一个问题--关于DOCTYPYE的真正含义，先把书名� ...

html5 flash web

0顶0踩

wungking 评论(0) 有1888人浏览 2013-02-01 15:05

[Web前端] 验证是否支持html5的Video标签及MP4视频播放

做了一个wifi热点生活资讯小项目，其中涉及的视频播放，若手机浏览器支持html5并且能播放MP4格式文件则在浏览器播放，若不支持则用手机自带播放器播放，那如何检测呢，这就用到了下边的代码： var test= !!(document.createElement('video').canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2& ...

html5 验证 video MP4 javascript

0顶0踩

dujunxiaochuan 评论(0) 有2206人浏览 2013-01-30 11:32

[Web前端] HTML5/CSS3系列教程：HTML5基本标签使用header，nav和footer

日期：2013-1-15 来源：GBin1.com 大家可能都知道HTML5中出现了很多以前没有的标签，例如，header，nav，和footer，在这之前我们如果开发相关的页面布局� ...

HTML5 header footer html5标签响应式

1顶0踩

tyygming 评论(0) 有1175人浏览 2013-01-17 14:53

[移动开发] 基于宝贝鱼(CshBBrain)开发聊天类应用群发消息的问题

最近有网友基于宝贝鱼(CshBBrain)开发聊天类应用遇到群发、广播消息的问题，现已处理，将处理过程贴出来供开发这方面应用的朋友参考，少走弯路。(宝贝鱼(CshBBrain) 的使用问题本想开一个群组讨论的，在iteye上我无法再创建群组了，只有贴到专栏来了) 请教一个在使用Websocket服务端时关于消息广播的问题你好，想跟你请教个问题：在运行股票的那 ...

CshBBrain 宝贝鱼 NIO AIO html5

1顶1踩

CshBBrain 评论(1) 有2404人浏览 2013-01-12 09:30

[移动开发] 移动浏览器内核及连接数

移动浏览器内核 Android和iOS上使用的浏览器内核都是WebKit内核,UC 的U3内核和QQ的X5内核都是在开源的WebKit基础上修改的,或者说是WebKit内核的分支版本。浏览器使用的WebKit版本可以在UserAgent中查看。如: Mozilla/5.0 (Linux; U; Android 2.3.5; zh-cn; MI-ONE Plus Build/GINGERBR ...

浏览器 webkit html5 mobile

1顶4踩

kjah 评论(0) 有3294人浏览 2013-01-07 09:34

[Web前端] 用 jQuery.ajax 基于 XMLHttpRequest,FormData 的表单上传

XMLHttpRequest 已经推出很长时间了，W3C 对此引入了一些很好的特性,阮一峰有一篇很好的文章对此进行了汇总式的介绍 XMLHttpRequest Level 2 使用指南。在实际使用中排除那些落伍的浏览器，最简单的使用方法就是用标准的 HTML 语法生成 FORM 表单 hander 表单的 submit 事件,用 FormData 生成 XMLHttpReque ...

Ajax jQuery HTML5 XMLHttpRequest FormData

1顶1踩

achun 评论(0) 有14257人浏览 2013-01-06 15:34

[Web前端] HTML 5中地理位置api小结

HTML 5提供了地理位置等一系列API可以给用户使用，方便用户制作LBS的地理应用，首先在支持HTML 5的浏览器中，当开启API时，会询问是否用户同意使用api，否则不会开启的，保证安全。 1）开启，判断是否浏览器支持LBS api function isGeolocationAPIAvailable() { var location = "No ...

html5 地理位置

3顶5踩

jackyrong 评论(0) 有2196人浏览 2013-01-02 10:58

[Web前端] HTML 5中为audio标签增加停止按钮

在html 5中的audio标签中，只有暂停按钮，但没有停止按钮，其实为其增加也不麻烦，方法如下： HTMLAudioElement.prototype.stop = function() { this.pause(); this.currentTime = 0.0; } 其实很简单，就是先暂停，然后时间归0；调用方法： var aud = ...

html5

2顶5踩

jackyrong 评论(2) 有2453人浏览 2013-01-02 22:54

[Web前端] 初识html5的个人看法

今天看了一下html5的文档总体来看有以下几点做的比较好 1、画图功能这个是最让我觉得实用的地方，html5有两种画图方式一种是“画布（canvas）”画图特点是逐个象素进行渲染，通俗点就是可以对每个象素进行修改和绘制，一旦图形被绘制完成，它就不会继续得到浏览器的关注。如果其位置发生变化，那么整个场景也需要重新绘制，包括任何或许已被图形覆盖的对象。另外一种是SVG画图，SVG 是一种使 ...

html5

0顶0踩

fcjit 评论(0) 有1044人浏览 2012-12-28 17:42

[Web前端] 初探一下html5的performance相关

前言：本文部分内容来源于http://w3c-test.org/webperf/specs/NavigationTiming/ 以及一些互联网资料个人做积累学习用，感谢！正文： window下面引入了一个新的对象：下图为本人chrome返回：已实现草案定义的接口的浏览器： IE9+ Chrome11+ ...

performance html5

1顶2踩

zhangyaochun 评论(0) 有2580人浏览 2012-12-28 13:46

[Web前端] Backbone入门指南（七）：Router和History (路由控制器)

10. Router和History (路由控制) 　　Backbone.Router担任了一部分Controller（控制器）的工作，它一般运行在单页应用中，能将特定的URL或锚点规则绑定到一个指定的方法（后文中称Action）。　　当我们开发一个单页应用时，常常会遇到这样两个问题：　　我们在同一个页面中通过用户的操作来隐藏、显示HTML块，为用户提供一个无刷新、完整流畅的体验，但用户可 ...

Backbone Underscore JavaScript HTML5 MVC

10顶0踩

yujianshenbing 评论(4) 有21326人浏览 2012-12-18 17:01

[Web前端] Backbone入门指南（五）：Collection (数据模型集合)

8. Collection (数据模型集合) 　　如果将一个Model对象比喻成数据库中的一条记录，那么Collection就是一张数据表。它表示为一个模型集合类，用于存储和� ...

Backbone Underscore JavaScript HTML5 MVC

11顶0踩

yujianshenbing 评论(3) 有17374人浏览 2012-12-17 09:33

[Web前端] Backbone入门指南（六）：View (视图)

9. View (视图控制器) 　　我们在前面的章节中介绍了Model和Collection，它们都是用于数据管理和交互，在本章我们讨论如何使用视图（View）将这些数据渲染到界面，以及如何管理界面事件和逻辑。　　Backbone中的视图提供了一组处理DOM事件、和渲染模型（或集合）数据的方法（在使用视图类之前，你必须先导入jQuery或Zepto）。　　视图类提供的方法非常简单，我们一般 ...

Backbone Underscore JavaScript HTML5 MVC

10顶3踩

yujianshenbing 评论(0) 有11445人浏览 2012-12-17 09:39

[Web前端] Backbone入门指南（四）：Model（数据模型）

7. Model (数据模型) 　　Model是Backbone中所有数据模型的基类，用于封装原始数据，并提供对数据进行操作的方法，我们一般通过继承的方式来扩展和使用它。　　如果你做过数据库开发，可能对ORM（对象关系映射）不会陌生，而Backbone中的Model就像是映射出来的一个数据对象，它可以对应到数据库中的某一条记录，并通过操作对象，将数据自动同步到服务器数据库。（下一节即将介绍的C ...

Backbone Underscore JavaScript HTML5 MVC

8顶2踩

yujianshenbing 评论(11) 有19494人浏览 2012-12-16 10:03

[Web前端] Backbone入门指南（三）：Events（事件管理）

6. Events (事件管理) 　　从这一章开始，我将正式介绍Backbone的内容，过程中会有许多例子和代码，你应该将这些代码复制到你的页面，并查看它们的运行效果。　　我介绍的第一个模块是Backbone.Events（事件管理），因为我在介绍任何其它的模块时都会提到它，你可以想象到它的重要性。　　Events是Backbone中所有其它模块的基类，无论是Model、Collectio ...

Backbone Underscore JavaScript HTML5 MVC

9顶1踩

yujianshenbing 评论(1) 有9373人浏览 2012-12-16 09:37

[Web前端] Backbone入门指南（一）：什么是Backbone?

1. 前言　　本文的目的，是帮助大家快速理解掌握Backbone的使用，但它并不是API，因此我不会将每一个方法都详细地描述，但是我会告诉你如何学习它们。　　这是一篇稍稍较长的技术文章，因为我想将我所了解的东西尽可能详细地分享给大家。但它还不至于出版为一本书籍，因为Backbone其实非常简单。当然，这并不表示Backbone提供的功能有限，相反，它能用简单的实现构建出复杂的应用，这正是B ...

Backbone Underscore JavaScript HTML5 MVC

23顶1踩

yujianshenbing 评论(6) 有19014人浏览 2012-12-15 17:22

[Web前端] Backbone入门指南（二）：依赖库Underscore

5. Underscore.js 　　Underscore封装了常用的JavaScript对象操作方法，用于提高开发效率。它本身与我们介绍的主题“Backbone”没有半毛钱的关系，因此你可以� ...

Backbone Underscore JavaScript HTML5 MVC

16顶1踩

yujianshenbing 评论(3) 有13166人浏览 2012-12-15 17:32

[Web前端] 分享28本关于HTML5的学习书籍（免费下载）

分享28本关于HTML5的学习书籍（免费下载） 1、用HTML5新特性开发移动App2、用HTML5CSS3实现媲美原生应用的交互体验3、改善HTML5网页性能-译4、WEB_HTML5在LBS社区中的应用5、WebQQ_3.0：让html5改变你对Web的看法6、HTML_5.0_+_CSS_3.0应用详解7、HTML5高级程序设计(2)8、HTML5高级程序设计(1)9、HTML ...

HTML5 HTML学习资料 HTML5书籍

0顶0踩

dengjianbin 评论(0) 有1266人浏览 2012-11-30 23:15

[Web前端] HTML5到底是什么

HTML5是什么一个假借人们对HTML的『跨平台』和『易发布』特性的期待，而拙劣的模拟 native 的平台。和Java一样，HTML从来不是『跨平台』，它就是平台。比Java强一些，HTML与hosting平台的融合性更好。比如它的control一般都是native。但是比Java更差，HTML的跨平台一致性很差。开发者能容忍它是因为很长一段时间里，分布式系统和互联网没有更好 ...

html html5 web

137顶20踩

justcss 评论(0) 有2896人浏览 2012-11-28 11:03