网站开发用什么

原文：tutsplus

译文：伯乐在线专栏作者 - 厉瑶

链接：http://blog.jobbole/41251/

译注：

看到这篇文章，觉得内容甚是有趣。作者跟Web开发方面的诸多大牛进行了交流，了解到他们的研究动向，从访谈中可以看到各种风格的开发者，有浏览器控，有设备控。我想，知道行业里的优秀成员在做些什么以及用些什么对于我们或许会有一些用处。另外原文作者还采访了我的偶像Lea Verou，所以忍不住花了一天时间将此文翻译出来与大家共享了，不足之处还望多多批评指正！以下是正文。

在Web开发领域，我们通常会花一些时间关注行业大牛的动态，比如他们开发所用的一些工具或者类库，看他们写的技术文章，学习他们学过的一些酷霸狂旋拽的技术，甚至参加一些新语言的发布会。如果能够知道这些大牛正在关注些什么，以及他们开发时应用的工具，那必定是极好的。

关于这些问题，我访问了Web开发领域的一些闪亮明星。这些人在web开发领域都有着突出的贡献，并且得到业内的极高评价，他们通过自己的代码，文章以及领导力推动着Web开发的发展。你可以在下文中的简介部分了解更多他们的详细信息。

这些牛人非常忙碌，因此，我把问题缩减到了四个：

1. 你的开发工作主要关注点是什么？

2. 你进行开发工作时所用的硬件设备是什么？

3. 你用什么编辑器或者IDE？

4. 你的日常生活中必不可少的软件是什么？

在下文就有他们的回答，或许从这些回答中你可以发现一些更有利于你的开发工具。你会发现一些有一些通用的工具（如Sublime Text）以及一些至少对我来说很新的工具。

Scott Gonzalez

简介：我是一个web应用程序开发人员，主要致力于JavaScript。2007年开始为jQuery效力，目前是jQuery UI的项目经理。我比较活跃的社区有Node.js，WHATWG和W3C。Scott的Blog和Twitter。

Q 1. 你的开发工作主要关注点是什么？
Web开发，只要是客户端的JS以及Node.js

Q 2. 你进行开发工作时所用的硬件设备是什么？
MacBook Pro.

Q3. 你用什么编辑器或者IDE？
Sublime Text, 搭配插件TrailingSpaces（可以高亮空格并瞬间删除），Pretty JSON，GitGutter 和 Markdown Preview。

Q4.你的日常生活中必不可少的软件是什么？
Git, GitHub, Apache, Chrome, Linkinus, Skype, Node。

Raymond Camden

简介：Raymond是一个Adobe中级开发布道者。他的工作主要侧重于web标准，移动开发以及ColdFusion。他出版了一些作品，并且在很多会议和group中发表了很多主题演讲。Raymond的Blog和Twitter。

Q 1. 你的开发工作主要关注点是什么？
我的开发工作主要侧重于web标准，Adobe的Creative Cloud（侧重于HTML tools）以及客户端开发的“non-sexy”部分。我欣赏CSS，不过我对storage，JavaScript以及表单更感兴趣。

Q 2. 你进行开发工作时所用的硬件设备是什么？
我的硬件设备是MacBook Pro。因为我需要做很多的移动端开发，因此，我会在iPhone，Android phone以及各种平板（tablet）上面进行测试。比较诡异的是，我每天要用的唯一一件微软的硬件产品就是我的键盘。我用“Natural”键盘已经有15个年头了，我对它们已经上瘾了。

Q3. 你用什么编辑器或者IDE？
我的编辑器是Brackets，它是一个开源的编辑器，我们用了大约一年。它和Chrome可以很好的绑定，并且具有酷毙的扩展性能。

Q4.你的日常生活中必不可少的软件是什么？
Browser，我的编辑器，Tweetdeck以及Evernote（我用Evernote记录我所有的事情，包括项目资料以及一些零碎的事情）。

John-David Dalton

简介：JDD 是jsPerf/Benchmark.js的共同维护者，是ES5规范的布道者，JavaScript 库的爱好者，两度获得微软IE testing的MVP。在微软负责Chakra performance项目。JDD的Github和Twitter。

Q 1. 你的开发工作主要关注点是什么？
简单的实用工具库。我是一个工具库的忠实粉丝，并且热衷于围绕他们进行开发。

Q 2. 你进行开发工作时所用的硬件设备是什么？
我工作的装备是Win8和IE10。我个人的开发设备是13’’ 的Macbook Pro，OS X10.7.5，2.3GHz 处理器，8GBs的内存。

