下面分享一下使文字纵排列的几种方法：

第一种方法：”<br>”标签

<h1>
N
E
T
T
U
T
S
</h1>

这种方法没有说服力，不推荐使用；

第二种方法：Static Wrapping

h1 span{ display:block;}

<h1><span> N </span> <span> E </span> <span> T </span> <span> T </span> <span> U </span> <span> T </span> <span> S </span></h1>

这种方法的弊端是，需要手工录入标签；

第三种方法：用Javascript

h1 span{ display:block;}

<h1>NETTUTS</h1>

var h1=document.getElementsByTagName('h1')[0];
h1.innerHTML='<span>'+h1.innerHTML.split('').join('</span><span>')+'</span>';

此种方法与第二种方法原理是一样的，好处是用js代替手工添加span标签。尽管如此，还是有一些弊端：
a、当js失效的时候，会影响页面布局；
b、当然完美的解决方法是，尽可能用css;

第四种方法：给Container定个宽度

h1{
    width:20px; 
    font-size:20px; 
    word-wrap:break-word;
}

<h1>NETTUTS</h1>
&nbsp;
<h1>Nettuts</h1>

word-wrap:break-word的一部分是CSS3规格,并不是在所有的浏览器兼容。
如果把除第一个字母外的其它字母小写的话，就有点悲剧了，套用别人的一句话就是”it’s too risky to play with pixel values.”；

第五种方法:使用letter-spacing

h1{
    width:50px; 
    font-size:50px; 
    word-wrap:break-word;
    letter-spacing:20px;/* Set large letter-spacing as precaution */
}

<h1>NETTUTS</h1>
<h1>Nettuts</h1>

这种方法貌似很好，不过有用到一点css3了

第六种方法:使用emS

h1 {
    width: 1em;
    font-size: 40px;
    letter-spacing: 40px; /* arbitrary large letter-spacing for safety */
    background:#CCC;
  }

<h1>N e t t u t s</h1>
<h1>N E T T U T S</h1>

据我所知,到目前为止,这是最好的,最符合跨浏览器的解决方案。

第七种方法:Whitespace

h1 {
    white-space:pre;
}

<h1>N e t t u t s</h1>
<h1>N E T T U T S</h1>

不爽的是，我们需要在编辑里所文字纵向排列；

拓展：纵向排列解决了，可否做到垂直居中呢？拭目以待！

swfobject.embedSWF(swfUrl, id, width, height, version, expressInstallSwfurl, flashvars, params, attributes)

有5个必须的参数和4个可选的参数：

swfUrl（String，必须的）指定SWF的URL。

id（String，必须的）指定将会被Flash内容替换的HTML元素（包含你的替换内容）的id。

width（String，必须的）指定SWF的宽。

height（String，必须的）指定SWF的高。

version（String，必须的）指定你发布的SWF对应的Flash Player版本（格式为：major.minor.release）。

expressInstallSwfurl（String，可选的）指定express install SWF的URL并激活Adobe express install

flashvars（String，可选的）用name:value对指定你的flashvars。

params（String，可选的）用name:value对指定你的嵌套object元素的params。

attributes（String，可选的）用name:value对指定object的属性。

例如：

<div>这里是当flash不能正常显示时显示的内容</div>

swfobject.embedSWF("myflash.swf", "myflash", "300", "120", "9.0.0");
swfobject.embedSWF("myflash.swf","myflash", "300", "120", "9.0.0", null, null, {wmode: 'transparent'});

先上案例：

Demo:http://uecss.com/demo/cherry/jquery-dom-bind.html

代码:

<div>
<h5 class="head">什么是jQuery?</h5>
<div class="content">
jQuery是继Prototype之后又一个优秀的JavaScript库，它是一个由 John Resig 创建于2006年1月的开源项目。jQuery凭借简洁的语法和跨平台的兼容性，极大地简化了JavaScript开发人员遍历HTML文档、操作DOM、处理事件、执行动画和开发Ajax。它独特而又优雅的代码风格改变了JavaScript程序员的设计思路和编写程序的方式。</div>
 </div>

