CUPS-PDF确实好用，现在我打印文件基本都会先打印成PDF文件，看看效果，然后再打印
到真实的计算机上面。
但一直都有个问题： 打印出来的PDF文件名老是乱码。

实做

在网上找了许久，大部分都说是
改动

编辑 /etc/cups/cups-pdf.conf ，把代码:
#DecodeHexStrings 0
改成代码:
DecodeHexStrings 1
就可以了。

但改动以后还是现实的乱码，实际上看配置文件里面还有一个选项 TitlePref .
这里设置成 1，乱码立刻就好了

我接触markdown语法的时间也不长，记不得是从哪里看到的markdown语法，只记得当时
想找一种能比较好的用文本来表现文章的东西。
自从发现markdown以后就被它给吸引住了，简洁而又优美。从此就一发不可收拾，什么都想用它来撰写。我在vim中使用repress来写wordpress的博文，它支持的就是Markdown。但有的文章只想自己看看，也许不会发表到web上，这时候就会使用vimwiki来写（只用markdown写当然也行，但我比较懒，希望能自动帮助我组织一下，这恰恰是vimwiki的强项）。
但vimwiki使用的语法是一种跟markdown有一定相似处的语法，但我又不想从新学习一种语法，换掉已经渐渐熟悉的markdown。
所以在网络上找了很久，能让vimwiki支持markdown的方法，终于还是在官方发现本身就已经开始实验性质的支持Markdown了，但在说明中没有出现，也没有说明使用的方法，但参考media的语法使用方法，还是给我发现了markdown使用的方法。
非常的简单，在.vimrc配置文件中加入一句

        "syntax": "markdown"

我这里加完以后的样子：

        let g:vimwiki_list = [
                \{"path": "~/Wiki/Default/", "path_html": "~/Wiki/Sites/wiki/",  
                \   "html_footer": "~/Wiki/Default/footer.tpl", "html_header": "~/Wiki/Default/header.tpl",
                \"syntax": "markdown",
                \   "auto_export": 1}
                \]

OK,享受使用markdown来写vimwiki的乐趣吧，唯一有一点不好，还不支持导出成html，自己导吧

这里有个需要注明下，请使用最新的vimwiki文件，只有它里面才有markdown语法包。

archlinx , vim7.3, python2.7,python3,python3.2,markdown,markdown_py

安装步骤

• 安装python（我的机器上本来就有python几个版本）
• 安装vim/gvim
• 下载安装 vimrepress
• 安装python2-markdown(可以用vim -version 查看支持的python版本，我的是2.7，
  所以下载的是python2-markdown)

OK，安装完成了，现在开始享受在vim里面编写blog的快感吧

我的host主机是centos6，原本计划也是安装的ubuntu服务器版的。结果弄了近一天，查了无数资料，不得不面对一个显示，钠就是ubuntu11.04 server版的对RAID5的支持太差了，或者说基本不支持。只好又老老实实的装成了centos6 64bit

guest准备弄2003

