Muse，缪斯，传说中的文艺女青年神。Adobe 发现除了程序员外的文艺青年们是如此痛恨计算机代码，以至于他们宁愿学习 Photoshop 都不愿学习 HTML。于是有了 Muse 项目，十分耳熟地宣称：不用写代码，也能做网站。

事实上，Muse 最大的受众是有传统出版物设计能力的人(俗称美工)。有了 Muse，可以用设计杂志的操作设计网页，InDesign 深度整合，创建网页交互变得十分直观简单。Muse 提供多种选项，自动生成符合网络标准的 HTML 代码。Muse支持最新的Web标准，比如HTML5 CSS3 神马的。

Muse 使用界面观感是风格明显的 Adobe 系软件，如果你 Photoshop/Indesign 玩的熟练，这玩意没什么难度。软件用项目的方式管理网站，从设计制作到发布，确实不用写任何代码。自然，如果你要求不高的话。

网站上也列举了好多 Muse 成品网站，专业美观。

只是二狗觉得这一切似曾相识，尤其之前有个软件叫 FrontPage，好像是制作 IE6 专用网页用的，初中还学过。值得一提，Muse 是 Adobe Air 的，目前测试期免费，以后可能钻入到 Adobe CS? 套装里面。

下载: 官网 | 来自小众软件

相关文章

• Zen Coding – 超快地写网页代码
• dirhtml – 把文件夹结构导出为网页
• Browser Size – 查看网站在不同分辨率下的显示
• K.F.Storm 豆瓣电台客户端 – 界面非常友好的客户端
• SpeedTao – 极简下载之道 [Mac]

无法下载的自备云梯。

下载: 官网 | 下载 | 来自小众软件

相关文章

• Adobe Muse – 零代码网站制作
• Private Eye – 实时监视网络连接[Mac]
• URL2Jpeg – 截取网页
• Watch 4 Folder – 监视文件夹/文件改变
• Restart on Crash – 监视并重启崩溃的程序

url2jpeg 支持多语言，包括中文。使用 url2jpeg ，你可以很轻松的截取网页任意大小、格式的图片。

p.s：要安装 Microsoft .NET Framework 2.0

下载(54.6 KB): uudisc | 官方网站 | 来自小众软件

相关文章

• Skitch – 瑞士军刀级的图片编辑器免费了[Mac]
• 网页图片,视频提取工具
• [抓图工具]QQ提取而来
• 网络标准头像采集工具 – 快速制作标准尺寸头像图片
• Office Image Extraction Wizard – 提取文档图片

拥有漂亮的 CSS 导航菜单，是很多同学都希望的。CSS3Menu 能帮助你十分简单并且省事的创建一个导航栏菜单，你只需点几下鼠标，选几种颜色，完事。如果利用内置的模板那就更容易了，只需输入菜单上的文字即可。

比较遗憾的是在 @scavin 试用过程中，CSS3Menu 的导出功能貌似不支持 UTF-8，也就是说你需要手动修改代码，添加中文。不过对于习惯了手写 CSS 的设计同学来说小菜一碟了。你可以从这里看到 @scavin 随手制作的一个导航栏。

uushare | 来自小众软件 | 官方主页

相关文章

• CSSVista – IE 和 Firefox 双 CSS 编辑器
• Boks – 可视化 Blueprint 框架 CSS 生成工具[AIR]
• CSS Tab Designer – 网页特效
• Adobe Muse – 零代码网站制作
• NotiPage – 监视网页更新，口水仗必备

下面的动态演示图，只是它强大功能的一部分而已。它无视了编辑器的自动提示和自动完成，秒杀了你自定义的各种快捷键或者 AHK 的热字符串，以智能简洁高效的缩短输入，带给你超快速地书写各种复杂而枯燥的 HTML 和 CSS 代码的体验。

先举一个复杂的例子：zen-coding 可以把这样的代码：div#header>ul.navigation>li*4>a，变成下面的 HTML 代码

<div id=”header”>
    <ul class=”navigation”>
        <li><a href=”"></a></li>
        <li><a href=”"></a></li>
        <li><a href=”"></a></li>
        <li><a href=”"></a></li>
    </ul>