*{margin:0;padding:0;}
body { font-size: 13px; line-height: 130%; padding: 60px }
#panel { width: 300px; border: 1px solid #333 }
.head { padding: 5px; background: #ccc; cursor: pointer }
.content { padding: 10px; text-indent: 2em; border-top: 1px solid #333;display:block;display:none; }

相信大家看了jquery都觉得蛮简单的，我也同感，书看了两遍，要自己写，but写不来。呵呵，下面整理一下头绪：

1.等待DOM加载完毕；
2.鼠标经过的时候，内容显示；
3.鼠标离开的时候，内容隐藏；

用到的小知识点如下：
1 mousrover ( function { } ) —— 在匹配元素的mouseover事件中绑定一个函数；
2 mousout ( function { } ) —— 在匹配元素的mousout事件中绑定一个函数；
3 next( ) —— 取得一个包含匹配的元素紧邻的后面同辈元素的集合；
4 show( ) —— 显示所有匹配元素；
5 hide( ) —— 隐藏所有匹配元素。

LaunchList
站点发布前的工作清单，预设了28个需要检查的事项，也可以自定义。同类工具： Ultimate Website Launch Checklist 以及 The Ultimate Website Prelaunch Checklist。

Pencil Project: Sketching and Prototyping with Firefox
一个开源 GUI 原型设计工具。

Zootool
一个非常漂亮的书签工具，可以将你收集的各种素材，图片，文档，链接，视频等在线组织到一起。

Bounce （推荐）
输入一个站点地址，该程序会给该站点截图，然后，你可以在上面批注，加评论，并和朋友分享。非常适合用来和您的客户在线就某个站点的设计进行讨论。

Ninite Batch Installer
这个站点可以将很多免费的流行软件（最好的版本）打包在一起，一次性安装到你的机器，支持 Windows7，Vista 和 XP。

Support Details （强烈推荐）
假如你想让你的用户提供他/她所使用的浏览器环境，比如 Flash 版本，操作系统，屏幕分辨率，Cookie，JavaScript 状态等，可以让他/她访问一下这个站点，这个站点或自动将这些内容探测出来，并允许用户现场通过邮件将报告发送给你。

MugTug’s Darkroom
一个在线图片处理程序，可以调整对比度，白平衡，曝光，饱和度等，可以从 Picasa 及 Flickr 上传图片，同类产品：Pixlr 及 Sumo Paint。

Visual Website Optimizer （强烈推荐）
Visual Website Optimizer 绝对是你所能见到的最好的 A/B 测试工具。

Keyonary
这个简单的在线工具可以帮你列出 Mac OS X， Photoshop 等工具的快捷键清单。

gridr buildrrr
一个在线网格设计工具，选择你希望使用的网格布局，帮你预览并生成 CSS 代码。

Instant Blueprint – Create a web project framework in seconds.
帮你瞬间生成一个 Web 项目框架，基于合法 HTML/XHTML 和 CSS。

Hummingbird
一个实时的（真正的实时，每秒刷新20次）站点流量分析工具，基于 Node.js.

jsFiddle
在线 Web 编辑器，支持 JavaScript, MooTools, jQuery, Prototype, YUI, Glow, Dojo, HTML 以及 CSS。

String: create a multi-language website or app
帮你创建多语种 Web 应用的资源文件，

Titanpad
可以多人同时编辑同一个文档，别的改动会实时以不同颜色标识，可以是同一个办公室的多个用户，也可以是地球另一边的多个用户。

Pixelnovel Timeline: Version Control for Adobe Photoshop
该工具通过插件方式集成 Subversion 客户端，可以在 Photoshop 中实现版本控制。非免费工具。

0to255
给出一种颜色，会帮你列出这种颜色由浅入深的各种颜色变化，并特别针对 Web 做了优化。

Load Impact: Website load/stress test
一个在线压力测试工具，模拟多用户同时访问你的站点，并出具报告以分析你的站点可以支撑的访问者数量。

Ideone: Online IDE & Debugging Tool
一个在线 IDE 和调试工具，支持多达40种语言，包括 C++, Java, JavaScript, Perl, PHP, Python and Ruby，同类产品：PHP Anywhere 以及 CodeRun 。

Online Dummy Image Generator
快速帮你生成一个在线虚拟图片，以便您进行某些测试。

HiFi RegExp Tool
在线正则表达式工具。

Tableizer （推荐）
将你 Excel 表格中的内容复制粘贴到这个站点，它会帮你生成 HTML 格式的表格（HTML Table）。

FollowUpThen: Easy Email Reminder
-假如你希望有人提醒你什么时候该做什么事，你可以给比如 1day@followupthen.com 一类的地址发个邮件，1day 表示一天后，这样，一天后，你会收到他们的提醒邮件，1day 可以改成人和别的时间间隔。

Divine: Conversion tool from PSD to HTML
这个工具是一个 Photoshop 插件，可以将你的 PSD 转换成 WordPress 主题。（译者：有待验证）

Kaleido
为你的代码创建视觉化标识。来自麻省理工。

Sketchpad
一个强大的在线图像编辑器。难能可贵的是，这是基于 HTML5 的。

Unicode code converter
虽然界面有些乱，但这个工具能把一段文字转换成各种编码形式。

Grid System Generator
另一个网格设计生成器。

ud.com namecheck （强烈推荐）
这个看似简单的工具，可以帮你查询某个名字是否还可以注册域名，商标，已经社会媒体网络入口。

Typograph — Scale & Rhythm
这个工具可以帮你即时预览各种不同的 Web 排版效果，并生成代码。

ColorBrewer Intro – Selecting Good Color Schemes for Maps
适用于地图的配色工具。

CSS Inliner Tool （推荐）
将独立的 CSS 定义转换为 Inline CSS。假如你使用电子邮件进行营销，会发现这种工具非常实用，因为邮件客户端常常会将你独立的 CSS 代码过滤掉，而 Inline CSS 不会被过滤。

HTML Purifier – Filter your HTML the standards-compliant way!
这个使用 PHP 设计的工具，可以对你的 HTML 代码进行过滤，去除其中的恶意代码，并按 W3C 标准对代码进行净化。

Rendera
在线编写 HTML5 和 CSS 代码，现场看到效果。

RegExr
又一个在线学习，体验，测试正则表单式的地方。

try ruby! (in your browser)
Ruby 在线体验。

Google Command Line
使用命令符访问 Google 的一些产品和服务。

Tiny Fluid Grid
又一个网格设计工具，很小巧。

Fonolo.com
这个很别致的站点，可以帮你快速接通那些大公司的免费技术电话，不过目前只能用于美国和加拿大。

Producteev: Creating To-Do Lists with Emails （推荐）
把重要的工作安排发到 task@producteev.com，他们会帮你生成一个任务列表，以便安排你的日程。

AddUse – User research made easy
一个在线用户测试或调查管理工具。

bookwhen （推荐）
帮助你的用户在线预订你的展会，课程等服务，免费版支持150个项目以及每月300个预订。

本文国际来源：Smashing Magazine 50 Powerful Time-Savers For Web Designers （原文作者：Vitaly Friedman）

参加了在携程网举办的第七期Web标准化交流会，本次活动的主题为前端开发团队现状调查和未来期望，这是我第三次参加Web标准化交流会的线下活动。

这次交流会人不是很多，不过气氛还是蛮好的，大家讨论地很投机，整个讨论会下来，收获还是蛮多的，兴奋之余，一起聚了个餐。

本次讨论会以开发和及版本控制工具开头，大家各自分享了自己的使用工具及使用后感，恩，还是很不错的，交流会就要这样嘛！

版本控制提到的最多的工具如下：
一、Subversion(简称SVN）
简单介绍一下：Subversion是一个版本控制系统，相对于的RCS、CVS，采用了分支管理系统，它的设计目标就是取代CVS。互联网上免费的版本控制服务多基于Subversion。

优于CVS之处

• 原子提交。一次提交不管是单个还是多个文件，都是作为一个整体提交的。在这当中发生的意外例如传输中断，不会引起数据库的不完整和数据损坏。
• 重命名、复制、删除文件等动作都保存在版本历史记录当中。
• 对于二进制文件，…

二、Visual Source Safe(简称VSS）
简单介绍一下：VSS的配置管理的功能比较基本，提供文件的版本跟踪功能，对于build和基线的管理，VSS的打标签的功能可以提供支持。VSS提供share（共享)、branch(分支）和合并（merge)的功能，对于团队的开发进行支持。VSS不提供对流程的管理功能，如对变更的流程进行控制。VSS不能提供对异地团队开发的支持。此外VSS只能在windows平台上运行，不能运行在其他操作系统上。

三、Concurrent Version System(简称CVS)
CVS的功能除具备VSS的功能外，还具有：
它的客户机/服务器存取方法使得开发者可以从任何因特网的接入点存取最新的代码；它的无限制的版本管理检出(checkout：注1)的模式避免了通常的因为排它检出模式而引起的人工冲突；它的客户端工具可以在绝大多数的平台上使用。同样，CVS也不提供对变更流程的自动管理功能。

四、Git
简单介绍一下：Git 是用于 Linux 内核开发的版本控制工具。与常用的版本控制工具 CVS, Subversion 等不同，它采用了分布式版本库的方式，不必服务器端软件支持，使源代码的发布和交流极其方便。 Git 的速度很快，这对于诸如 Linux kernel 这样的大项目来说自然很重要。 Git 最为出色的是它的合并跟踪（merge tracing）能力。

俺只听清楚这几个，剩下的大家补充，嘿！

开发工具主要还是DW 、Editplus、aptana

最后语义化把讨论会推到了高潮，一位仁兄拿出来两个问题（详见：http://bbs.blueidea.com/thread-2982013-1-1.html）

感谢携程的场地提供，感谢WEB标准化交流会能把我们聚在一起，感谢大家的分享。

本地可以播放FLV文件，但是上传到网络却不可以。为什么？

This is why：
“.flv是Flash媒体播放器支持的视频格式，但部分服务器需要进行MIME 类型映射设置，才能支持.flv视频格式。否则，本地能够正常播放的.flv文件，一传到服务器上就无法显示。”

MIME 类型映射设置的具体步骤是：
“开始” > “控制面板” > “管理工具” >“Internet 信息服务（IIS管理器）”，找到您的网站，右击 > “属性” > “HTTP头” > “MIME类型” > “新建”，在“扩展名”框内输入“.flv”，“MIME类型”框中输入“flv-application/octet-stream”，然后确定即可。（“MIME类型”只是一个描述，并非非得输入“flv-application/octet-stream” )

一起等吧，hiahia

http://www.cnbeta.com/articles/108447.htm

Adobe Systems公司今天宣布推出新一代网络、设计与开发软件套装“Creative Suite 5”(CS5)，所有组件和套件都升级到了最新版，距离Adobe CS4更新已经一年半。

Adobe CS5仍然分为大师典藏版、设计高级版、设计标准版、网络高级版、产品高级版五大版本，各自包含不同的组件，总共有15个独立程序和相关技术。

三剑客 (右侧导航展开)

PS CS5 http://www.adobe.com/cn/products/photoshop/photoshopextended/

DW CS5 http://www.adobe.com/cn/products/dreamweaver/

FW CS5 http://www.adobe.com/cn/products/fireworks/

费话不说开始做吧，打开PDF，文字不能复制，一个电话给客户，然后就收到对方的一个光盘，打开，直接晕了，这叫什么跟什么啊，整个什么  格式的文件给我，还是不行。还有两天时间就要完成，不等了，我先google 一把，Yeah，发现个好东东，可以识别pdf里面文字的好玩意，贴出来分享一个。

想知道的往下看吧！

这个神奇的东西就是CAJViewer，下载地址：http://www.skycn.com/soft/41564.html

老规矩，说一下怎么用的吧，安装好以后，用CAJViewer打开pdf，然后工具——选择图像，右击——文字识别，OK，文字出来了。贴几张图片看看吧：

不过这个小工具也有一个bug，就是识别的东西不一定很准（比如：它会把co₂识别成coz），不过也不是很差劲的！