最近远程管理着一台HP DL系列的服务器，硬件支持虚拟化，所以准备用kvm将其榨干，虚拟出多台服务器。
HOST操作系统：ubuntu server 10.04.2 64bit
客户机操作系统：1.win2003 sp2 32bit
2.debian 6.0.1a 32bit
预期：
1.职能划分 HOST操作系统专职伺候GUEST操作系统，具体的应用放在GUEST操作系统中。
2.网络预期 HOST操作系统和各个GUEST操作系统采用桥接方式，静态分配IP，处在同一网段。为了方便叙述，假定HOST的IP为10.3.1.35，两个GUEST的IP分别为10.3.1.36和10.3.1.37.
3.数据共享 实现HOST和GUEST之间的数据共享。
4.管理 方便管理，最好有远程管理工具。
步骤：
1.前期准备条件：
最小化安装ubuntu server 10.04.2 64bit（已经自带部分KVM），软件安装请参考本站置顶贴(http://forum.ubuntu.org.cn/viewtopic.php?f=65&t=154792)，由于整个过程是不断摸索，所以有些软件安装的具体过程没有留下记录。
但必须安装kvm,qemu-kvm,libvirt-bin

安装完了后，要将自己的用户名加入到libvirtd组中

$USER是你自己的用户名
为了方便管理guest，ubuntu server最好装一下acpid

-.-!为什么没用apt-get 呢。。。
2.配置桥接
这一部分最迷惑人，最开始参考的是置顶贴，但其中的一句话理解错误“根据你的情况加入以下内容：”导致第一次配网络与服务器失去连接，到机房重启才继续进行，注意，这里的“加入”应该为“更改为”，可参考此贴http://hi.baidu.com/huakaiweizhi/blog/item/b53b16ced4ead72cb700c844.html
具体步骤：
a.修改interfaces

本人原始配置

修改之后的配置

b.重启网络，使配置生效

注意：对于远程操作者而言，这一步一定要谨慎操作，避免与服务器失去联系。
c.重启后，用ifconfig检查

正常的话，eth0应该不再有IP，虚拟的桥接网卡br0应该接管了eth0的配置，并将数据转到eth0
我的显示：

至此，桥接网络成功

3.安装GUEST（以win2003为例）
准备工作：将win2003的安装镜像放到服务器目录中，假定放在/home/darkofday/win2003.iso；假定安装好的虚拟磁盘位于/home/kvm/win2003/win2003.img
a.服务器端操作启动安装
远程到服务器，用virt-install启动安装：

这一步（如果用kvm命令，也有可能出现）如果出现如下错误提示：

执行如下命令可修复

说明：

是将画面连接到qemu:///system服务，以便在远程计算机上用virt-viewer控制安装过程。

这个是给GUEST取一个名字，很有用，以便virt-viewer连接，同时方便用virsh管理

指定将安装好的虚拟磁盘置于/home/kvm/win2003/win2003.img，大小90G；这个地方不需要事先创建虚拟磁盘，与qemu-kvm不同，如果没有事先创建，该命令会自动创建。

将guest的网络桥接到br0，网卡选rtl8139，当然也可以选择其它型号的虚拟网卡，具体可参考man virt-install
b.在自己的电脑(desktop)上远程控制安装过程
执行上述命令后，服务器端就已经启动安装过程了，此时，你需要一台电脑（linux操作系统，带桌面的，可以用自己的笔记本）来控制安装过程。您需要先在desktop上安装virt-viewer：

然后，启用root窗口

远程连接到服务器安装过程

在这个过程中，需要输入两次服务器端的root密码，如果服务器端没有设置root密码，可以用如下命令设置

安装好win2003后，就可以设置网络了，设置好网络后，guest就可以与外界自由联通了，这时也可以不通过virt-viewer，而直接通过远程桌面连接管理win2003了。（本人在此处走了弯路，由于用了一个有问题的win2003安装镜像，装好后，不管如何设置，找了N多资料，网络死活不通，想死的心都有了，一两天后才意识到可能是镜像的问题，换了个镜像文件，立马好了，尼玛啊～～～）
本段参考资料：http://www.howtoforge.com/installing-kvm-guests-with-virt-install-on-ubuntu-8.10-server

4.服务器端管理guest
服务器端用virsh管理guest，有人可能想要一个和vmware-server类似的web管理界面，其实有的，甚至有基于kvm，做的和vmware-esx类似的虚拟机操作系统，还有分布式管理的，但管理一台服务器的话，还是virsh省心，可以参考：http://www.linux-kvm.org/page/Management_Tools
执行以下命令，就可以进入virsh

virsh的具体命令可以参考其帮助，也可以参考网上的，不过最常用的也就这么几个：

简易帮助文档

列出通过virt-install 安装的，正在运行的guest。

列出所有guest

启动一个guest，比如win2003

关闭一个guest，比如win2003

彻底关闭一个guest，包括释放其占用的资源，不影响虚拟磁盘本身，还可以通过start命令启动guest。

5.服务器host和guest之间共享数据
如果guest是linux，可以通过设置NFS来实现；如果guest是windows，也可以安装NFS服务来实现，不过要麻烦的多。我现在主要是guest中需要获取host中存放的软件，是通过virsh附加device实现将数据单向传送到win2003中的，觉得通过virsh也可以实现双向，但还没有摸透。先说说单向的吧。
首先，我实现的是把服务器上的镜像文件（iso或其它可以mount的文件），通过给win2003附加cdrom的方式单向共享。如果文件不是iso格式，可以通过mkisofs来制作，很简单。先安装mkisofs

然后将/home/darkofday/share/sql2005x86.rar（也可以是文件夹）文件制作成/home/darkofday/sql2005.iso

ISO文件制作好了。然后进入virsh

给win2003附加cdrom(注意，win2003必须是开机状态才能附加，不然会报错)

附加成功。

egrep ‘(vmx|svm)’ /proc/cpuinfo

vmx是Intel CPU的，svm则是AMD CPU的。我的CPU返回如下：

flags : fpu vme de pse tsc msr pae mce cx8 apic sep mtrr pge mca cmov pat pse36
clflush dts acpi mmx fxsr sse sse2 ss ht tm pbe syscall nx lm constant_tsc arch_perfmon pebs
bts rep_good pni dtes64 monitor ds_cpl vmx smx est tm2 ssse3 cx16 xtpr pdcm sse4_1
xsave lahf_lm ida tpr_shadow vnmi flexpriority
flags : fpu vme de pse tsc msr pae mce cx8 apic sep mtrr pge mca cmov pat pse36
clflush dts acpi mmx fxsr sse sse2 ss ht tm pbe syscall nx lm constant_tsc arch_perfmon pebs
bts rep_good pni dtes64 monitor ds_cpl vmx smx est tm2 ssse3 cx16 xtpr pdcm sse4_1
xsave lahf_lm ida tpr_shadow vnmi flexpriority

在Ubuntu下面需要安装下面的软件：

sudo apt-get install kvm qemu-kvm

加入个人用户到kvm组，以保证个人用户可以读写/dev/kvm，否则，以个人用户无法运行kvm：

sudo adduser $USER kvm

如果想使用物理磁盘，则需要加个人用户到disk组：

sudo adduser $USER disk

现在最好重启一下计算机！

下面开始安装操作系统，我安装了Windows XP和Windows 7，下面以Windows XP为例开始安装。

先准备好一个磁盘文件，有2种常用的格式，一个是qemu的qcow2格式，一个是raw格式，前者是可以增长的文件格式，后者实际是磁盘上一个连续区域。

qcow2:

qemu-img create -f qcow2 winxp.img 10G

Raw：

dd if=/dev/zero of=winxp.img bs=1024K count=10000

下面开始安装，准备好安装光盘文件winxp.iso，下面是安装的指令：

kvm -m 1024 -cdrom=winxp.iso winxp.img -boot d -localtime

XP安装很快，20分钟左右就可以安装好，Win 7大约需要40分钟。下面开始以下后面的工作，会涉及更多的参数。

配置硬盘和网络的virtio模式，virtio是个半虚拟化的模式，速度比传统方式还要快些，根据Using virtio_net For The Guest NIC一文的测试，virtio还是很有优势的。

在虚拟机里面下载virtio windows guest驱动： Storage driver和Network driver，其中已经包含了xp、win7等的驱动。

根据boot from virtio block device一文的介绍，用以下方式进行安装驱动。

建一个临时的磁盘文件：

qemu-img create -f qcow2 fake.img 1G

启动虚拟机：

kvm -drive file=winxp.img,if=ide,boot=on -drive file=fake.img,if=virtio -m 1024
-localtime -net nic,model=virtio -net user -usb -usbdevice tablet

在启动的虚拟机里，会找到virtio设备，然后安装这两个驱动。安装完毕后，关机。以下面方式重新启动：

kvm -drive file=winxp.img,if=virtio,boot=on -m 1024 -net nic,model=virtio -net user
-usb -usbdevice tablet -soundhw es1370

下面配置远程桌面对Windows的访问，首先需要在虚拟机的Windows里面开启远程桌面，而且必须给用户加上密码，Windows XP和Windows 7需要是Professional以上版本。然后运行mmc继续配置远程桌面访问参数。

打开mmc后，“添加/删除管理单元“ -> “添加” -> “组策略对象编辑器” -> “本地计算机”。在里面配置：“计算机配置” -> “管理模板” -> “Windows 组件” -> “终端服务” -> “限制最大颜色深度”，设置为24位，原来默认是16位。

关机，重新以可以以新的模式后台运行：

kvm -M pc -drive file=winxp.img,if=virtio,boot=on -localtime -m 1024 -soundhw es1370
-net nic,model=virtio -net user -vnc 127.0.0.1:0 -daemonize -redir tcp:3389::3389
-name WindowsXP -usb -usbdevice tablet

-vnc 127.0.0.1:0表示以vnc模式运行，-daemonize表示kvm以后台运行，-redir tcp:3389::3389表示将虚拟机的3389端口映射为宿主机的3389端口上，这样rdesktop本机就可以进行远程桌面访问了。如果想实时查看状态，可以使用vncviewer或者vinagre查看。

现在可以rdesktop进行访问了，下面是rdesktop的参数：

rdesktop localhost -u username -p password -f -D -z -P -r sound:local -clipboard

这里-z参数可以保证鼠标运行速度不缓迟，-f表示全屏。

虚拟机如何使用USB设备呢，首先要保证用户可以访问USB设备，qemu支持usb设备在虚拟机里面的拔插，在qemu界面里（或者vnc访问的界面里），Ctrl+Alt+2进入qemu monitor命令行控制模式，然后

usb_add host:vid:pid

查看usb设备：

info usb

Windows 7的运行和访问参数与Windows XP类似。

　　用Ghost XP SP3光盘启动，进行WinPE，在运行输入“cmd”，打开命令行窗口，输入“reg load hklm\!system c:\windows\system32\config\system”，这个命令的作用就是把XP的注册表加载到WinPE系统的注册表，再次打开“开始”->“运行”，输入“regedit”，进入注册表编辑器，打开“HKEY_LOCAL_MACHINE\!system \ControlSet001\services\processor”，修改start值1改为4，再进入“HKEY_LOCAL_MACHINE \!system\ControlSet002\services\processor”，修改start值1改为4，到这里就已经修改完成了，接着回到命令行窗口，输入“reg unload hklm\!system”，卸载挂载，重新电脑，就没有蓝屏的提示了。

• ★ HTML5 Rocks : Major Feature Groups  的学习 HTML5 的资源 (HTML5 演示, 教程 ). 源码
• 很不错的 HTML5 Dashboard – Mozilla，效果很炫。
• WhatWG Developers, 一个清楚的 HTML5 技术规格说明书。
• ★ StackOverflow : 大名鼎鼎的技术问答式论坛。
• ★ Addyosmani, jQuery 和 JavaScript 文章教程
• Sohtanaka, jQuery 和 JavaScript 文章和教程
• ★ Nettuts+ 是一个面对Web开发人员和设计人员的网站，提供各种技术教程和文章，覆盖 HTML, CSS, Javascript, CMS’s, PHP 和 Ruby on Rails.
• Codrops, 教程和 web 资源
• WebAppers, 最好的开源资源
• Tutorialzine – PHP MySQL jQuery CSS 教程, 资源和赠品
• Mozilla JavaScript guide
• codes snippets, 作者自己收集的一些代码片段

服务器端的软件

• ★ Node.js 是服务器端的 JavaScript 环境，其使用了异步事件驱动模式。其让Node.js在很多互联网应用体系结构下获得非常不错的性能。 源码 和 实时演示。
• PhantomJS 也是一个服务器端的 JavaScript API的WebKit。其支持各种Web标准： DOM 处理, CSS 选择器, JSON, Canvas, 和 SVG
• Lighttpd 一个轻量级的开源Web服务器。新闻，文档，benchmarks, bugs, 和 download. Lighttpd 支撑了几个非常著名的 Web 2.0 网站，如：YouTube, wikipedia 和 meebo.
• NGinx, 性能巨高无比的轻量级的Web服务器。比Apache高多了。花了6年的时间，终于走到了1.0版。
• Apache HTTP Server 是一个很流行的并支持多个流行的操作系统的Web服务器。
• ★ PHP 可能是最流行的服务器端的Web脚本动态处理语言。
• 当然，还有 Ruby, Python, Erlang, Perl, Java, .NET, Android, C++, Go, Fantom,CoffeeScript, D, …

PHP 框架和工具

• ★ WordPress 是一个基于博客系统的开源软件。参看《WordPress是怎么赢的？》
• Drupal 是一个内容管理系统 (CMS).
• Centurion 是一个新出现的开源 CMS ，一个灵然的 PHP5 Content Management Framework. 使用 Zend Framework, 其组件坚持通用，简单，清楚和可重用的设计原则。
• phpBB 一个开源的论坛（国内的Discuz！更多）
• ★ SimplePie : 超快的，易用的,  RSS  和 Atom feed PHP解析。
• ★ PHPthumb, PHP 图片处理库
• ★ PHPMailer 强大的全功能的PHP邮件库
• PubSubHubbub协议，一个简单，开放， server-to-server 的 pubsub (publish/subscribe) 协议——Atom and RSS的扩展。
• 更多的请参看 – 20个你应该知道PHP库 和 9个强大免费的PHP库

数据库

• ★ Apache CouchDB 是一个面向文档的数据库管理系统。它提供以JSON 作为数据格式的REST 接口来对其进行操作，并可以通过视图来操纵文档的组织和呈现。.源码.
• MonoQL 是一个采用PHP+ExtJS开发的MySQL数据库管理工具。界面极像一个桌面应用程序，支持大部分常用的功能包括：表格设计，数据浏览/编辑，数据导入/导出和高级查询等。
• MariaDB 是MySQL的一个分支，由MySQL 创始人Monty Widenius 所开发。GPL，用来对抗Oracle所有的MySQL的license的不测。自Oracle收购SUN以来，整个社区对于MySQL前途的担忧就没有停止过。
• ★ SQLite 不像常见的客户端/服务器结构范例，SQLite引擎不是个程序与之通信的独立进程，而是连接到程序中成为它的一个主要部分。所以主要的通信协议是在编程语言内的直接API调用。这在消耗总量、延迟时间和整体简单性上有积极的作用。整个数据库（定义、表、索引和数据本身）都在宿主主机上存储在一个单一的文件中。它的简单的设计是通过在开始一个事务的时候锁定整个数据文件而完成的。库实现了多数的SQL-92标准，包括事务，就是代表原子性、一致性、隔离性和持久性的（ACID），触发器和多数的复杂查询。不进行类型检查。你可以把字符串插入到整数列中。某些用户发现这是使数据库更加有用的创新，特别是与无类型的脚本语言一起使用的时候。其他用户认为这是主要的缺点。
• SQL 在线设计编辑器，这一节的那个图片就是这个在线编辑器的样子了。一个画数据库图表的在线工具。很强大。

API 和 在线数据

• ProgrammableWeb, 最流行的Web Services 和 API 目录大全。
• Google Data Protocol 一组Google服务的数据服务API。
• Yahoo! Developer Network – APIs 和 Tools
• Yahoo! Pipes 可视化在线编程工具，它是一个用于过滤、转换和聚合网页内容的服务。
• ★ The Yahoo! Query Language 一个很像 SQL的网页查询工具。

在线代码和媒体编辑器

• ★ CodeRun Studio一个基于JavaScript语言开发的跨平台的集成开发环境，它立足于云计算的设计思路，方便开发者在浏览器端便可以轻松开发、调试和部署网络应用程序。（参看《Coderun.com 在线开发IDE》）
• Cloud9 IDE – 一个基于Node.JS构建的JavaScript程序开发Web IDE。它拥有一个非常快的文本编辑器支持为JS, HTML, CSS和这几种的混合代码进行着色显示。
• ★ jsFiddle – Javascript的在线运行展示框架，这个工具可以有效的帮助web前端开发人员来有效分享和演示前端效果，其简单而强大 (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML, CSS)
• Akshell，一种云服务，它使用服务端的JavaScript和在线的IDE帮助开发者进行快速应用程序开发。 它还提供云托管，所以部署是即时的。
• JSONeditor, 一个好用的JSON 编辑器
• ★ TinyMCE 一个轻量级的基于浏览器的所见即所得编辑器，支持目前流行的各种浏览器，由JavaScript写成。
• Ext Designer 是一个桌面应用工具，帮助你快速开发基于ExtJS 的用户界面。
• ★  LucidChart，一款基于最新的html5技术的在线图表绘制软件，功能强大，速度快捷，运行此软件需要支持html5的浏览器。
• Balsamiq Mockups, 产品设计师绘制线框图或产品原型界面的利器。
• Color Scheme Designer 3 - 一个免费的线上调色工具
• ★ Pixlr, 是一个来自瑞典基于Flash的免费在线图片处理网站。除了操作介面和功能接近Photoshop，还是多语言版本，支持简体中文。（以前酷壳介绍过）
• Aviary, 是一个基于HTML5 的在线图片处理工具，可以很容易的对图片进行后期处理。 Aviary API
• Favicon Generator, 线上favicon(16×16)制作工具。

代码资源和版本控制

• ★ GitHub 是一个用于使用Git版本控制系统的项目的基于互联网的存取服务。
• Git 是一个由Linus为了更好地管理linux内核开发而创立的分布式版本控制／软件配置管理软件。其巨快无比，高效，采用了分布式版本库的方式，不必服务器端软件支持，使源代码的发布和交流极其方便。
• Google Code 谷歌公司官方的开发者网站，包含各种开发技术的API、开发工具、以及开发技术参考资料。
• Google Libraries API Google 将优秀的 JavaScript 框架部署在其 CDN 上，在我们的网站上使用 Google Libraries API 可以加速 JavaScript 框架的加载速度。
• Snipplr 一个开放的源代码技巧分享社区，号称Code 2.0。和一般的源码分享网站不同，它针对的并不是大型网站源码，而是一些编程的代码技巧。

JavaScript 桌面应用框架

• ★ jQuery 是一个快速、简单的JavaScript library， 它简化了HTML 文件的traversing，事件处理、动画、Ajax 互动，从而方便了网页制作的快速发展。  源码, API, API浏览, 很不错的文档.
• ★ 官方的 jQuery User Interface (UI) library (演示和文档). 源码,Themes Roller, Download.
• YUI 2 — Yahoo! User Interface Library
• Mootools, 一个超级轻量级的 web2.0 JavaScript framework
• Prototype 提供面向对象的Javascript和AJAX
• Dojo The Dojo Toolkit，一个强大的无法被打败的面向对象JavaScript框架。主要由三大模块组成：Core、Dijit、DojoX。Core提供Ajax,events,packaging,CSS-based querying,animations,JSON等相关操作API。Dijit是一个可更换皮肤，基于模板的WEB UI控件库。DojoX包括一些创新/新颖的代码和控件：DateGrid，charts，离线应用，跨浏览器矢量绘图等。
• ★ Ext JS 4, 业内最强大的 JavaScript framework。
• PHP.js, 一个开源的JavaScript 库，它尝试在JavaScript 中实现PHP 函数。在你的项目中导入PHP.JS 库，可以在静态页面使用你喜欢的PHP 函数。

JavaScript 移动和触摸框架

• ★ jQuery Mobile : 是 jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile开发团队说：能开发这个项目，我们非常兴奋。移动Web太需要一个跨浏览器的框架，让开发人员开发出真正的移动Web网站。我们将尽全力去满足这样的需求。 Sources.
• Zepto.js Zepto.js 是支持移动WebKit浏览器的JavaScript框架，具有与jQuery兼容的语法。2-5k的库，通过不错的API处理绝大多数的基本工作。 Sources.
• MicroJS : Microjs网站应用列出了很多轻量的Javascript类库和框架，它们都很小，大部分小于5kb。这样你不需要因为只需要一个功能就要加载一个JS的框架。
• ★ PhoneGap :是一款开源的手机应用开发平台，它仅仅只用HTML和JavaScript语言就可以制作出能在多个移动设备上运行的应用。 Sources.
• ★ Sencha Touch Sencha Touch 是一个支持多种智能手机平台（iPhone, Android, 和BlackBerry）的 HTML5 框架。Sencha Touch可以让你的Web App看起来像Native App。美丽的用户界面组件和丰富的数据管理，全部基于最新的HTML5和CSS3的 WEB标准，全面兼容Android和Apple iOS设备。
• JQtouch, 是一个jQuery 的插件，主要用于手机上的Webkit 浏览器上实现一些包括动画、列表导航、默认应用样式等各种常见UI效果的JavaScript 库。 Sources.
• DHTMLX Touch 针对移动和触摸设备的JavaScript 框架。DHTMLX Touch基于HTML5，创建移动web应用。它不只是一组UI 小工具，而是一个完整的框架，可以针对移动和触摸设备创建跨平台的web应用。它兼容主流的web浏览器，用DHTMLX Touch创建的应用，可以在iPad、iPhone、Android智能手机等上面运行流畅。

jQuery 插件

• Waypoints 是一个jQuery 用来实现捕获各种滚动事件的插件，例如实现无翻页的内容浏览，或者固定某个元素不让滚动等等。支持主流浏览器版本。
• Lazy loader 插件可以实现图片的延迟加载，当网页比较长的时候，会先只加载用户视窗内的图片，视窗外的图片会等到你拖动滚动条至后面才加载，这样有效的避免了因图片过多而加载慢的弊端。
• TweenJS : 一个简单和强大的 tweening / animation 的Javascript库。
• Easings 类Css3的jQuery 动画插件
• Spritely 这个插件可以创建出如flash一样的动画效果，比如：在页面上有一只飞动的小鸟，一个动态滚动的背景等。
• File Upload, jQuery 文件上传插件4.4.1
• Slideshow/Carousel 插件. Sources.
• Supersized – 全屏式的背景/幻灯片插件
• Masonry i一款非常酷的自动排版插件，这款jQuery工具可以根据网格来自动排列水平和垂直元素，超越原来的css. Sources.
• jQuery 简单 Layout 演示，管理各种边栏式，可改变大小式的布局。
• Flexigrid – jQuery 数据表插件
• Isotope绝对是一个令人难以置信的jQuery插件，你可以用它来创建动态和智能布局。你可以隐藏和显示与过滤项目，重新排序和整理甚至更多。
• Super Gestures jQuery 插件可以实现鼠标手势的功能。
• MouseWheel 是由Brandon Aaron开发的jQuery插件，用于添加跨浏览器的鼠标滚轮支持。
• AutoSuggest jQuery 插件可以让你添加一些自动完成的功能。
• qTip 一个漂亮的jQuery 的工具提示插件，这个插件功能相当强大。
• jQuery Charts and graphic 用来制作图表。
• jQuery Tools– The missing UI library

其它 jQuery 资源

• http://www.smashingmagazine.com/2011/04/07/useful-javascript-and-jquery-tools-libraries-plugins
• http://webdesigneraid.com/weekly-html5-news-and-inspirations-%E2%80%93-tutorials-tools-resources-and-freebies-v-2/
• http://www.designer-daily.com/15-useful-jquery-plugins-and-tutorials-5207
• http://www.julien-verkest.fr/22/11/2007/240-plugins-jquery
• http://www.hotscripts.com/blog/10-great-html5-experiments-apps/
• http://www.noupe.com/jquery/excellent-jquery-navigation-menu-tutorials.html
• http://www.noupe.com/php/20-useful-php-jquery-tutorials.html
• http://aext.net/2010/04/excellent-jquery-plugins-resources-for-data-presentation-and-grid-layout/
• http://webdesigneraid.com/html5-canvas-graphing-solutions-every-web-developers-must-know/
• http://gestureworks.com/features/open-source-gestures/
• http://edtechdev.wordpress.com/2011/01/14/some-exciting-new-html5javascript-projects/
• http://net.tutsplus.com/articles/web-roundups/30-developers-you-must-subscribe-to-as-a-javascript-junkie/

HTML5 视频播放器

• ★ Popcorn.js 是一个HTML5 Video框架，它提供了易于使用的API来同步交互式内容，让操作HTML5 Video元素的属性，方法和事件变得简单易用。 (来自Mozilla)
• LeanBack Player HTML5视频播放器,没有依赖任何JavaScript框架。支持全屏播放，音量控制，在同一个页面中播放多个视频。 (来自Google)
• Vid.ly 为你上传的视频提供转换功能，并且为转换后的视频创建一个短网址。通过Vid.ly，让你的视频可以在14种不同的浏览器和设备上播放，不需要再去考虑将要浏览视频的人使用什么设备了，以避免各各软件巨头之间的利益之争带来了不兼容，给用户带来了巨大的困扰，短网址让你可以通过Twitter、Facebook等方式方便分享视频。Vid.ly还可以通过html代码嵌入到其他网页中。Vid.ly免费帐户空间为1GB，免费帐户也没有播放或浏览限制。

JavaScript 音频处理与可视化效果

• ★ 使用HTML5 和 Flash, SoundManager V2 只用单一API的提供了可靠，简单和强大的跨平台的音频处理。
• DSP, JavaScript的声音Digital Signal Processing
• The Radiolab Hyper Audio Player v1, 带给你 WNYC Radiolab, SoundCloud 和 Mozilla Drumbeat
• jPlayer, 一个 jQuery HTML5 音频/ 视频库，功能齐全的API

JavaScript 图形 和 3D

• ★ Processing.js是一个开放的编程语言，在不使用Flash或Java小程序的前提下, 可以实现程序图像、动画和互动的应用。其使用Web标准，无需任何插件。
• ★ Javascript 3D 引擎: ThreeJS 由 Mr Doob 开发，一个轻量级的 3D 引擎，不需要了解细节，傻瓜都能使用。这个引擎可以使用<canvas>, <svg> 和 WebGL.
• Shader Toy, 一款使用WebGL的在线着色器编辑器(2D/3D). 基于在线的应用架构使您无需下载任何软件即可开始体验. Shader Toy包含大量实用着色器, 诸如光线追踪, 场景距离渲染, 球体, 隧道, 变形, 后期处理特效等.
• PhiloGL, Sencha的PhiloGL是首个WebGL开发工具之一，提供了高水准的功能，来构建WebGL应用。Sencha创建了几个演示，来描述框架交互式3D虚拟化的能力，比如3D view of global temperature changes。
• WebGL Inspector 你就Firebug等Web调试工具一样，这个是 WebGL的调试工具。
• WebGL frameworks 由 Khronos Group 收集的一个WebGL框架列表。
• EaselJS, 一个使用html5的canvas的 JavaScript 库. Sources.
• JavaScript Game Frameworks 免费的JS游戏框架列表。另，可参看 JS游戏框架列表。
• Raphaël是一个小型的JavaScript 库，用来简化在页面上显示向量图的工作。你可以用它在页面上绘制各种图表、并进行图片的剪切、旋转等操作。参看Javascript向量图Lib–Raphaël
• jQuery SVG 插件让你可以了 SVG canvas 进行交互。
• Google chart tools –  参看本站的使用Google API做统计图
• Arbor.js, 是一个利用webworkers和jQuery创建的数据图形可视化JavaScript框架。它为图形组织和屏幕刷新处理提供了一个高效、力导向布局算法。

JavaScript 浏览器接口 (HTML5)

• ★ Modernizr – 是一个专为HTML5 和CSS3 开发的功能检测类库，可以根据浏览器对HTML5 和CSS3 的支持程度提供更加便捷的前端优化方案.Sources. 一个有用的列表 cross-browser Polyfills
• HTML5Shiv : 该项目的目的是为了让IE 能识别HTML5 的元素。
• Polyfills : 这个项目收集了一些代码片段其用Javascript支持不同的浏览器的特别功能，有些代码需要Flash。
• YepNopeJS : 一个异步的条件式的加载器。Sources.
• jQuery CSS3 Finalise : 是否厌倦了为每一个浏览器的CSS3属性加前缀？
• ★ Amplify.js :一套用于web应用数据管理和应用程序通讯的 jQuery 组件库。提供简单易用的API接口。Amplify的目标是通过为各种数据源提供一个统一的程序接口简化各种格式数据的数据处理。Amplify的存储组件使用localStorage 和 sessionStorage标准处理客户端的存储信息，对一些老的浏览器支持可能有问题。Amplify’为jQuery的ajax方法request增加了一些额外的特性。 Sources.
• History.js 优美地支持了HTML5 History/State APIs
• Socket.IO Web的socket编程。

JavaScript 工具

• ★  {{mustaches}} 小型的 JavaScript 模板引擎。
• json:select(), CSS式的JSON选择器
• HeadJS, 异步JavaScript装载。其最大特点就是不仅可以按顺序执行还可以并发装载载js。
• JsDoc Toolkit是一款辅助工具，你只需要根据约定在JavaScript 代码中添加相应的注释，它就可以根据这些注释来自动生成API文档。
• Responsive image, 一个试验性的项目，用来处理responsive layouts 式的图片。
• UglifyJS是基于NodeJS的Javascript语法解析/压缩/格式化工具，它支持任何CommonJS模块系统的Javascript平台。
• Dhteumeuleu, 交互式的 DOM 脚本和DHTML 的开源演示。
• Backbone是一个前端 JS 代码 MVC 框架，被著名的 37signals 用来构建他们的移动客户端。它不可取代 Jquery，不可取代现有的Template 库。而是和这些结合起来构建复杂的 web 前端交互应用。如果项目涉及大量的 javascript 代码，实现很多复杂的前端交互功能，首先你会想到把数据和展示分离。使用 Jquery 的 selector 和 callback 可以轻松做到这点。但是对于富客户端的WEB应用大量代码的结构化组织非常必要。Backbone 就提供了 javascript 代码的组织的功能。Backbone 主要包括 models, collections, views 和 events, controller 。

客户端和模拟器

• BrowserShot, 检查浏览器的兼容性，跨浏览器平器的测试
• Test everything… 输入一个你想要测试的URL……
• Android browser 模拟器
• iPhone browser 模拟器
• Opera browser 模拟器
• ★ Firebug 与 Firefox 集成，可以查看和调试你的Web页面。

CSS3 和 字库

• ★ CSS3 Maker CCS3的生成器
• 容易地创建 CSS3 animations。 Sencha Animator 是一个桌面应用可以为WebKit浏览器和触摸式移动设备创建 CSS3 animations 。
• CSSwarp – CSS 文本扭曲生成器
• Gradient Editor, 一个强大的Photoshop式的CSS 渐变编译器。来自 ColorZilla
• ★ Google Web Fonts 通过Google Web Fonts API 可以浏览所有的字体
• @font-face Kit Generator, 为Web转换字体
• Typetester, 比较字体。
• Media Queries. 一组 responsive web 设计。
• Pattern TAP, UI组件。

Website (FULL) 模板

• ★ HTML5 Boilerplate 是一个HTML5 / CSS / js模板，是实现跨浏览器正常化、性能优化，稳定的可选功能如跨域Ajax和Flash的最佳实践。 项目的开发商称之为技巧集合，目的是满足您开发一个跨浏览器，并且面向未来的网站的需求。 Sources.
• HTML5 starter pack 是一个干净的和有组织的目录结构，其可适合很多项目，还有一些很常用的文件，以及简单的Photoshop设计模板。
• ★ Initializr 是一个HTML5 模板生成器，其可以帮你在15秒内创建一个HTML5的项目。
• Animated Portfolio Gallery （教程）
• Slick MobileApp Website 如果通过 jQuery 和 CSS 制作一个手机应用的网站。
• RSS Reader 如果通过 jQuery Mobile 创建一个RSS Reader
• ★ Single Page Applications 使用jQuery的朋友们 (Backbone, Underscore, …)创建单一页面。
• Google TV Optimized Templates, 传统电视已经开始和网路融合，但现阶段产业仍然正在摸索之中，为此将来的网页亦会有结构上的改变。Google TV Optimized Templates是一个用HTML/JavaScript制成的开源软体，一如其名是一个对Google TV作出了最佳化的的网页范本，其特色是以遥控器作为操作的前提，令使用者无需输入任何文字就可以进行控制。未来除了会有专用遥控器外，还会采用智能手机透过W-iFi控制Google TV的方法。Optimized Templates的界面中左方会展示分类，右方会显示该分类下的影片截图，影片播放、切换、全画面表示都可透过键盘上的方向键、Backspace或Enter等键完成，方便今后的网站开发人员借镜。HTML5 版的模板使用了 Google TV UI library, jQuery  和 Closure 。

转自http://coolshell.cn/articles/4795.htmlhtt

好像最近他们的网址换成xiroda.com了。

这里有没也用他们公司产品的，我们交流下使用经验？