闲聊网页制作工具

| 20 comments 2008-11-13 11:12:43

试用了一下刚出的Dreamweaver CS4,第一感觉是速度比以前快了。试用了一会儿就关了,在这个CSS决定表现的时代,想不出有什么理由还用它。“网页三剑客”的说法现在已经几乎听不到了。

做网页,我的常用工具包括Editplus、Coda和CSSEdit。

Editplus

在Windows上,Ultraedit太复杂,Aptana太笨重。Editplus小巧轻便,想开就开想关就关,一个字:快!无论是CSS、HTML还是Javascript我都用它包圆了。

Coda

Mac上很多人喜欢用Textmate,尤其是写Ruby的人更是对它赞不绝口。我则偏爱Coda,主要的原因是其用户体验好。不光是我这么认为,Apple也是如此-实际上,Coda是2007年的“Apple Design Award”获得者,奖项是“Best Mac OS X User Experience”。现在知道它的厉害了吧!

关于Coda的具体功能和特点,你可以去它的网站详细了解一下。顺便说一句,它的网站做的也是一流的棒!不仅视觉效果非常漂亮,而且和Coda的界面风格统一,更绝的是,就这样一个看似简单的网站,却发明了两种Javascript特效,一是“Download”按钮上面的浮动提示框,二是网页主体部分的滑动面板。目前这两种效果都已被jQuery爱好者封装为jQuery的插件。

Coda的官方网站Coda的官方网站

CSSEdit

其实Coda也可以编辑CSS,并且功能也不赖,可是和CSSEdit比起来还是稍逊一筹。

CSSEdit最让我满意的,有两个地方。一是其代码提示的手感非常好,这手感堪比MS的IDE(比如VB),写代码时干净利落、一气呵成,爽快得很!二是其“实时预览”功能非常好用,屏幕大的话,左面放预览窗,右面是编辑器,一边写CSS一边看效果,不用保存、刷新和切换,工作效率之高可想而知!

CSSEdit和24寸宽屏CSSEdit和24寸宽屏

另外,CSSEdit也是2007年“Apple Design Award”得主,奖项则是“Best Mac OS X Developer Tool”,它的官方网站做得也很棒!

20 comments so far

  1. 蹲在街角狂笑 2008-11-13 13:59:02

    big_smile.gif 多谢啊~订阅你Blog总能学到不少~

  2. 初学者 2008-11-14 12:03:43

    多谢了,博主写的很实用,对我很有帮助,现在就订阅你的Blog!

  3. 龙子 2008-11-16 08:28:17

    CSSEdit头次听说,以后用用!

  4. 龙子 2008-11-16 08:48:45

    @Felix

    CSSEdit在Windows上不能用?

  5. 丁宇 2008-11-16 12:40:08

    @龙子: 不能,只有Mac版。

  6. jay 2008-11-18 11:20:46

    editplus有自动完成功能,写css和html都很快啊

  7. 丁宇 2008-11-18 12:50:57

    @jay: 有的,我很喜欢Editplus。有机会试试看CSSEdit,自动完成的手感非常好!

  8. fireyy 2008-11-19 10:50:14

    CSSEdit公司的另一个产品<a href="http://macrabbit.com/espresso/" title="Espresso">Espresso</a>,让人期待。

  9. emin 2008-11-30 20:35:37

    要是editplus有代码折叠功能就好了

  10. Ben 2008-12-15 14:13:23

    editplus有代码折叠功能的。只不过是根据缩进判断而不是根据语法判断。囧~~~

  11. fen 2008-12-16 00:26:20

    非常想试cssedit,可惜一直没有mac

  12. yichi 2008-12-18 16:00:20

    caresse.gif coda加cssedit堪比最强力的组合!可以丢掉之前的工具了。Dreamweaver我也安装了,但几乎没有用过zzz.gif

  13. z.Yleo77 2008-12-20 10:23:36

    没用过cssedit, 一直用最基本的那些,感觉挺不错。试试这个来。

  14. belltoy 2008-12-24 21:16:01

    vim是我手边最方便的工具

  15. j8code 2008-12-26 16:45:20

    我喜欢notepad++

  16. 倒计时 2009-01-05 10:53:56

    angel.gif

    我喜欢,实用!

  17. 失意 2009-01-07 09:48:38

    sad.gif我公平停留在网页三剑客制作网页的基础上呢,真该多出来看看啦……

  18. 9月森林 2009-02-20 11:11:56

    angel.gif 已经是第二次到这里了,呵呵,每次来都用收获,已经收藏了你的站,谢谢分享。

  19. ZZB 2009-03-06 18:09:24

    很遗憾,CSSEDIT只在MAC上才有

    目前在Windows下只能使用Firefox的firebug插件来代替

  20. 冰桃 2009-06-03 10:33:45

    又看了一次 收藏一下

    等有空再逐一试用

(Support Gravatar)
  • angel.gif
  • glasses.gif
  • hum.gif
  • sad.gif
  • caresse.gif
  • sick.gif
  • angry.gif
  • zip.gif
  • gun.gif
  • emu.gif
  • big_smile.gif
  • clin_oeil.gif
  • devil.gif
  • wahou.gif
  • confus.gif
  • mad.gif
  • larme.gif
  • wave.gif
  • scare.gif
  • lang_1.gif
  • ask.gif
  • xd.gif
  • eye_up.gif
  • mdr.gif
  • smile_1.gif
  • lang_2.gif
  • zzz.gif
  • bad_smile.gif
  • jet.gif
  • smile_2.gif
  • love.gif

About

我在厦门拍的照片

丁宇(Felix Ding),电脑Geek,狂热的爱书和爱乐分子,99年迷上网页设计,并从此一发不可收。现在在上海做用户体验/产品设计咨询。Email: felixding[AT]gmail.com。

订阅到RSS