Q3. 你用什么编辑器或者IDE？
我在OS X和Windows中用的都是Komodo Edit，最爱它的高级搜索功能，可以使用正则表达式和嵌套文件进行搜索。

Q4.你的日常生活中必不可少的软件是什么？
除了我的编辑器之外，我使用Total finder，我几乎拥有所有的浏览器：22个不同版本的Chrome，5个版本的IE，23个版本的Firefox，12个版本的Opear，以及6个版本的Safari。在我发布一个产品的新版本之前，我会确保这个产品在我声明的系统以及浏览器中运行顺利，这也是我为什么要拥有所有的浏览器版本的原因。其他的必备软件包括 Node，Ringo，Rhino以及Narwhat。

Stephanie Sullivan Rewis

简介：Stephanie 是Contatta的董事，负责web运营战略以及市场营销。作为前端开发工程师，她在多个国际性会议上都有演讲，包括HOW Design，UI16，An Event Apart, Microsoft’s MIX, Macworld, SXSW, Adobe Max 等等。她出版过自己的作品，主要负责W3Conversions，并且与跨度很大的一些机构一起工作，包括Newsweek，MLB, New York Magazine, Adobe, SalesForce，甚至是 Disney’s “TRON” movie site。

Stephanie的 Blog和Twitter。

Q 1. 你的开发工作主要关注点是什么？
我是一个前端开发工程师，但是因为参与Contatta新启动项目的关系，我有幸可以参与完成我们的新CMS项目，因此，我需要学习一些PHP的知识。

Q 2. 你进行开发工作时所用的硬件设备是什么？
我没有很特殊的装备，我个人的开发设备是17’’ 的Macbook Pro（我没有升级装备，因为不想降级使用15’’ 的设备）。如果我在工作桌前，那么我会使用外接显示器，我喜欢去类似Costco那样的大超市去买显示器，我不太偏爱高级装备，这样我就可以看到我的网站在普通用户眼中是什么样子的。

Q3. 你用什么编辑器或者IDE？
目前我日常开发用的是Sublime Text 2。如果Adobe的开源编辑器Brackets不断朝着它所描述的方向继续发展的话，我会选择尝试一下。我也会用Dreamweaver进行邮件相关的开发。

Q4.你的日常生活中必不可少的软件是什么？
除了我的编辑器之外，我通常会用CodeKit来编译我的Sass以及压缩CSS和JS文件。我用Git进行代码管理，使用Tower来提交代码。

我利用HipChat与团队中的其他人进行沟通。HipChat最好的一点就是它的Hu Bot,它可以自动部署我的代码，我爱我的bot！

我的设计师使用Fireworks，所以我有时会用它来打开图片，切图等等（没错，我知道Adobe已经不再更新Fireworks了，但是它可以满足设计师的需求。因此，将来我们需要将它与设计师痛苦分离）。我喜欢打开音乐播放器Spotify，通常我会根据心情以及正在从事的开发工作选择艺术家（今天，我选的是Hellsongs 频道）。

最后，我会给Chrome设定每天的work out，有时候会多达150多个标签。我用它来管理我必备的一些插件（1password，OneTab, ColorZilla, Cache Killer, and Dragdis, 等等），以及一些我需要不断维护的事情，如Google Analytics, MailChimp, SproutSocial, Google Docs，同时还有一些我正在进行研究的事情。

Christian Heilmann

简介：Chris Heilmann致力于让web变得更好。他的学科背景是新闻专业，1997年建立了自己的第一个网站，此后多年效力于多家大型国际性站点。后来在Yahoo工作了几年，从事产品开发和员工培训，目前在Mozilla工作。Chris撰写了四本web开发方面的书，并且发表了上百篇博文，他的文章广泛发表在Ajaxian, Smashing Magazine, Yahoo, Mozilla, ScriptJunkie等知名站点。

Christian的 Blog和Twitter。

Q 1. 你的开发工作主要关注点是什么？
我主要的工作侧重点是确保有人接手我的工作的时候，能够很轻松地看懂我的代码并且方便地进行扩展。不幸的是，这是一项过时又耗时的不太有人愿意做的事。我认为从别人的工作中我们可以学到很多，并且我认为编写简洁易懂的代码比单纯的交付工作更加重要。

