闲聊网页制作工具

| 16 条评论 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”,它的官方网站做得也很棒!

16 comments so far

  1. http://www.gravatar.com/avatar/3387dc924df031118656e96c424b937a/?default=http%3A%2F%2Fdingyu.me%2Fblog%2Fimg%2Favatars%2Fdefault.jpg 蹲在街角狂笑 2008-11-13 13:59:02

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

  2. http://www.gravatar.com/avatar/d0f98c92db4dfc63b799c938e01ac74b/?default=http%3A%2F%2Fdingyu.me%2Fblog%2Fimg%2Favatars%2Fdefault.jpg 初学者 2008-11-14 12:03:43

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

  3. http://www.gravatar.com/avatar/994a1f9def6f0901441bba8724adf4d5/?default=http%3A%2F%2Fdingyu.me%2Fblog%2Fimg%2Favatars%2Fdefault.jpg 龙子 2008-11-16 08:28:17

    CSSEdit头次听说,以后用用!

  4. http://www.gravatar.com/avatar/994a1f9def6f0901441bba8724adf4d5/?default=http%3A%2F%2Fdingyu.me%2Fblog%2Fimg%2Favatars%2Fdefault.jpg 龙子 2008-11-16 08:48:45

    @Felix

    CSSEdit在Windows上不能用?

  5. http://www.gravatar.com/avatar/7aa99b54c8a5cb8b86c231d2587f2e51/?default=http%3A%2F%2Fdingyu.me%2Fblog%2Fimg%2Favatars%2Fdefault.jpg 丁宇 2008-11-16 12:40:08

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

  6. http://www.gravatar.com/avatar/cb9e58891ba7f47286edb660919f72b4/?default=http%3A%2F%2Fdingyu.me%2Fblog%2Fimg%2Favatars%2Fdefault.jpg jay 2008-11-18 11:20:46

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

  7. http://www.gravatar.com/avatar/7aa99b54c8a5cb8b86c231d2587f2e51/?default=http%3A%2F%2Fdingyu.me%2Fblog%2Fimg%2Favatars%2Fdefault.jpg 丁宇 2008-11-18 12:50:57

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

  8. http://www.gravatar.com/avatar/2b0f1f4e30aa8fa063e8eaec92fcd69c/?default=http%3A%2F%2Fdingyu.me%2Fblog%2Fimg%2Favatars%2Fdefault.jpg fireyy 2008-11-19 10:50:14

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

  9. http://www.gravatar.com/avatar/3d089a1a6b7d2bf6bd6588f403262293/?default=http%3A%2F%2Fdingyu.me%2Fblog%2Fimg%2Favatars%2Fdefault.jpg emin 2008-11-30 20:35:37

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

  10. http://www.gravatar.com/avatar/96e5b38de230ac5d53f2b74d0689f07f/?default=http%3A%2F%2Fdingyu.me%2Fblog%2Fimg%2Favatars%2Fdefault.jpg Ben 2008-12-15 14:13:23

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

  11. http://www.gravatar.com/avatar/b396828cad903835ae5da477ea263764/?default=http%3A%2F%2Fdingyu.me%2Fblog%2Fimg%2Favatars%2Fdefault.jpg fen 2008-12-16 00:26:20

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

  12. http://www.gravatar.com/avatar/b94ee99b30542d5c6e0a87f4d350a8c6/?default=http%3A%2F%2Fdingyu.me%2Fblog%2Fimg%2Favatars%2Fdefault.jpg yichi 2008-12-18 16:00:20

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

  13. http://www.gravatar.com/avatar/b745863ab63bf22e46f883a753ae1813/?default=http%3A%2F%2Fdingyu.me%2Fblog%2Fimg%2Favatars%2Fdefault.jpg z.Yleo77 2008-12-20 10:23:36

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

  14. http://www.gravatar.com/avatar/fd048fd932e9cda681127cfa22ed98b3/?default=http%3A%2F%2Fdingyu.me%2Fblog%2Fimg%2Favatars%2Fdefault.jpg belltoy 2008-12-24 21:16:01

    vim是我手边最方便的工具

  15. http://www.gravatar.com/avatar/4372770963d9a05be47d3ca64b8eae31/?default=http%3A%2F%2Fdingyu.me%2Fblog%2Fimg%2Favatars%2Fdefault.jpg j8code 2008-12-26 16:45:20

    我喜欢notepad++

  16. http://www.gravatar.com/avatar/dfe2d4a2502b455544f984d1935a12e6/?default=http%3A%2F%2Fdingyu.me%2Fblog%2Fimg%2Favatars%2Fdefault.jpg 倒计时 2009-01-05 10:53:56

    angel.gif

    我喜欢,实用!

有什么要说的,尽管来

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

关于

我在南京拍的照片

丁宇(Felix Ding),电脑Geek,狂热的爱书和爱乐分子。现在在Idean做用户体验设计咨询方面的工作。咨询Email: 。注:1)请先自我介绍;2)请确保你先看过“提问的艺术”。

订阅到RSS