深入了解 HTML 5

虽然 HTML 5 仍遥遥无期,然而最近有关 HTML 5 的文章和资料却越来越多起来,这个 World Wide Web 核心语言的第5个版本包含了太多的期待。这是 cameronmoll.com 搜集的12个非常有用的 HTML5 资源,这些资料的目的并不是简单地介绍 HTML5,因为它还未完成,而是提供一些为 HTML5 做准备的思路。

A Preview of HTML 5

Lachlan Hunt 写的 HTML 5 预览,这篇写于一年前的文章,更象一份关于 HTML 5 的预言。

W3C HTML 5 Spec

W3C 的 HTML 5 细则。

Preparing for HTML5 with Semantic Class Names

非常全面的介绍。

HTML 5 differences from HTML 4

HTML 5 和 4 的区别,HTML 5 不再支持 frame 和 frameset,对很多人来说,不知是幸还是不幸。不过这篇来自 W3C 的文档出奇地易读。

More on developing naming conventions, Microformats and HTML5

HTML 5 语义化命名约定,这篇文章讲述了在向 HTML5 迁移到漫长过程中,我们应该怎样尽可能使用语义化的命名原则。里面还有一个非常好的演示文件

Wikipedia: HTML 5

维基百科关于 HTML 5 的一些资料。

The Rise of HTML5

UX London 是一个用 HTML5 设计的站点,这篇文章是对该站背后技术的剖析。“事实上,在置标语言上,HTML 5 和以往并不是那么不同,最大的不同在于 DOM”

An Event Apart and HTML 5

An Event Apart 站点的剖析文章。“HTML 5 给人的独特印象是,它一方面让你舒服,一方面让你狂怒。”

HTML5 id/class name cheatsheet

HTML 5 的 id/class 名称表

The Web Developer’s Guide to HTML 5

Web 开发者的 HTML 5 指南。W3C 写的。

Semantics in HTML 5

HTML 5 中语义。大名鼎鼎的 A LIST APART 上周刚刚发布的文章。ALA 的文章无论如何也值得一看,如果你英文够好。(ALA 的文章一般属于技术随笔范畴)

HTML 5 elements test

演示了 HTML 5 各元素是如何渲染的。只支持最新浏览器。

原文来源:http://cameronmoll.com/archives/2009/01/12_resources_for_html5/
中文来源:COMSHARP CMS 官方网站

万恶的IE–DOM.getAttribute

有个项目使用到ajax,在FIREFOX上正常,而在IE下就卡壳了.

在 DOM 中,属性也是节点。与元素节点不同,属性节点拥有文本值。
获取属性的值的方法,就是获取它的文本值。
.getAttribute() 方法返回属性的值。

在IE上弹出的是[object],而在除了IE的浏览器firefox,opear,chrome上弹出的都是我想要的 “timeout.php”,
怎么在IE下就成了一个对象呢?
而在同个页面的另一个表单上弹出的都是”timeout.php”.
问题就出在<input name=”action” type=”hidden” value=”timecount” />

在IE下,一个form Element,会将里面节点也认为是自己的属性,很霸道的想法吧.
于是在form.getAttribute的时候会先检查里面的节点有没有name=”action”的,有就取出这个节点.

解决方法一个是把input 的name=”action” 改成其他值,比如<input name=”myaction” type=”hidden” value=”timecount” />
另外就是不使用getAttribute方法,使用getAttributeNode方法.

最后,高呼一声,万恶的IE万岁.他给了多少人多少工作机会…..

Mimbo Pro主题下载


Mimbo Pro是一个设计为杂志站风格的Wordpress模板。有着缤纷的色彩和可定制性布局,面向所有技能层次
的用户。
Mimbo Pro 兼容于WordPress 2.3及更高版本。
Mimbo Pro是一个设计为杂志站风格的Wordpress模板。已经因为最初的
Mimbo模板为大家熟知。这款杂志型模板无需您更多的手动编辑、更多的使用Photoshop、更多的剪裁图片
或使用FTP。并附带一个内置的联系表单,图片库,自定义归档页面,广告管理,面包屑型构架,
Feedburner和Google Analytics可选项,
等等。去享受把Wordpress用作CMS,甚至做的更好。

主要功能包括…

* 一个详尽的控制面板完全掌控站点外貌,无需手工编辑模板!
* 一个用控制版面来设定的内置的联系表单
* 引人入胜的自定义模板内容:搜索结果,日期归档,站点地图,联系方式,作者归档和区域归档。
* 在控制面板中轻松设置Google Analytics和Feedburner和简易广告。
* 一个完全自动调整图片大小的自定义脚本 – 无需为每个图片创建两到三个版本!
* 打印单个文章页面有良好的表现。
继续阅读Mimbo Pro主题下载

本blog使用的wordpress主題:Google Chrome

Google Chrome

A lightweight theme based on the highly coveted Google Chrome browser.

Common Features

  • 2 columns fixed width
  • Widgets ready
  • Gravatar ready
  • Works on WordPress v2.5 and above
  • Tested on IE6/7, Firefox, Opera, Safari, and of course Chrome
  • XHTML & CSS Validated

继续阅读本blog使用的wordpress主題:Google Chrome

WordPress代码高亮插件WP-Syntax

下载地址:http://wordpress.org/extend/plugins/wp-syntax/
安装

  1. Upload wp-syntax.zip to your WordPress plugins directory, usually wp-content/plugins/ and unzip the file. It will create a wp-content/plugins/wp-syntax/ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Create a post/page that contains a code snippet following the proper usage syntax.