我关注的是web，不单单是某个浏览器或者操作系统。这就意味着你需要提高你的代码灵活性。灵活性意味着你的代码可以在这里运行，立刻运行，并且在未来需要添加新功能的时候可以很方便的进行扩展。我认为，经过16年的web开发，我们应该进入一个新的阶段，不要再把各种技术堆积在一起，并且不停地替换它们。

Q 2. 你进行开发工作时所用的硬件设备是什么？
Macbook Air，我经常需要跑来跑去，因此不适合携带大型的硬件设备。

Q3. 你用什么编辑器或者IDE？
Sublime Text2，很棒。

Q4.你的日常生活中必不可少的软件是什么？
Browser以及他们的开发工具，Git，an IRC client, Dropbox 以及 Spotify，我越来越多的使用线上的一些服务。

Ryan Grove

简介：Ryan Grove 是SmugMug的一个魔法师，YUI 评阅员，曾经是一家日本服装目录的少年模特。他喜欢pie，电影，老式帆船。

Ryan的 Blog和Twitter。

Q 1. 你的开发工作主要关注点是什么？
最近我的大部分时间用于SmugMugde的客户端JS组件以及新功能的开发。在课余时间，我写了很多Node.js的代码，偶尔也会写写Ruby。在SmugMug，我们的框架用的是YUI3，我也是YUI的核心评阅员，我为它贡献了一些代码，并且也审阅了其他提交者以及开发人员提交的一些代码。

在一些特定的日子，我有时候会写一些非开源的Smugmug代码，有时是一些开源的代码，或者是开源的YUI代码。我们尽可能多的开源我们的JS代码，其中有一些已经添加到了YUI框架中。

Q 2. 你进行开发工作时所用的硬件设备是什么？
我在家的时候用的是2.8GHz 四核 Mac Pro，配备16GB内存和SSD。搭配30’’ 的HP ZR39w 显示器，这样看大图以及视频的时候效果超赞！当我旅行的时候，携带的是13’’ 的Macbook Air（mid-2011, Core i7）。

我酷爱收集用于测试的移动设备。每款iPhone和iPad至少都有一台，多款Android设备，一台Windows phone以及一部Chromebook。

Q3. 你用什么编辑器或者IDE？
我用Sublime Text3来写所有的东西。I want to marry it and have its kittens。

Q4.你的日常生活中必不可少的软件是什么？
除了Sublime Text3之外，我的一些必备app包括JSHint，iTerm2，Adium，OS X messages，Tower，Dropbox and Rsync，Arq (for backup), Gmail, GitHub, 以及 Chrome。

SmugMug有很多远程工作者，所以我们利用Google Hangout开会以及进行面对面的交流。IRC也是一个重要的沟通媒介。SmugMug有自己的IRC服务器，我利用Colloquy iOS app来获取通知，当有人提到我的名字或者发送给我信息时，即使我不再电脑旁边我也可以收到消息提醒。

Charles, cURL, and the REST Console Chrome extension 在调试HTTP�...

品牌网站建设有什么作用?对于品牌网站建设大家并不陌生，如今随着互联网的快速发展，网站建设也很快得到业内人士的喜爱，因此企业网站利用网络的力量可以加强企业自身的品牌影响力。品牌网站建设对于很多品牌企业来说都是非常重要的，因为他们知道一个好的品牌网站可以给他们带来非常好的经济收益。那么品牌网站建设有什么作用?下面由深圳深圳网站建设公司的技术人员为大家介绍：

一、提升企业的形象

随着互联网经济的发展，企业的形象在互联网中主要通过企业官网进行传播，企业网站是能够最大化的将企业的形象品牌展现在全国乃至全球市场中，让更多的人看到，因此，企业搭建网站有利于树立企业形象，帮助品牌进行推广。

二、提高品牌知名度

作为24小时不间断运转的互联网，其传媒作用是传统的媒体难以匹敌的，而作为一个企业，当然希望能够将自身的优势和特点更迅速的进行推广，所以，借助互联网来建设自己的网站，最为直接的效果就是能够有效提升自身形象，展示企业风采，进一步提升企业的知名度，获得更为广泛的关注。

三、开拓市场

与传统市场的线下发展相比，企业网站利用互联网发的传播速度，能够给企业带来更大的商机;通过搜索引擎可以找到更多的客户给产品带来更多的市场。

四、提高工作效率

