我们从讨论 每月服务成本 开始这个小系列,然后开始了一个关于 收入的投票,现在让我们继续讨论软件。这次是您只需购买一次的软件。它可能偶尔会有付费升级,但这些都是可选的(例如 Adobe Creative Suite)。
下面我将列出我的一套一次性软件。我将列出名称、为什么/如何使用它,以及我知道的免费或更便宜的替代方案。这仅限付费软件,不包括免费软件。我将列出 Mac 软件,因为这是我使用和了解的,但如果您使用不同的操作系统,请不要觉得被排除在外,这同样重要,请在评论中分享。
这样做的目的是描绘当今作为一名网络开发者所面临的财务进出的画面。我认为我们会在接下来的一篇文章中继续讨论硬件成本,然后发布一篇总结文章,将所有数字汇总在一起,看看我们能发现什么。
Sublime Text 2 ($59)
您必须有一个代码编辑器。这个很棒。使用一次许可证,您可以在任意数量的(您自己的)计算机上使用它,即使是跨操作系统的。如果您为大型团队购买,价格更便宜。
替代方案:TextMate 是开源的 / Brackets 是基于网络的
CodeKit ($25-$35)
我使用预处理器,而 CodeKit 为我处理所有这些语言的编译。它还提供代码提示、连接、样式注入和图像压缩,使其成为一个非常有价值的工具。
替代方案:一次性工具,如 Image Optim(用于图像压缩)/ SoFresh 书签工具(用于样式注入)/ 仅通过命令行使用预处理器
Tower ($59)
我使用 Git,但并不总是使用 GitHub。就像预处理器一样,我可以通过命令行使用 Git。我发现使用应用程序更舒适(简单的按钮点击)、更有用(对差异的漂亮视图)以及更高效(在项目和分支之间切换非常容易)。
替代方案:如果您使用所有 GitHub 仓库,则可以使用 GitHub for Mac(或 Windows)/ 命令行
Coda ($75)
我不使用(并且强烈反对)使用 FTP 命令编辑代码,但使用 FTP 客户端非常重要。也许您需要编辑一些您故意不包含在版本控制中的文件。在这种情况下,我认为内置编辑器非常方便。
替代方案:Transmit 价格是它的一半,但没有编辑器 / CyberDuck 是适用于 Mac 和 Windows 的免费软件。
Creative Suite (Design Standard, $1,299)
在设计工作中,我仍然大量使用 Photoshop 和 Illustrator。有时,在偶尔进行印刷工作时也会使用 InDesign。对于这三大件来说,Design Standard 是一个非常实用的选择,因为它包含了这些软件以及一些您可能不会用到的其他软件。
MAMP Pro ($59)
MAMP 中的第一个 M 代表“Mac”,但它也有(W)indows 和(L)inux 版本。其他字母代表(A)pache、(M)ySQL 和(P)HP。它将它们捆绑在一起,为您提供了在本地开发网站所需的依赖关系。好吧,至少是包含这些依赖关系的网站,其中包括几乎所有流行的 CMS。Pro 版本添加了轻松创建新的本地域名功能。
替代方案:MAMP Regular / 这些都是开源的东西,所以您可以学习自己安装和管理它们。
1Password ($49.99)
存储并帮助我输入所有网络密码。在所有浏览器和设备之间同步。我经常切换浏览器,因此这非常有价值。
替代方案:LastPass / 墙上贴的一张纸
Things ($49.99)
待办事项列表,可同步。
替代方案:有 100 亿个待办事项应用程序,您一定能找到它们。我的日历、电子邮件客户端和操作系统都具有待办事项列表功能。
ScreenFlow ($99)
它用于录制、编辑和导出屏幕截图。并非所有开发者都需要它,但这是我的万能工具。我认为所有开发者都有一些非常特定于他们所做的事情的应用程序,这些事情在所有开发者中并不常见。
替代方案:使用 QuickTime Player 录制屏幕
总计
服务 | 成本 |
---|---|
Sublime Text 2 | $59.00 |
CodeKit | $30.00 |
Tower | $59.00 |
Coda | $75.00 |
Creative Suite | $1,299.00 |
MAMP Pro | $59.00 |
1Password | $49.99 |
Things | $49.99 |
ScreenFlow | $99.00 |
总计 | $1,779.98 |
这代表了我认为的一套真正优质的软件工具。也就是说,无论是出于爱还是为了钱,它都无法变得更好。
分享
我很想听听你们的一次性软件成本。它与我的成本相比有很大不同吗?如果你使用 Linux 或 Windows,它会有多大不同?有谁的支出明显高或明显低吗?
你每个月都买一套 Creative Suite 吗?还是表格有点问题?
这篇文章是关于一次性成本,而不是每月成本。大约一周前有一篇关于 每月成本的文章。
你可以(正如你可能知道的)每月支付 Creative Suite 的费用,但我从未这样做过,我一直都是一次性购买。
是的,但你表格末尾的成本标题仍然是“每月成本”。
我想 Barry 想说的是上面的表格标注为“每月成本”,这考虑到所有软件都是“一次性付费”是错误的。“服务”标签也有些错误,应该类似于“工具”或“软件”。我想你从你每月使用的服务的文章中复制了这个表格;-)
“每月成本”标签有点误导。如文章开头所述
“…现在让我们继续谈谈软件。这一次,我们谈论的是你只需要购买一次的软件。它可能偶尔会提供付费升级,但那些都是可选的。”
如果表格只显示“成本”,可能更准确。
“这一次,我们谈论的是你只需要购买一次的软件。 ”
我使用 Google 任务来管理我的待办事项,并且可以与我的 iPhone 和 iPad 中的 GoTasks 应用程序(免费)同步!非常实用且完全免费! ;-)
我打算研究一下。我目前正在通过 Evernote 使用 GTD 系统,但我一直在寻找最简单的跟踪所有内容的方法。
很酷,表格标题写的是每月成本:) 顺便说一下,评论预览很酷。
Wunderkit 是我的首选待办事项应用程序,它可以在所有设备上同步,并且有一个很棒的网络版本。
Source Tree 是 Tower 的一个不错的免费替代方案。在观看你的屏幕录像后,我尝试了一下 Tower,发现 Source Tree 也可以很好地完成工作。
CodeKit 很棒,我尝试过一些其他替代方案,但没有一个能与 CodeKit 相比。
啊,确实,谢谢!
(我们)Windows 用户非常需要 CodeKit。任何其他替代方案都远远不够。
我同意。我无法理解命令行,因此我使用 [免费] 应用程序“Scout” (http://mhs.github.com/scout-app/) 来编译 SASS。它非常简单,你只需点击“播放”按钮即可轮询 .scss 文件的变化,但它并不美观。
我使用过 Scout 和 Compass.app,我更喜欢后者。它不那么侵入,内存使用更少,并且我可以更好地控制项目的配置。
但 Scout 确实减少了在命令行上花费的时间,这是肯定的。
我使用 less,发现 WinLess 还不错。我只将它用于基本原因(将 less 编译为标准 CSS)。我从未使用过 Codekit,但在教程中看到过它。看起来好多了。前几天我差点买了一台 Mac,就为了 Codekit。
对于 LESS 用户,SimpLESS 很棒,它是免费的,可以自动监控你的 LESS 文件,并且内置了压缩功能。
您好,
Tower 的一个很棒的免费替代方案是 SourceTree 。我几天前开始使用它,感觉很棒。
我来这里就是为了发布这个。我使用过 sourcetree 和 tower(虽然只试用过 tower),但我找不到任何明显的区别,除了一个(sourcetree)是免费的。
Chris,关于软件就这些了,但我很好奇你使用什么硬件?是 MacBookPro 还是类似的东西?为什么不在 Windows 机器上进行开发?
Chris,你启发我写了一篇关于网页开发人员/设计师的任务管理软件的文章。我们在 Houndstooth 使用 Trello,但我个人使用 Wunderlist,但我尝试过很多其他软件。有很多软件,只有少数软件具有使其真正脱颖而出的功能,例如 Things 有我喜欢使用的快速笔记键盘快捷键。不错的文章。你不用 Coda 的代码编辑器是否有原因?使用 ST 的好处是什么?
Sublime Text 2 确实很棒。几乎与 IDE 一样好,并且可以轻松添加插件,它变得更加出色。
多重选择非常酷,足以让我购买 Sublime,尽管还有很多其他有用的功能。
单击
Cmd + 单击其他地方
惊叹
Coda 实际上支持多行编辑,并且内置了一个简单的版本控制 GUI。Coda 是我的多功能应用程序,用于开发、FTP 和基本版本控制。当出现更困难的合并和冲突时,我会不时打开 Source Tree,但这并不常见。让我真正喜欢 Coda 的是它能够实时预览通过 MAMP Pro 运行的网站。大多数其他 IDE 只会预览服务器端代码。此外,它运行在 WebKit 上!
SourceTree 是 Git Tower 的一个很棒的免费替代方案。虽然 UI 稍微有点杂乱,但我发现它功能更强大。
再投 SourceTree 一票,尽管我发现它似乎比 Tower 推送到远程仓库的速度更慢。
怎么样
待办事项:Wunderlist,免费,可在 Mac/Windows 和智能手机上使用
编辑器:Visual Studio Express,免费(仅限 Windows),支持 CSS3、HTML5、jQuery,提供帮助和语法补全。包含一个开发 Web 服务器(但不支持 PHP,可能需要使用扩展)。
FTP:FileZilla,免费,可以使用你喜欢的编辑器编辑远程文件
哦,差点忘了提:安装 Web Workbench 后,VS 甚至支持 SASS/SCSS、CoffeeScript 和 LESS
所以你推荐 Sublime Text 和 Coda 吗?你实际上使用哪个?我一直是 Coda 的粉丝,尝试过 Espresso 一段时间(它是我捆绑包的一部分),但回到 Coda 使用它出色的 2.0 版本。
我一直在阅读关于 Sublime Text 如何出色,但我不知道当我已拥有 Coda 的情况下是否值得购买它。我觉得我最终会购买一个自己不会使用的文本编辑器。
Sublime Text 可以免费下载和评估。(持续使用许可证) https://text.sublime.net.cn/2
Sublime Text 2 的好处是,您可以无限期地使用试用版。我相信。
想提一下 BBEdit 作为代码编辑器。我一直都在用它,尝试过切换,但是太难了,肌肉记忆太强。Sublime Text 2 看起来很棒。
我喜欢 Tower 正是因为你所述的原因,但你发现它速度慢吗?
添加几个工具
ColorSchemer Studio – 允许你从屏幕上的任何区域拾取颜色并获取十六进制或 RGB 值,以及混合相关颜色。也许是一个加强版的拾色器,但我一直回到它。
MacRabbit Espresso – 主要用于编辑 CSS 时进行实时预览 – 我以前使用过 CSSEdit,MacRabbit 将其整合到 Espresso 的当前版本中。我认为我会切换到 CodeKit 因为它支持 SASS、Coffeescript 等。
来自德克萨斯的问候,K
看来我们这些 BBEdit 用户不多。我已经使用它很多年了。我已经尝试过几乎所有其他编辑器,但我总是回到它。它可能没有最漂亮的 UI,但它确实是一个工作马!v10 是一个很好的升级。
这里还有另一位 BBEdit 的长期用户。我甚至买过 TextMate,但它与 BBEdit 很相似,我从来没有觉得有必要切换。不过,我确实很喜欢 Sublime Text 的界面。
我发现浏览器扩展或实用网站正在接管以前软件为前端开发所做的事情。我可能可以没有 SmartGit (Mac) 就勉强维持,但没有 Chrome Inspector、Firebug 或 JSLint 就不行。
好吧,我认为实际上我知道我会切换到 Sublime Text 2。说服我的原因是 Tuts + Premium 上的这个教程
Sublime Text 中的完美工作流程
https://tutsplus.com/course/improve-workflow-in-sublime-text-2/
精彩的阅读,谢谢,
我个人使用 Dreamweaver,并且与 photoshop 和 illustrator 一起购买了软件包,价格昂贵,但当你每天都使用它们时,这笔投资非常值得 – 我们从 CS3 跳到了 CS6,可能一直使用到 CS9 发布哈哈
付费每月选项是在最新版本 CS6 中引入的,只有在你每次新版本升级时或比不升级更便宜时才值得考虑(如果你有足够的资金一次性支付)。
另外,只想说我很喜欢新网站,以及你将完整文章发布到 RSS 提要的事实 :)
嗯,这取决于,当 CS6 首次发布时,如果你有 Cs3 或更高版本的许可证,你可以以每月 29 美元的价格获得每月订阅,这比每隔一个版本升级便宜,所以我加入了这个潮流。;) 我可能不会选择更贵的价格。
我会为 Evernote 投 5 美分,用于待办事项清单和其他笔记。
在设备之间同步,比标准待办事项清单更灵活,而且对于轻量级使用来说非常免费。
你在 Coda 2 部分说你不建议使用 FTP 命令行……这到底是什么意思?因为我感觉我做的就是你反对的事情,我想了解为什么这不是一个好的网站工作方式。
我相信 Chris 在这里谈论的是不要使用命令行 这里
对于 FTP,我一直使用 Sublime Text 2 的一个名为 FTPSync 的插件。
它可以使用 Sublime Package Control 轻松安装。
FTPSync 允许你保存时自动上传文件。
你也可以使用 Compass 应用程序本身:http://compass.handlino.com/。或者他们开发的 fire.app,它结合了所有语言(除了 SASS)的功能,并管理你的项目:http://fireapp.handlino.com/
我知道你在你的每月费用文章中提到了 Browserstack,但到目前为止,我一直使用带有 Windows 安装的 Mac (€无论 Windows 现在多少钱) 和 VMware Fusion (€44.99) 进行快速简便的 IE 测试。
顺便说一下,VirtualBox 几乎可以完成 Fusion 可以完成的所有操作,而且价格为 0 美元。:)
我从来没有发现 Virtualbox 的性能或稳定性与 Fusion (或 Parallels) 一样好。也许我只是运气不好,而且当公司 IT 部门承担费用时,我不介意这笔费用。;)
很棒的文章。这是我的首选
Sublime Text 2 ($59) 必备?强烈反对:必备:vim。免费;杀手级的社区,可扩展性的插件库。跨平台 + 命令行。
CodeKit/Tower/Coda: iTerm 或 mintty + 开源软件包。学习曲线是值得的。
代码: lftp。lftp 彻底改变了古老且希望它已经灭绝的恐龙的 ftp。
Creative Suite (Design Standard, $1,299) : Inkscape、GIMP。Adobe 对 Web 标准并没有什么帮助。
MAMP Pro ($59) 喜欢 mamp,但实际上,正确的方法是:VirtualBox,免费,运行Ubuntu Server 或CentOS 免费
1Password ($49.99) LastPass: 每月 1 美元
Things ($49.99) Web2Project 是一个基于 LAMP 的开源项目管理工具;免费。
ScreenFlow ($99) 我使用并喜欢Camtasia; 这是我唯一的现金支出。值得。
这里有一些有趣的选择,但我无法想象它们会提供多少生产力优势来配合成本效益。
如果你已经掌握了 vim,那么它还可以,但对于大多数不精通命令行的前端来说,达到他们习惯使用命令行文本编辑的程度,并不值得付出努力。
iTerm 也是如此,但是,我真的可以通过命令行轻松完成任何版本控制,但我通常使用 GUI,因为它更快、更高效。
不,Adobe 并没有给 Web 标准带来很多好处,但与开源工具相比,真的没有竞争对手。Gimp 真的会“让你”变得很烂。
为什么 VirtualBox 运行一个操作系统比 MAMP 更“正确”?两者都是虚拟化工具。我个人只使用 OSX 自带的内置 Apache,并在其上安装 PHP 和 MySql。(它同样免费,而且可以省去运行虚拟机的麻烦)。
LastPass 很酷,但我更喜欢我控制 1password 数据存储位置的方式,而不是同步到 LastPass 的服务器。我有点偏执,但密码非常敏感。
Web2Project 很好,但它更面向项目管理,而不是简单地设计成一个简单的待办事项清单。也就是说,我现在使用 Mountain Lion 附带的新提醒应用程序来完成待办事项功能。
你最近如何评价 Tower?它已经清理干净了吗?我记得大约一年前半尝试过它,发现它非常 buggy,所以没有再回头。我 99% 的工作都是通过 SVN 完成的,但对于偶尔的 GIT 项目来说,不用命令行真是太好了。
我使用的一些其他很棒的工具
Xscope ($29) <- 浮动在活动窗口上方的测量工具。非常有用。没有它我无法生存。
LittleIpsum ($0) <- 轻松访问 lorem ipsum 生成器,价格合适!
Kaleidoscope ($39) <- 我找到的最好的文件比较工具。
Transmit ($34) <- 到目前为止,我使用过的最好的 FTP 应用程序。我喜欢它用于备份 Web 文件的自动同步功能。
Versions ($59) <- 出色的 SVN 客户端
Navicat MySql ($129) <- 比通过命令行或 phpmyadmin 管理数据库要好得多
我每天都使用 xScope。颜色采样器真的很不错。它以十六进制 (带或不带 #)、RGB、NSColor、UIColor 等形式提供颜色。屏幕上的测量工具非常有用。
TextExpander 对于跨应用程序的代码片段来说非常棒。我有不同长度的示例文本(例如,140 个字符)。我还使用它来管理跨应用程序的颜色调色板 (十六进制)。
Chris – 对于我们所有 Mac 极客来说,我们不能忘记 Textmate。:-)
59 美元 -Sublime Text(之前我使用 EditPadPro,它几乎一样好,但没有那么好)
39 美元 - LINQPad(使探索数据库变得更加愉快),它也有一个非常实用的免费版本
Microsoft MSDN - 如果没有 BizSpark(免费),我会选择 Action Pack(几百美元)
我不明白你为什么要为 FTP 客户端付费
Filezilla 确实还不错,如果你需要即时编辑一些文件,它会在你的默认编辑器中打开文件
而且它是免费的;)
FYI,GitHub for Mac/Windows 也适用于非 GitHub 代码库。(文章中提到,“替代方案:GitHub for Mac(或 Windows),如果你使用所有 GitHub 代码库/命令行”。)
我用它来管理许多不使用 GitHub 的代码库。有些只是本地代码库。另一些则具有非 GitHub 远程代码库。此事实已在此处记录:GitHub for Mac 帮助 的“多个 Git 远程代码库和非 GitHub 远程代码库”部分。
使用 Coda 的“FTP 命令”方式与 Sublime Text + FTP 客户端(如 Cyberduck)相比,在直接在服务器上编辑文件方面是否有任何优势?
没有区别,只是 Coda 会在你按下 Command-S 后立即上传文件,所以速度更快。我只用 Sublime 来编辑本地文件。
我很高兴地说,我几乎完全使用免费软件(除非你把操作系统算在内)。我的工具和配置可以轻松地在 OSX 和 Linux 系统之间迁移,虽然我大部分时间都在使用 OSX。
Vim 加上许多针对 html、css 和任何我使用的服务器端语言的插件;iTerm2 用作终端(OSX);GitHub 免费计划用于存储我的配置和开源项目;我很幸运地拥有一个使用 Git 的部署系统,所以我不用处理基于 FTP 的部署。Chrome、Firefox 等。
我唯一仍在付费的是 Photoshop。
我使用免费软件,但仍然使用很棒的应用
TextMate 2(开源)
Filezilla(开源)
GIMP(开源)(之前使用过,现在使用 Photoshop CS5 一年了)
LESS.app
我还使用过 Coda 1 和 2、CodeKit、LiveReload、Sublime Text 2。但是我现在不得不坚持使用免费软件…
对于 Windows,我强烈推荐Notepad++用于代码编辑。出于某种原因,Windows 上没有像 OS X 上那样多的轻量级竞争对手,但实际上并不需要,因为 Notepad++ 是一款很棒的软件。
关于 MAMP/LAMP/WAMP:所有这些都是很棒的解决方案,但如果你只做布局和设计,可能有些过分了。OSX 上一个很棒的替代方案是Anvil。很难准确地解释它到底做了什么,但本质上它在你机器上运行一个 Web 服务器,并将 .dev 地址解析到你的计算机上的不同文件夹。这真的可以简化测试流程,因为你可以通过浏览器导航到http://www.(whatever).dev,而不是必须导航到文件。你可以为多个站点/项目设置多个 .dev 域名。它由 pow.cx 服务器驱动,该服务器本身不支持 PHP 或 MySQL(对于不需要它们的人来说很轻便),但有一个使用 Apache 作为替代的解决方法,所以它真的是两者兼得。
关于 Adobe 的每月订阅计划:Creative Cloud,每月 50 美元,如果你还没有直接购买任何 Adobe 产品,那是一个很棒的交易,而且根据你现有的产品,它可能是一个很棒的交易。在你花费与直接购买 CS Design Standard 相同的金额之前,你需要花费两年时间,而且它提供了更多东西(基本上是 Master Collection,一些云功能,甚至还有一些独家功能)。考虑在订阅期间终身升级,它真的非常值得(即使你不需要 Premiere 或 Audition)
另一种选择是每月支付 70 美元,没有要求你连续订阅一整年。对于那些将合同工作作为副业而不是主要收入来源的人来说,这是一个很棒的选择,因为你可能能够将成本转嫁给支付你的人,并且在不需要使用软件的月份无需支付费用。
我不是 GIMP 的忠实粉丝,但在预算紧张的情况下,它当然可以完成工作。近年来,Photoshop 中许多更有用的功能已经在 GIMP 中实现,尽管并非总是那么好。其中一些需要插件。如果你负担不起 Adobe 的价格,它绝对是一个可行的替代方案,但我强烈建议如果你负担得起,就投资 Photoshop。
至于 Inkscape?我无法忍受它。虽然它的功能可能同样强大,但我发现它的 UI 非常令人头疼;在很多情况下,他们重新发明了轮子,而且做得同样好,但方式完全不同。在我接触 Illustrator 之前,我很难学习它,而且 UI 之间的差异非常大,以至于在两者之间进行转换可能更加困难。你的体验可能会有所不同,有些人似乎很喜欢它,但我个人不推荐它。
我喜欢 Anvil
我唯一使用的付费应用是 codekit,它值回票价 <3 我也使用 sublime,但我还没有注册它。(不过我很快就会注册,弹窗太烦人了。)
我几乎不使用 ftp,我尝试将所有网站托管在 github 上。
对于服务器使用,我使用 WebMatrix 而不是 WAMP。它非常方便易用,而且还有许多有用的插件可以使用。
Windows 用户在这里,所以…
msysgit(免费)
用于 WYSIWYG Git 版本控制需求。
FileZilla(免费)
当我需要一个独立的 FTP 客户端时
KeePass(免费)
良好的安全密码存储和管理系统。
WampServer(免费)
类似 MAMP,但适用于 Windows。
WordPad 和 Notepad(免费)
Windows 自带的基本文本编辑器,非常适合查看日志文件、htaccess 文件等…
Camtasia Studio ($299)
适用于 PC 和 Mac 的优秀屏幕录制软件
Adobe Creative Suite Master Collection ($1,299)
图像编辑等…
<
h1>Microsoft Office 家庭和学生版(199 美元)
并非专门针对网页设计,但仍然有用,因为我经常会收到需要在网站上发布的 Word 或 Excel 格式的副本或图表,还会使用 Outlook 收发电子邮件。
以下是我喜欢但并非必须的一些应用
Fetch 用于 FTP(我知道 Filezilla 是免费的)
RazorSQL(使进入和编辑 MySQL 变得容易)
Sparkbox(管理我的设计灵感图像)
DragonDrop(更方便的复制和粘贴)
SFTP(16 美元)是一款针对 Sublime Text 2 的很棒的 ftp 软件包。你可以编辑服务器上的文件或本地文件。通过包控制安装它。
对于 FTP,我使用 Sublime SFTP 插件。如果你使用 Coda 进行 FTP,这可能是一个更方便/更便宜的方法;)
插件主页:http://wbond.net/sublime_packages/sftp
Ryan:你为什么不使用 OSX 自带的 php+apache?<br/>
<br/>
我使用:<br/>
-VirtualHostX 来管理虚拟主机。<br/>
-Coda 2 或 MacVim<br/>
-Transmit<br/>
-SourceTree
我真的很想切换到 Sublime text,但我总是回到 Komodo Edit - 对于免费软件来说,它确实不错。Komodo IDE 看起来很酷,而且内置了 SASS/Less,但要 300 美元,我认为价格有点高。
我找到的适用于 Windows 的 CodeKit 最佳替代方案是 Fire.app(或 compass.app),它似乎工作得很好。对于图像压缩,RIOT 似乎不错(而且是免费的)。
Github for Windows 也可用于其他代码库 - 我把它与 BitBucket 一起使用。
可能值得考虑使用 Adobe Creative Cloud - 每月的成本非常低,如果你是一个自由职业者,那么按月付费对于现金流来说很方便。
s/Ryan/Chris Coyier
BBEdit
Creative Suite Standard
Transmit
Firebug
MAMP
LastPass
XScope
+1 for XScope!
这里有一些很棒的建议,不过我不明白为什么你需要两个编辑器(Coda 和 Sublime Text 2)。我切换到 Sublime Text,从没后悔过。
我也很喜欢使用 MAMP 进行本地开发,尽管它有时设置起来有点麻烦。对于任务管理,我强烈推荐 Asana,我在工作中使用它,它非常易于使用且功能强大!而且对于最多 10 个用户来说是免费的。
Coda 的 FTP 功能很棒,但我每天都使用 Sublime!Package Control 真是太棒了!
Chris,你应该考虑看看 GruntJS,它可以满足你所有编译和压缩需求。Grunt 是一个基于 JS 的构建系统。它拥有大量的插件,可以满足你所列出的所有 CodeKit 功能,以及更多其他功能。
Grunt 拥有简单的语法,很容易编写完全定制的构建脚本。然后,如果你将 Grunt 设置为 ST2 中的构建系统,按下 cmd+B,你就可以运行所有内容,从而避免使用命令行。Grunt 甚至还拥有一个 watch 选项,每当文件更新时,它都会运行你的构建脚本!
Yeoman 是一个建立在 Grunt 之上的系统,它增加了项目脚手架,以及各种额外的插件、实时重新加载和简单的服务器。
我还没有深入研究 Yeoman,但 Grunt 绝对是我日常工作流程的一部分,我非常喜欢它。
我在个人项目中使用的付费应用包括 Sublime Text 2、捐赠给 CyberDuck 和 XScope。在图形方面,我使用 Pixelmator 和 Illustrator。对于学习/尝试代码,我非常喜欢 CodeRunner,它可以像魅力一样运行 Python、C++、JS。
在工作中,我拥有完整的 CS、OmniGraffle Pro、Sublime Text 2 和 Keynote。
我是一名前端中级开发人员(从时间上来说)。
在放弃 DreamWeaver 之前,我使用过它。
一个问题:
有没有办法让 Sublime 2 与 SASS 一起使用?
(我刚接触预处理器,并且使用 Windows)
Adobe 产品呢?那又会增加几百美元!
在这个阶段,我认为 Creative Suite 应该归类为“每月”类别。它不仅更便宜,而且还提供了像 TypeKit 这样的省钱捆绑包,从长远来看也能省钱。
我很惊讶没有人提到 codebox。它是一个代码片段管理工具,我可以使用它获取任何需要的代码片段,并通过几个键盘快捷键将其插入任何地方。
此外,我将库保存到 drop box,这样我就可以在任何计算机上访问它。
你为什么要将 SublimeText 与 Brackets 进行比较?
这与主题无关,关于评论预览,你是否应该使用
input
事件使其更具响应性(如 Stack Overflow 帖子编辑器中所见)?对于旧版浏览器,当前预览效果很好(Modernizr,等等)。关于文章本身,我非常喜欢免费软件和开源软件,所以很少为软件付费。我唯一付费的软件是 PHPStorm,它是一个功能齐全的 PHP/HTML/JavaScript/CSS/SCSS/可能你想到的任何其他 Web 开发语言的 IDE。在 30 天试用期内我就爱上了它,并在 2 天后购买了它。个人许可证价格为 99 美元。可选的年度升级费用为每年 50 美元。
只需几个工具即可:
Espresso 2(代码编辑器)
Sparrow(电子邮件)
CodeBox(代码片段)
Transmit(FTP) 仍然生活在“不酷”的 FTP 时代。真的需要学习 git 等等。
LittleSnapper(价格过高的屏幕截图捕获/屏幕截图库)
我不知道我为这些软件支付了多少费用。我大部分是在 MAC 捆绑包中购买的。
我很惊讶 Notepad++ 没有出现在这个列表中。它是一款流行的基本文本编辑器,拥有大量有用的插件,最重要的是它是免费的。我一直告诉自己要切换到 Sublime,但 Notepad++ 的缺点很少。
我也很惊讶。优点是它免费,并且随着每次发布都在不断改进。
作为一名 GNU/Linux 用户多年,我主要使用开源应用程序,唯一付费的应用程序是 SublimeText,它对于代码编辑来说是必不可少的。
Chris,列表很棒!
我使用的其他一些工具:
Aptana Studio3 - 我选择的编辑器,它是免费的,包括 ftp 并支持 RTL
Bean - 用于文字编辑和 pdf 导出 - 免费
domainBrain - 用于整理我所有网站密码 - 链接、ftp、数据库等 - 30 美元
CodeBox - 10 美元,我的所有代码片段都在一个地方
始终使用 Firefox
mamp 是业余爱好者的工具
这是我的工具:
Sublime Text 2:我不确定它是否是最适合前端开发的工具,但它还不错,我很满意。
Adobe Creative Suite
MAMP
我还会制作电子书,为此我使用:
Sigil(确实存在一些与 HTML 实体相关的问题,但它是免费的)
Calibre(用于格式转换)。同样,它是免费的。
我可能会开始使用 InDesign 制作电子书,但现在我使用 Sublime Text 2 手动编写代码,将其转换为 epub,然后在 Sigil 中添加各种元数据等等,最后在 Calibre 中转换。
顺便说一句,如果你是一名前端开发人员,开始制作电子书非常简单。
Chris,列表很棒!
但是你忘记了 Font Explorer X,它在你的 CSS-Tricks 重新设计中非常有用。
Frank DeLoupe 价格为 0.99 美元。
你使用 Coda 进行 FTP?你是个受虐狂。
我使用免费软件。我运行自己的 LAMP 堆栈,使用 git(顺便说一句,我知道终端的学习曲线,但任何东西都是这样。我保证它会让你成为一个更好的“Web 人”,即使你只把自己看作“设计师”),Inkscape + gimp(我确实拥有 Corel,但我现在不怎么使用它了),filezilla,……还有我尝试过的最好的代码编辑器,当之无愧,那就是 Komodo Edit。
至于列表,我有一个笔记本(纸质的)。我想我可能不是那么高科技。而且我记住我的密码。:)
很高兴看到大家不同的工具箱。我使用了很多相同的工具。最重要的是 Dropbox,它可以跨设备同步,并提供备份/版本控制/冗余;)
Sublime Text 2
Adobe Creative Suite
Tower
Coda 2
MAMP
LiveReload
Evernote
X-Scope
Dropbox
为什么使用 livereload 而不是 code-kit?我喜欢 code-kit 用于在 sass 和 compass 中进行开发。
不错的列表,它显示了这种工作实际上是多么昂贵。它还忽略了能够同时运行所有这些工具的计算机。我发现我经常需要 Photoshop、Sublime 和几个正在运行的浏览器,这会让计算机不堪重负。
另外,我不喜欢当语法警察,但在 Sublime Text 2 中应该是“you’re”而不是“your”。
信息很棒,非常感谢作者。我现在不太理解,但总体而言,它的实用性和重要性非常大。再次感谢,并祝你好运。
你提到的那些应用大多数都有免费的替代品,但我猜你们这些 Mac 用户很乐意为所有东西支付大价钱 :)。
是的,我们确实很乐意!
我使用的是 Adobe 的 Creative Cloud,而不是直接购买。他们不断更新,这也意味着我可以快速且合法地访问我需要的一切(Dreamweaver、Illustrator、Photoshop 和(有时)InDesign),以及一些我可能很快想尝试的新软件(Edge Animate、Light Room)。
免费版本的 MAMP 对我来说已经足够了 - 我最近才开始使用它,而不是上传到远程测试服务器。
另一个 Windows 用户(这里没有多少人回应)。我尽量使用尽可能多的免费或开源软件,但也有一些我不得不购买,并且并不后悔。
NetBeans - 用于开发(主要是 PHP)的 IDE,拥有 Web 开发人员需要的许多很棒的功能,免费,适用于 Mac 和 Linux 用户
PSPad - 一款高级文本编辑器,用于快速编辑文件(主要是仅编辑 HTML 或 CSS 时),免费
WAMP - 免费
TotalCommander(约 40 美元,免费更新) - 带有实时文件预览、远程文件编辑、文件内容比较(即使是远程)的 FTP 客户端,以及许多免费插件(多年来我一直免费使用它作为共享软件,但决定最终购买许可证)。
WinRAR(约 50 美元,免费更新) - 文件压缩/解压缩工具(没有人提到过,所以没有人使用这种工具吗?)虽然有很多免费的替代品,但我发现这个是我最好的选择(我从 Windows 1995 开始使用它)。Mac 和 Linux 上有一个 RAR 的替代品。
Microsoft Office 2010(因为我是 BizSpark 合作伙伴,所以免费) - 我每天都使用它来工作(至少使用 Outlook 来发送邮件、日历和待办事项清单)。
Microsoft Windows 7 Ultimate(因为我是 BizSpark 合作伙伴,所以免费) - 我每天都使用它。
Firefox 以及以下插件:FireBug(每个 Web 开发人员必备工具)、MeasureIt(用于测量对象)、ColorZilla(颜色选择器、放大工具、调色板)、FireShot(屏幕截图、捕获图像编辑,也有付费的 Pro 版本)、Web Developer(一堆好工具)、HTML Validator(动态验证页面,所以不需要使用 W3 验证器网站并复制粘贴源代码)。
最后当然还有 Adobe Creative Suite(1299 美元)。
Tortoise XYZ 用于版本控制(其中 XYZ 可以替换为 SVN 或 Git) - 这个工具有漂亮、整洁且易于使用的 GUI,而且是免费的。
希望我没有遗漏任何东西...
所以总的来说,我的一次性购买软件成本在 1400 美元以下(感谢 BizSpark,因为如果没有它,我的总成本将因 Windows 操作系统和 Office 套件而增加到 2000 美元以下)。
评论只是为了订阅这篇文章的评论提要……有没有办法不发表评论就订阅?
我在网上到处搜索好的 Web 开发软件和相关网站。谢天谢地,我终于找到了这个网页。我非常喜欢 Screenflow,很高兴它在列表中。我 6 个月前购买了 Screenflow。我尝试使用免费的屏幕截图程序,但没有一个能与 Screenflow 的价格相提并论。
Adobe Creative Suite 也是必不可少的。在 Photoshop 中设计网站并导出非常容易,加上 Dreamweaver,简直是强大的组合!