继续阅读WordPress代码高亮插件WP-Syntax

写了一个table

任務名稱: xxxxxxxx 地圖掌握(10)
承接NPC: 娜雅[新手指導員] 回報NPC 娜雅[新手指導員]
任務目標: 尋找技能訓練員 任務限制: 等級:1、角色:全部
地區: 中央廣場 任務報酬: 初級生命藥水X10、取得金錢:120、經驗值:20
任務說明
獵殺棲息在”中級修練場”的山豬頭目之後,向泰斯利報告。

代码 很简单
工作的时候突然发现配色还行。
继续阅读写了一个table

在网页上嵌入swf,兼容firefox,ie6.7

漂亮的表格(css table)

Configurations Dual 1.8GHz Dual 2GHz Dual 2.5GHz
lipeng M9454LL/A M9455LL/A M9457LL/A
mapabc Dual 1.8GHz PowerPC G5 Dual 2GHz PowerPC G5 Dual 2.5GHz PowerPC G5
地图名片 900MHz per processor 1GHz per processor 1.25GHz per processor
图秀卡 512K per processor 512K per processor 512K per processor

分隔符

216种Web安全颜色

216种Web安全颜色

多年以前, 大多数的计算机仅仅支持256种颜色,216种的网页安全颜色被建议为网页的标准.(安全颜色:就是可以被浏览器正确显示的颜色).微软操作系统和苹果Mac操作系统使用保留的其余的40种颜色(约每个公司20种) ,不过现在已经不是太重要,因为越来越多的计算机可以显示数百万种颜色。不过,这216种跨平台颜色是调色版板的创建, 是为了保证所有的计算机运行在256色时, 都可以正确的显示的颜色,也是最经典的颜色。

#000000 #000033 #000066 #000099 #0000CC #0000FF
#003300 #003333 #003366 #003399 #0033CC #0033FF
#006600 #006633 #006666 #006699 #0066CC #0066FF
#009900 #009933 #009966 #009999 #0099CC #0099FF
#00CC00 #00CC33 #00CC66 #00CC99 #00CCCC #00CCFF
#00FF00 #00FF33 #00FF66 #00FF99 #00FFCC #00FFFF
#330000 #330033 #330066 #330099 #3300CC #3300FF
#333300 #333333 #333366 #333399 #3333CC #3333FF
#336600 #336633 #336666 #336699 #3366CC #3366FF
#339900 #339933 #339966 #339999 #3399CC #3399FF
#33CC00 #33CC33 #33CC66 #33CC99 #33CCCC #33CCFF
#33FF00 #33FF33 #33FF66 #33FF99 #33FFCC #33FFFF
#660000 #660033 #660066 #660099 #6600CC #6600FF
#663300 #663333 #663366 #663399 #6633CC #6633FF
#666600 #666633 #666666 #666699 #6666CC #6666FF
#669900 #669933 #669966 #669999 #6699CC #6699FF
#66CC00 #66CC33 #66CC66 #66CC99 #66CCCC #66CCFF
#66FF00 #66FF33 #66FF66 #66FF99 #66FFCC #66FFFF
#990000 #990033 #990066 #990099 #9900CC #9900FF
#993300 #993333 #993366 #993399 #9933CC #9933FF
#996600 #996633 #996666 #996699 #9966CC #9966FF
#999900 #999933 #999966 #999999 #9999CC #9999FF
#99CC00 #99CC33 #99CC66 #99CC99 #99CCCC #99CCFF
#99FF00 #99FF33 #99FF66 #99FF99 #99FFCC #99FFFF
#CC0000 #CC0033 #CC0066 #CC0099 #CC00CC #CC00FF
#CC3300 #CC3333 #CC3366 #CC3399 #CC33CC #CC33FF
#CC6600 #CC6633 #CC6666 #CC6699 #CC66CC #CC66FF
#CC9900 #CC9933 #CC9966 #CC9999 #CC99CC #CC99FF
#CCCC00 #CCCC33 #CCCC66 #CCCC99 #CCCCCC #CCCCFF
#CCFF00 #CCFF33 #CCFF66 #CCFF99 #CCFFCC #CCFFFF
#FF0000 #FF0033 #FF0066 #FF0099 #FF00CC #FF00FF
#FF3300 #FF3333 #FF3366 #FF3399 #FF33CC #FF33FF
#FF6600 #FF6633 #FF6666 #FF6699 #FF66CC #FF66FF
#FF9900 #FF9933 #FF9966 #FF9999 #FF99CC #FF99FF
#FFCC00 #FFCC33 #FFCC66 #FFCC99 #FFCCCC #FFCCFF
#FFFF00 #FFFF33 #FFFF66 #FFFF99 #FFFFCC #FFFFFF

改名批处理

之前在做一个项目时,图片特别多……
本懒人就用了拼音+数字的命名方式。后来被同事骂得半死,说看了半天看不懂是什么东东哦
你中文部不好还怪我,呵呵。

“泰坦复苏”这个东西就用 ttfs1.gif,ttfs2.gif……ttfs6.gif
最近又开始做大陆版本的官网。
现在看起来真是惨不忍睹,好吧,搜了一下词霸,泰坦的E文是titanic。
怎么办呢用这个东西,bat一下,实在很实用,出贴保留!

新建文本文件,复制,粘帖,保存为changeName.bat
如果看不到扩展名,请google一下“windows 扩展名 显示”