对于企业来说，经营管理的事务非常繁琐，尤其是对于资金流、物流和信息流的管理，更是需要有一个比较科学和规范的方法和流程。网站建设的作用很大程度的解决了这些问题。网站的良好建设，能够对效率进行提高，对经营事务和管理实务也都能够相对简化，通过互联网和局域网的相互配合，使企业员工更能够轻松的完成任务。

五、品牌的定位

企业品牌不是停留在美化企业形象的层面，而成为吸引投资、促进企业发展的巨大动力，进而促进企业将自己像商品一样包装后拿到国内甚至国际市场上“推销”。在经济全球化的背景下，市场经济的全方位社会渗透，逐步清除企业的体制障碍，催化中国企业品牌的定位与形成。

企业的品牌网站建设不但是一个很好的宣传方式，而且是一个非常好的交易平台。一个成功的企业品牌网站不但可以树立企业良好的品牌形象，还可以提高企业品牌的知名度。

很多的没有网站的公司，在想要给自己开发一个网站的时候，一方面是找建站公司，一方面还要自己去查看同行业的网站去做一个参考，但只能看到同行网站的设计风格和布局，却不知道同行业的网站采用了什么开发程序，也不知道什么样的程序适合自己，同行网站的开发程序是不是好，今天网站开发公司告诉你怎么查看一个网站是用什么程序制作的。

北京原创先锋

当你想要知道一个网站的开源程序是怎么搭建的时候，要确保你了解哪些常见的网站程序，有一定的知识储备了才能对网站的程序进行识别，如果网站没有被二次开发，那么她们的程序特征就很容易被找出来。

当你浏览一个网站，然后在网站首页，鼠标右键点击查看网页源代码的时候，按住Ctrl+F，查看wp-content和wp-includes两个字样，如果有，那么就是WordPress博客系统程序的网站，还有另外的特征就是当你查看他的robots文件协议时，他是没有屏蔽support等文件的。

北京网站建设

如果你鼠标右键点击查看网页源代码，搜索有dedeajax这类的字样，那么这个网站的开源程序是织梦cms的系统。而且robots协议中也会屏蔽plus相关文件。

如果鼠标右键点击查看网页源代码，在搜索过程中能够搜索到data/cache/style、/data/cache/common等字样，那么这个是discuz系统网站的特征，这种程序多用于论坛类网站，采用的是伪静态机制。

北京网站制作

如果鼠标右键点击查看网页源代码，搜索中有process_request、utils.js、transport.js之类的字样，那么就是商城网站的ECShop系统程序。

好了，过多的小编就就不在这里介绍了，总结起来就是，鼠标右键点击查看网页源代码，当然前提是你对网站的一些基础知识要了解，不然你看到代码也会一脸的茫然，不能分析出这个网站是什么开源程序制作的。

很多的没有网站的公司，在想要给自己开发一个网站的时候，一方面是找建站公司，一方面还要自己去查看同行业的网站去做一个参考，但只能看到同行网站的设计风格和布局，却不知道同行业的网站采用了什么开发程序，也不知道什么样的程序适合自己，同行网站的开发程序是不是好，今天网站开发公司告诉你怎么查看一个网站是用什么程序制作的。

北京原创先锋

当你想要知道一个网站的开源程序是怎么搭建的时候，要确保你了解哪些常见的网站程序，有一定的知识储备了才能对网站的程序进行识别，如果网站没有被二次开发，那么她们的程序特征就很容易被找出来。

当你浏览一个网站，然后在网站首页，鼠标右键点击查看网页源代码的时候，按住Ctrl+F，查看wp-content和wp-includes两个字样，如果有，那么就是WordPress博客系统程序的网站，还有另外的特征就是当你查看他的robots文件协议时，他是没有屏蔽support等文件的。

北京网站建设

如果你鼠标右键点击查看网页源代码，搜索有dedeajax这类的字样，那么这个网站的开源程序是织梦cms的系统。而且robots协议中也会屏蔽plus相关文件。

如果鼠标右键点击查看网页源代码，在搜索过程中能够搜索到data/cache/style、/data/cache/common等字样，那么这个是discuz系统网站的特征，这种程序多用于论坛类网站，采用的是伪静态机制。

北京网站制作

如果鼠标右键点击查看网页源代码，搜索中有process_request、utils.js、transport.js之类的字样，那么就是商城网站的ECShop系统程序。

好了，过多的小编就就不在这里介绍了，总结起来就是，鼠标右键点击查看网页源代码，当然前提是你对网站的一些基础知识要了解，不然你看到代码也会一脸的茫然，不能分析出这个网站是什么开源程序制作的。