</div>

看到这熟悉的语法结构，会 CSS 的朋友一定会惊声尖叫！最妙的是那个“*4”，直接生成 4 个 li 代码了。没错，Zen Coding 就是这样牛叉的东西，Zen Coding 分为 Zen HTML 和 Zen CSS 两部分。这两部分功能是以插件的形式来实现的。如果你用 NetBeans、SlickEdit、Sublime、TextMate、TopStyle、UltraEdit、WebIDE and IntelliJ IDEA、Dreamweaver、Aptana 都可以在官方下载页面找到相关的插件。

即使你不使用上面提到的编辑器，那么还有一种选择，点击下载页面的最后一个链接： Zen Coding for <textarea>。这是一个网页版的 Zen Coding！打开 example.html 之后，把光标定位到文本框里面，按下 Ctrl + E 试试吧。

网页版快捷键说明：

1. Ctrl + E：展开代码
2. Ctrl + D：向外快速选中代码块
3. Shift + Ctrl + D：向内快速选中代码块
4. Shift + Ctrl + A：输入一个缩写，自动展开并包围所选代码
5. Ctrl + Alt+→ ：光标智能跳转到下一个编辑点（自己试试就知道多体贴了）
6. Ctrl + Alt+←：光标智能跳转到上一个编辑点
7. Ctrl + L：选择一行

官方演示视频：Zen CSS 和 Zen HTML。另外，缩写的含义请看：Zen CSS Properties 和 Zen HTML Elements，各种插件的安装方法请看官方 wiki。

最后提醒一点：在这个墙外的官方演示视频(高清)中，墙内观看地址，还出现了自定义缩写的演示。具体设置过程请参考官方 wiki。

下载：官方网站

P.S. 前端观察已经写了详细的教程 Zen Coding:快速编写 HTML/CSS 代码

update: 多谢 SULei 的提醒：EditPlus 也有了，zen code for EditPlus

相关文章

• Adobe Muse – 零代码网站制作
• dirhtml – 把文件夹结构导出为网页
• K.F.Storm 豆瓣电台客户端 – 界面非常友好的客户端
• SpeedTao – 极简下载之道 [Mac]
• LastPass – 浏览器的密码管理器

HP Web Page Printing 目前支持 Windows XP, Windows Vista® and Windows 7 系统，以及 Internet Explorer 6, 7, 8 和 Firefox 3.5 浏览器（暂不支持 FF3.6）。[via tothepc]

当你发现需要打印的网页时，通过浏览器工具栏上的按钮，打开 HP Web Page Printing 边栏。点击选择，在页面上选取需要打印的部分，可以多次选取，自动组合。官方有个很详细的视频教程，一看就会。

当然，HP 的东西一上来就很大，有 26M，想尝试的同学前往官方下载

相关文章

• Adobe Muse – 零代码网站制作
• NotiPage – 监视网页更新，口水仗必备
• URL2Jpeg – 截取网页
• ViewText – 查看网页正文
• CSS3Menu – 网页导航菜单制作工具

运行 SearchSelected Search Tool 后，要在托盘图标中设置要使用的搜索引擎，中文用户有 Google、Bing、Yahoo 可以使用。在浏览器中，首先用鼠标选中文字，支持中文，使用快捷键 CTRL + SHIFT + C，便会自动打开浏览器并搜索。非常简单。

而在 Firefox 中，就更容易实现选中文字的搜索了。一般的超级拖拽扩展 (Easy DragToGo、Super DragAndGo) 都支持，而且还可以自定义更多的拖拽功能。

另外，SearchSelected Search Tool 提供了一段视频来演示网页搜索功能，会穿越的同学先看下面的 Youtube 视频，优酷的视频审核中，一会换上。其主页也需要穿越访问。

下载(236KB): brsbox | 官方主页 | 来自小众软件 | skydrive | uushare

相关文章

• Adobe Muse – 零代码网站制作
• FileLocator Pro – 无索引快速全文搜索
• 光速搜索 – 本地文件快速搜索工具
• NotiPage – 监视网页更新，口水仗必备
• Tunesque – 菜单栏搜索 ITunes Store [Mac]

