HTML 5: 画布（canvas）之承载媒体。呈现文本 - font, textAlign, textBaseline, strokeStyle, fillStyle, fillText(), measureText, TextMetrics.width; 呈现图片 - drawImage();
-
昨天有网友提问&ldquo;如何在html页面四角放置图片&rdquo;，下面就是答案，供这位网友参考。 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ...
2012年02月15日 19:000
-
此篇文档名为《Sencha Touch 2开发应用程序简介》，但官方文档目录中给它的说明是《All about Applications》，读后发现此篇堪称Sencha Touch MVC的总纲，对于理解ST的MVC模式意义重大，所以我把它作为翻译的第一篇文章。第一次发原创译文，水平有限，出现问题在
-
12款有助于简化CSS3开发的工具：网站开发者能通过CSS3为网站设计增添很多时尚元素，CSS3 对CSS规范做了很大的改进。
-
本文总结了30条html代码编写指南，只要在编写HTML代码的过程中牢记它们，灵活运用，你一定会写出一手漂亮的代码，早日迈入专业开发者的行列。
-
1）CleverCSSCleverCSS是个为CSS开发而产生的小型的标记语言，它的设计灵感来自Python,使得能够以一种简洁、结构化的方式构建样式表。在很多方面，它比CSS2更加爱简洁和强大。它与CSS最明显的不同之处在于语法：基于缩进而不是flat，很明显这有违Python指导，但这也不失为构建结构化样式的好点子。2）SassSass令CSS又有趣起来，它对CSS3进行了扩展，增加了嵌套规则 ...
-
直接上代码。onReady: function(){ //定义数据结构 Ext.define('Contact', { extend: 'Ext.data.Model', fields ...
2012年02月15日 11:001
-
对于电子商务网站来说，让客户在购物过程中简单快捷是最重要的，其次是要有精美的页面设计以及产品图片吸引更多客户去购买商品。这里收集了60佳国外优秀的电子商务网站设计案例，希望能带给你灵感，一起欣赏。
2012年02月15日 10:000
-
一、Web传统网站Web传统网站是一个&ldquo;完美&rdquo;的&ldquo;和谐社会&rdquo;，一切即table，table即一切，表格似乎和谐一切...二、David Siegel 印刷专家David Siegel：&ldquo;有人说我毁掉了Web，我回答他们，的确如此。我毁掉了Web是因为我把巧克力和花生酱混合在一起却再也不能把他们分开。 ...
-
1）CleverCSSCleverCSS是个为CSS开发而产生的小型的标记语言，它的设计灵感来自Python,使得能够以一种简洁、结构化的方式构建样式表。在很多方面，它比CSS2更加爱简洁和强大。它与CSS最明显的不同之处在于语法：基于缩进而不是flat，很明显这有违Python指导，但这也不失为构建结构化样式的好点子。2）SassSass令CSS又有趣起来，它对CSS3进行了扩展，增加了嵌套规则 ...
-
IE系列 filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FF0000',endColorStr='#F9F900',gradientType='0');参数：startColorStr起始颜色 endColorStr结束颜色 gradientType为0时代表垂直，为1时代表水平 Firefox b ...
-
<!doctype html> <html> <head> <title>canvas简单画板</title> <style type="text/css"> #can{ width:600px; height:500px; border:1px solid #ccc; margin-t ...
-
cnGameJS是本人开发的一个基于HTML5的游戏框架，包括资源加载，碰撞检测，动画等模块。本系列文章主要介绍各个模块的开发流程，以及附上一个使用该框架进行开发的小游戏demo：《超级玛丽游戏demo》
-
<iframe src="http://m.weather.com.cn/m/pn12/weather.htm " width="245" height="110" marginwidth="0" marginheight="0" hspace="0" vspace=&qu ...
2012年02月14日 23:000
-
前言 上一章中,我们讨论了环境的配置,这本章中我们,写一个小模块来贯通学习,phonegap对摄像头的调用,已经phonegap对于拍下来的照片的处理,已经,使用本地数据库保存我们的数据,让在程序重新运行的时候能够保留我们的结果.先说明一下,为了,减少工作量,很多地方由于,官方文档已经很详细了我就难得在描述了,如果有些地方,没有而官方文档也没有的话,可以来问我... 例子设计 ...
-
1. 星星评级(http://kitjs.co.cc/demo/StarLevel/demo.html) 支持Webkit核心，使用方法如下浏览器上，用鼠标在星星上按下，左右移动，选择星星级别，释放左键，选择成功，给出提示手机上，手指按下，左右移动，选择星星级别，手指移开，选择成功，给出提示 2. 标签选项卡(http://kitjs.co.cc/demo/TabPan ...
-
功能说明： 基于HTML5的超级玛丽游戏的demo，方向键左右控制移动，方向键上控制跳跃，该游戏基于本人开发的HTML5游戏框架cnGameJS（详情点击这里：HTML5游戏框架cnGameJS开发实录）。 请用最新版本浏览器查看。效果展示： 代码实现： 该游戏demo主要包含的元素有：资源加载，外部输入，碰撞检测，动画，游戏循环以及场景，我将一步步进行分析讲解。 1.资源加载： ...
-
网页邮件，顾名思义，就是能通过邮件形式发给对方的网页。相比普通邮件，网页邮件更能夺人眼球，精心设计的网页邮件，能将你要传达的信息灌输给接收者（在其将网页扔进垃圾箱前的几秒钟内）。同样，在节假日或亲友、客户生日时，发送一个自己精心设计的网页邮件更让对方感动。网页邮件的做法 网页邮件相比普通网页有两点特殊的地方：一、html源码内不能有<html>、&l ...
-
此篇文档名为《Sencha Touch 2开发应用程序简介》，但官方文档目录中给它的说明是《All about Applications》，读后发现此篇堪称Sencha Touch MVC的总纲，对于理解ST的MVC模式意义重大，所以我把它作为翻译的第一篇文章。第一次发原创译文，水平有限，出现问题在
-
HTML 5 是一个新的网络标准，目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准。它希望能够减少浏览器对于需要插件的丰富性网络应用服务（plug-in-based rich internet application，RIA)，如Adobe Flash, Microsoft Silverlight, 与 Sun JavaFX 的需求。HT ...
-
Demo页面：主页面 iframe_a.html ，被包含页面 iframe_b.htm 和 iframe_c.html通过Google搜索iframe 自适应高度，结果5W多条，搜索iframe 高度自适应，结果2W多条。 我翻了前面的几十条，刨去大量的转载，有那么三五篇是原创的。而这几篇原创里面，基本上只谈到如何自适应静的东西，就是没有考虑到JS操作DOM之后，如何做动态同步的问题。另外，在兼 ...
2012年02月13日 15:001
-
HTML 5: 画布（canvas）之绘制图形。画布 Demo - 画布的基本概念及 Demo; 在画布上绘制矩形; 在画布上绘制弧线（以路径的方式）; 在画布上绘制曲线（以路径的方式）; 在画布上绘制直线（以路径的方式）; 在画布上绘制矩形（以路径的方式）- rect()
-
zIndex 属性设置元素的堆叠顺序。该属性设置一个定位元素沿 z 轴的位置，z 轴定义为垂直延伸到显示区的轴。如果为正数，则离用户更近，为负数则表示离用户更远。<html><head><script type="text/javascript" language="javascript"> function sAler ...
-
CSS属性简写我相信大家都有所了解，使用CSS简写可以大大的优化网站的css文档的体积，又有人称之为&ldquo;网页减肥&rdquo;这里我就具体的讲解CSS属性简写规则，这方面的资料网上也很容易的就可以搜索到一大堆，在这里我与大家分享的只是一些自己在CSS简写优化方面的经验总结；【1】、CSS字体属性的简写优化：例如以下的CSS字体属性：1 .mydiv {2 ...
-
前言 上个月我设计一个基于JQM的webapp作为我的毕业设计 jQuery moible 开发笔记之项目设计 http://www.cnblogs.com/youxilua/archive/2012/01/03/2310963.html 结果…当然是做完了…效果嘛,作为毕业设计还可以,但是实际使用起来实在不给力,例如,窗口的浮动,流量的消耗,还有对于设备配置的依 ...
-
Web网站可用性的关键指标是速度，更确切地说，是页面能以多快的 速度出现在访问者的浏览器窗口里。影响速度的因素有很多种，包括Web服务器的速度、访问者的Internet连接情况，以及浏览器必须下载的文件大小。 尽管你无法控制服务器和连接的速度，但是你可以控制构成网站Web页面的文件大小。 为了让网站能够更快，Web的建设者都会按常规地压缩和优化网站上的每一个图像文件，这常常使得为了将文件的大小 ...
-
> Example: <http://www.williamsauction.com/ca_all.php> -- There should be > up arrows and down arrows at the top of each column, but the Webdings > font isn't being used in Firefox, w ...
-
1. HTTP Headers 入门http://rlog.cn/?p=5212. 当你输入一个网址的时候，实际会发生什么?http://article.yeeyan.org/view/54517/913673. 你真的了解HTML吗？题目<P> 哥写的不是HTML，是寂寞。<br><br> 我说：<br>不要迷恋哥，哥只是一个传 ...
-
一、不要使用section作为div的替代品人们在标签使用中最常见到的错误之一就是随意将HTML5的<section>等价于<div>&mdash;&mdash;具体地说，就是直接用作替代品(用于样式)。在XHTML或者HTML4中，我们常看到这样的代码：12345678910111213141516<!-- HTML 4-style code --& ...
-
Web技术的发展速度太快了，如果你不与时俱进，就会被淘汰。因此，为了应对即将到来的HTML5，本文总结了22个HTML5的初级技巧，希望能对你进一步学习好HTML5会有所帮助。1. 新的Doctype声明XHTML的声明太长了，我相信很少会有前端开发人员能手写出这个Doctype声明。复制代码运行代码编辑代码<!DOCTYPE html PUBLIC "-//W3C//DTD XH ...
-
淘宝网的语音搜索也有了一阵子了，但似乎都没看到相关的博客或帖子在说这个如何实现，今天查了点资料，发现原来实现是如此简单，可能是因为太简单了，也就没有人讨论了吧。 其实实现只需一句代码即可：x-webkit-speech 一看到这句代码，想到了什么？对，这说明语音搜索只支持webkit内核浏览器，那么这段代码具体要放在哪呢？<input type="text" nam ...
-
在Html4中，我们可以通过监听mousedown、mousemove、mouseup来实现拖放效果。在Html5中，直接提供了支持拖放操作的API，我们可以很简单的几步就可以实现拖放的效果。 实现的概要 首先我们了解下跟拖动相关的事件： 事件 产生的源对象 说明 dragstart 被拖动的 ...
-
从网上找了一段时钟实例的小程序，然后我把它移到jQueryMobile代码结构中，先看下效果：再看下代码：<!DOCTYPE html><html><head><title>html5 clock</title><meta content="text/html; charset=UTF-8"></he ...
-
以下这些案例使用了HTML5，所以请在对HTML5支持完好的浏览器上欣赏，比如最新版本的Chrome、Opera、Firefox。Flash 和 HTML5的对决是当今最热门的话题之一，但我们现在不争论哪个更好。不过Flash将永远是富内容网页应用和游戏不错的选择，除非HTML5在未来几年有一些重大的发展，HTML5同样是在不断完善中，也具有非常酷的动画和简单游戏的应用。今天，我们收集了50个非常 ...
-
简介如果你经常网上冲浪，这样参差不齐的多栏布局，是不是很眼熟啊？类似的布局，似乎一夜之间出现在国内外大大小小的网站上，比如 Pinterest (貌似是最早使用这种布局的网站了)，Mark之，蘑菇街，点点网，以及淘宝最新上线的&ldquo;哇哦&rdquo; 等等，倒是很流行哈~ 在淘宝即将上线的众多产品中，你还会大量看到这样的形式呢。这种布局适合于小数据块，每个数据块内容相近且没 ...
2012年02月08日 20:001
-
<a name="a1">a1</a><a href="#a1">1</a>弊端：--产生一个无意义的 a 标签；-- a 标签缺少 href 属性，不符合 XHTML 标准；--多了 name 属性，不符合 XHTML 标准。解决办法：使用 id 时，我们不再局限于 a 标签，可以用于其他标签<h2 i ...
-
这两年中，HTML5发展的如火如荼，再不学习一下，觉得自己都落后了。说到HTML5，最让我惊心动魄的特性我觉得就是全新的WebSocket通信协议了。有"Web通信TCP"之称的 WebSocket的出现使得浏览器提供对 Socket 的支持成为可能，从而在浏览器和服务器之间提供了一个基于TCP连接的双向通道。Web开发人员可以非常方便地使用WebSocket构建实时web应用 ...
-
JavaScript脱离浏览器的限制以后，隐隐有再次走向光明的迹象，看来还得重新审视一下它的前景。由于条件有限，这里所有的例子是运行在Windows平台下的。而且由于目前并没有太好的组织JS程序的IDE工具，所以使用VS2010的WebSite类型建立了一个空的Web，方便组织文件和文件夹。node.js node.js(简称为Node)不是JavaScript应用、而是JavaSc ...
-
为什么需要socket.io？ node.js提供了高效的服务端运行环境，但是由于浏览器端对HTML5的支持不一，为了兼容所有浏览器，提供卓越的实时的用户体验，并且为程序员提供客户端与服务端一致的编程体验，于是socket.io诞生。 socket.io设计的目标是支持任何的浏览器，任何Mobile设备。目前支持主流的PC浏览器(IE,Safari,Chrome ...
-
继续天天练习HTML标签，今天讲的主要是定义文本的一些尺寸：1）<font> 定义HTML里，指定文本的字体、颜色及尺寸；看似功能很强大，但目前在HTML4及XHTML中通常已经不被推荐。最好用CSS样式来定义更具体的内容。 2）<b>粗体显示文字； <big>用大字体显示文字； <small>用小字体显示文字； <sup& ...
-
HTML 5: 表单元素 - form, label, button, select, option, optgroup, datalist, textarea, fieldset, legend, progress, meter, keygen, output; 表单验证
-
代码简介：采用流行的FLASH+代码内容：View Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html ="http:/ ...
-
对于电子商务网站来说，让用户在购物过程中简单快捷是最重要的，其次是要有精美的页面设计以及产品图片吸引更多客户去购买商品。这里收集了60佳国外优秀的电子商务网站设计案例，希望能带给你灵感，一起欣赏。
2012年02月08日 09:001
-
通常我们想让内联元素为行块布局显示，有2种方法，最常见的是方法是.selector {display:block;float:left;......}，第二种方法是.selector {display:inline-block;......}，对于第二种方法，在IE浏览器中得到支持，测试结果会认为IE能识别display:inline-block属性，而最近查阅了资料后，得到结果并非如此..... ...
2012年02月08日 00:000
-
if ($ != jQuery) { $ = jQuery.noConflict();}var isLogined = false;var cb_blogId = 103580;var cb_entryId = 2341811;var cb_blogApp = "clarkhan";var cb_blogUserGuid = "4698e587-3418-e111-b ...
-
人生当中第一个网站项目,BUG发生在IE6.0上,除了首页以外的其它页面所有的背景图片不显示,查阅大量资料后无果,把我搞的头痛欲裂。最后把首页的代码替换调试,终于找到了BUG的来源了,原来是DW自动生成的代码上出了问题,简体中文的编码是GB2312,结果DW生成的编码是UTF-8的,十分无奈,深刻明白了手写代码的重要性,打算以后使用EditPlus来写代码了,杜绝此类问题再次发生。得出结论:字符编 ...
-
interface DOMTokenList { readonly attribute unsigned long length; getter DOMString item(in unsigned long index); boolean contains(in DOMString token); void add(in DOMString token); void remove(in ...
-
代码简介：采用CSS结合部分图片实现的漂亮实用的中国地图，相信这个地图能帮到你，运行一下，您就知道了。代码内容：View Code <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loos ...
-
interface NodeList { getter Node? item(unsigned long index); readonly attribute unsigned long length;};item(index)释义item(index)属性必须返回集合中的第index个节点。如果集合中不存在第index个节点，则该方法必须返回空。兼容性状态IE 6支持。IE 7/8支持。IE ...
-
interface HTMLElement : Element { // 访问DOM树 NodeList getElementsByClassName(in DOMString classNames); // 动态插入标记 attribute DOMString innerHTML; attribute DOMString outerHTML; vo ...
-
[Constructor(DOMString type, optional EventInit eventInitDict)]interface Event { readonly attribute DOMString type; readonly attribute EventTarget? target; readonly attribute EventTarget? currentTa ...
-
在网页设计中，应用大背景图片可以让你的网页看起来更加整体，如果能和页面的其它组成部分很好的融合那就能让网站更有吸引力。本文从网上收集了在网页中应用照片作为大背景的精美网站作品案例，希望能带给你灵感。
2012年02月06日 12:002
-
HTML 5: 表单元素之 input 元素 - text, password, url, telephone, email, search, file, radio, checkbox, button, submit, reset, number, range, image, hidden, co
-
代码简介：【荐】很棒的图片友情链接带控制按钮的横向滚动代码,带控制按钮,这里已经将横向锁定,不能将其修改为竖向的,否则会出错,专一用于横排的图片滚动,也可以不用作友情链接,产品滚动当然也可以哦.代码内容：View Code <title>【荐】很棒的图片友情链接带控制按钮的横向滚动代码 - www.webdm.cn</title><style>.roun .ro ...
-
很早以前，记得在ASP.NET中，只要是在服务器控件里面添加了name属性，就会有一条警告，如下图所示，久而久之，以为对与html而言，name属性是多余的，可以去掉的，直到ASP.NET mvc的出现，鼓励细粒度的控制HTML的展示，才发现被微软欺骗了好几年！ 下面是一个简单的html表单，几个单选和多选框还有一个文本框，这些html标签只有id属性，没有name ...
-
还是P话说一句：周六，没地方去，看了会火影，然后接着看点东西，记录之！Web页面运行在各种各样的浏览器当中，浏览器载入、渲染页面的速度直接影响着用户体验简单地说，页面渲染就是浏览器将html代码根据CSS定义的规则显示在浏览器窗口中的这个过程。先来大致了解一下浏览器都是怎么干活的： 1. 用户输入网址（假设是个html页面，并且是第一次访问），浏览器向服务器发出请求，服务器返回html文件； ...
-
P话一哈，这和优化大同小异的意思，今天被问到，事后都不知道当时说的什么，惭愧，看的东西太少了。1 减少HTTP请求数量 (Minimize HTTP Requests)tag:content80%的用户响应时间被花费在前端，而这其中的绝大多数时间是用于下载页面中的图片、样式表、脚本以及Flash这些组件。减少这些组件的数量就可以减少展示页面所需的请求数，而这是提高网页响应速度的关键。朴素的页面设计 ...
2012年02月04日 17:440
-
2011年是 HTML5 蓬勃发展的一年，随着 HTML5 技术的日渐成熟，移动互联网将成为 HTML5 发展最大的舞台，我们有理由相信，在不久的将来，HTML5 将引领互联网新革命。本期的 HTML5 网站大观继续与大家分享国外优秀的 HTML5 网站作品，希望这些精美的网站案例能帮助大家进一步了
2012年02月04日 10:000
-
做网站的朋友都知道，由于各浏览器内核不一样，即使IE的不同版本显示也不一样，所以同一页面在各个浏览器中显示效果不相同，所以要想测试一个网页 很麻烦，需要安装多个浏览器，但IE浏览器不能共存，只能装一个版本，这样一来，要么用虚拟机的办法解决，要么安装绿色版本，如IEtester等。但安 装虚拟机太麻烦，绿色版又容易出问题，笔者以前装过，结果造成本身的IE浏览器出错不能访问。所以今天在这儿给大推荐一个 ...
-
注册界面1.协议界面（必须符合什么规范）2.注册界面 用户名 密码 爱好 联系方式1.<body><center><textarea rows="10" cols="40">注册后，你的女人就是我们的，你同意吗？注册后，你的钱就是我们的钱，你同意吗？注册后，你的车也是我们的车，你同意吗？注册后，你的房子也是我们的，你同意吗 ...