WizBrother SaveAs Plus 与网文快捕（CyberArtcile）师出同门（它的内核就是 CyberArtcile）。如果你需要系统化管理你保存的网页、资料，你还是应该使用网文快捕，当然它是共享软件（不过，我购买正版了，从4.x时代我就喜欢上了它），网博士则是一款非常好的替代工具。

WizBrother SaveAs Plus 也不大，只有900+KB，它支持多种浏览器（注：下文有很大部分以及上面的截图引用其官网介绍）：

1. IE 兼容：IE 为工具栏模式和右键模式，而以其为内核的浏览器则只能右键模式，网页右键-加强另存为。
2. FireFox 兼容：xpi 插件安装，然后网页右键-加强另存为：
3. Opera 兼容：在菜单中点击加强另存为。
4. Chrome、Safari 等 Netscape 兼容浏览器：书签栏书签方式启动（不完美，还是用 FF 或是 IE 之流吧）。支持 Google Chrome 1/2、Opera 9/10、Apple Safari3/4、Netscape

其实 WizBrother SaveAs Plus 真的不需要多做说明，用用就知道鸟。我给个截图先：

下载：官方主页

相关文章

• Adobe Muse – 零代码网站制作
• NotiPage – 监视网页更新，口水仗必备
• URL2Jpeg – 截取网页
• CSS3Menu – 网页导航菜单制作工具
• Zen Coding – 超快地写网页代码

而 Boks 的出现，正好弥补了 Blueprint 没有提供可视化工具的缺憾。

在主界面的格子上拖拽，就可以轻松画出你想要的布局。在下面的面板里，都可以为每一个 DIV 设置 ID，Class 和 HTML 代码等。绘制完成之后，点击 Export 就可以导出为网页文件了。

下面提供一个官方的操作演示视频：

注意，此软件需要下载 Adobe AIR，如果 Adobe 官方网站下载太慢的话，可以去华军或者天空下。

下载（946KB）：uushare|官方网站|来自小众软件|skydrive|dropbox

延伸阅读：

• 刷新一下大脑，Grid based web design… 
• 浅谈网页设计中的黄金分割
• CSS Grid frameworks 学习笔记(1)
• CSS Grid frameworks 学习笔记(2)
• CSS Grid frameworks 学习笔记(3)

相关文章

• CSS3Menu – 网页导航菜单制作工具
• CSSVista – IE 和 Firefox 双 CSS 编辑器
• CSS Tab Designer – 网页特效
• Adobe Muse – 零代码网站制作
• NotiPage – 监视网页更新，口水仗必备

不知道有多少人会觉得自己的 blog 访问速度很快，或者说很满意？而除了一国两制的线路原因外，还有很多其它原因，比如边栏工具，比如图片链接，比如插件等等。

HttpWatch Basic Edition 为免费版本，更强大的 Professional Edition 是要钱的，况且我们也用不到那么多功能。

首先安装 HttpWatch Basic Edition，会把自己添加进 IE 里，如果系统内有 Firefox，会提示你是否要安装 Firefox 版本。

打开方式：

IE 浏览器

Firefox 浏览器

打开 HttpWatch Basic Edition 后，先别急着诊断，选择 Tools > Clear Cache and All Cookie (Alt + Del) 清空浏览器缓存和 Cookie，因为我们要模仿新访客第一次来网站的情况。

清空完毕，这个时候不要打开任何网页，点击 Record 按钮，输入网址，开始载入。

很快，就会得到如第一幅截图的报表，里面有浏览器访问网页每一步的记录，从中，你就可以看到哪一步花费的时间长，我们就可以针对它进行优化了。

比如小众发现 Highslide Integration 插件严重拖慢速度，虽然此插件对图片的浏览很华丽，但是太过于拖慢速度，停掉。

我记得有个网站也可以实现此功能，但不记得名字了。

软件比较大，8M，仅提供 brsbox 及 官方下载

相关文章

• Page Speed Online – 在线检测网站加载速度
• 数字签名检测工具 – 快速检测所有数字签名
• Adobe Muse – 零代码网站制作
• NotiPage – 监视网页更新，口水仗必备
• IsMyLcdOK – 检测屏幕坏点