原文：tutsplus

譯文：伯樂在線專欄作者 - 厲瑤

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

譯注：

看到這篇文章，覺得內(nèi)容甚是有趣。作者跟Web開發(fā)方面的諸多大牛進(jìn)行了交流，了解到他們的研究動(dòng)向，從訪談中可以看到各種風(fēng)格的開發(fā)者，有瀏覽器控，有設(shè)備控。我想，知道行業(yè)里的優(yōu)秀成員在做些什么以及用些什么對于我們或許會(huì)有一些用處。另外原文作者還采訪了我的偶像Lea Verou，所以忍不住花了一天時(shí)間將此文翻譯出來與大家共享了，不足之處還望多多批評指正！以下是正文。

在Web開發(fā)領(lǐng)域，我們通常會(huì)花一些時(shí)間關(guān)注行業(yè)大牛的動(dòng)態(tài)，比如他們開發(fā)所用的一些工具或者類庫，看他們寫的技術(shù)文章，學(xué)習(xí)他們學(xué)過的一些酷霸狂旋拽的技術(shù)，甚至參加一些新語言的發(fā)布會(huì)。如果能夠知道這些大牛正在關(guān)注些什么，以及他們開發(fā)時(shí)應(yīng)用的工具，那必定是極好的。

關(guān)于這些問題，我訪問了Web開發(fā)領(lǐng)域的一些閃亮明星。這些人在web開發(fā)領(lǐng)域都有著突出的貢獻(xiàn)，并且得到業(yè)內(nèi)的極高評價(jià)，他們通過自己的代碼，文章以及領(lǐng)導(dǎo)力推動(dòng)著Web開發(fā)的發(fā)展。你可以在下文中的簡介部分了解更多他們的詳細(xì)信息。

這些牛人非常忙碌，因此，我把問題縮減到了四個(gè)：

1. 你的開發(fā)工作主要關(guān)注點(diǎn)是什么？

2. 你進(jìn)行開發(fā)工作時(shí)所用的硬件設(shè)備是什么？

3. 你用什么編輯器或者IDE？

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

在下文就有他們的回答，或許從這些回答中你可以發(fā)現(xiàn)一些更有利于你的開發(fā)工具。你會(huì)發(fā)現(xiàn)一些有一些通用的工具（如Sublime Text）以及一些至少對我來說很新的工具。

Scott Gonzalez

簡介：我是一個(gè)web應(yīng)用程序開發(fā)人員，主要致力于JavaScript。2007年開始為jQuery效力，目前是jQuery UI的項(xiàng)目經(jīng)理。我比較活躍的社區(qū)有Node.js，WHATWG和W3C。Scott的Blog和Twitter。

Q 1. 你的開發(fā)工作主要關(guān)注點(diǎn)是什么？
Web開發(fā)，只要是客戶端的JS以及Node.js

Q 2. 你進(jìn)行開發(fā)工作時(shí)所用的硬件設(shè)備是什么？
MacBook Pro.

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

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

Raymond Camden

簡介：Raymond是一個(gè)Adobe中級開發(fā)布道者。他的工作主要側(cè)重于web標(biāo)準(zhǔn)，移動(dòng)開發(fā)以及ColdFusion。他出版了一些作品，并且在很多會(huì)議和group中發(fā)表了很多主題演講。Raymond的Blog和Twitter。

Q 1. 你的開發(fā)工作主要關(guān)注點(diǎn)是什么？
我的開發(fā)工作主要側(cè)重于web標(biāo)準(zhǔn)，Adobe的Creative Cloud（側(cè)重于HTML tools）以及客戶端開發(fā)的“non-sexy”部分。我欣賞CSS，不過我對storage，JavaScript以及表單更感興趣。

Q 2. 你進(jìn)行開發(fā)工作時(shí)所用的硬件設(shè)備是什么？
我的硬件設(shè)備是MacBook Pro。因?yàn)槲倚枰龊芏嗟囊苿?dòng)端開發(fā)，因此，我會(huì)在iPhone，Android phone以及各種平板（tablet）上面進(jìn)行測試。比較詭異的是，我每天要用的唯一一件微軟的硬件產(chǎn)品就是我的鍵盤。我用“Natural”鍵盤已經(jīng)有15個(gè)年頭了，我對它們已經(jīng)上癮了。

Q3. 你用什么編輯器或者IDE？
我的編輯器是Brackets，它是一個(gè)開源的編輯器，我們用了大約一年。它和Chrome可以很好的綁定，并且具有酷斃的擴(kuò)展性能。

Q4.你的日常生活中必不可少的軟件是什么？
Browser，我的編輯器，Tweetdeck以及Evernote（我用Evernote記錄我所有的事情，包括項(xiàng)目資料以及一些零碎的事情）。

John-David Dalton

簡介：JDD 是jsPerf/Benchmark.js的共同維護(hù)者，是ES5規(guī)范的布道者，JavaScript 庫的愛好者，兩度獲得微軟IE testing的MVP。在微軟負(fù)責(zé)Chakra performance項(xiàng)目。JDD的Github和Twitter。

Q 1. 你的開發(fā)工作主要關(guān)注點(diǎn)是什么？
簡單的實(shí)用工具庫。我是一個(gè)工具庫的忠實(shí)粉絲，并且熱衷于圍繞他們進(jìn)行開發(fā)。

Q 2. 你進(jìn)行開發(fā)工作時(shí)所用的硬件設(shè)備是什么？
我工作的裝備是Win8和IE10。我個(gè)人的開發(fā)設(shè)備是13’’ 的Macbook Pro，OS X10.7.5，2.3GHz 處理器，8GBs的內(nèi)存。

Q3. 你用什么編輯器或者IDE？
我在OS X和Windows中用的都是Komodo Edit，最愛它的高級搜索功能，可以使用正則表達(dá)式和嵌套文件進(jìn)行搜索。

Q4.你的日常生活中必不可少的軟件是什么？
除了我的編輯器之外，我使用Total finder，我?guī)缀鯎碛兴械臑g覽器：22個(gè)不同版本的Chrome，5個(gè)版本的IE，23個(gè)版本的Firefox，12個(gè)版本的Opear，以及6個(gè)版本的Safari。在我發(fā)布一個(gè)產(chǎn)品的新版本之前，我會(huì)確保這個(gè)產(chǎn)品在我聲明的系統(tǒng)以及瀏覽器中運(yùn)行順利，這也是我為什么要擁有所有的瀏覽器版本的原因。其他的必備軟件包括 Node，Ringo，Rhino以及Narwhat。

Stephanie Sullivan Rewis

簡介：Stephanie 是Contatta的董事，負(fù)責(zé)web運(yùn)營戰(zhàn)略以及市場營銷。作為前端開發(fā)工程師，她在多個(gè)國際性會(huì)議上都有演講，包括HOW Design，UI16，An Event Apart, Microsoft’s MIX, Macworld, SXSW, Adobe Max 等等。她出版過自己的作品，主要負(fù)責(zé)W3Conversions，并且與跨度很大的一些機(jī)構(gòu)一起工作，包括Newsweek，MLB, New York Magazine, Adobe, SalesForce，甚至是 Disney’s “TRON” movie site。

Stephanie的 Blog和Twitter。

Q 1. 你的開發(fā)工作主要關(guān)注點(diǎn)是什么？
我是一個(gè)前端開發(fā)工程師，但是因?yàn)閰⑴cContatta新啟動(dòng)項(xiàng)目的關(guān)系，我有幸可以參與完成我們的新CMS項(xiàng)目，因此，我需要學(xué)習(xí)一些PHP的知識。

Q 2. 你進(jìn)行開發(fā)工作時(shí)所用的硬件設(shè)備是什么？
我沒有很特殊的裝備，我個(gè)人的開發(fā)設(shè)備是17’’ 的Macbook Pro（我沒有升級裝備，因?yàn)椴幌虢导壥褂?5’’ 的設(shè)備）。如果我在工作桌前，那么我會(huì)使用外接顯示器，我喜歡去類似Costco那樣的大超市去買顯示器，我不太偏愛高級裝備，這樣我就可以看到我的網(wǎng)站在普通用戶眼中是什么樣子的。

Q3. 你用什么編輯器或者IDE？
目前我日常開發(fā)用的是Sublime Text 2。如果Adobe的開源編輯器Brackets不斷朝著它所描述的方向繼續(xù)發(fā)展的話，我會(huì)選擇嘗試一下。我也會(huì)用Dreamweaver進(jìn)行郵件相關(guān)的開發(fā)。

Q4.你的日常生活中必不可少的軟件是什么？
除了我的編輯器之外，我通常會(huì)用CodeKit來編譯我的Sass以及壓縮CSS和JS文件。我用Git進(jìn)行代碼管理，使用Tower來提交代碼。

我利用HipChat與團(tuán)隊(duì)中的其他人進(jìn)行溝通。HipChat最好的一點(diǎn)就是它的Hu Bot,它可以自動(dòng)部署我的代碼，我愛我的bot！

我的設(shè)計(jì)師使用Fireworks，所以我有時(shí)會(huì)用它來打開圖片，切圖等等（沒錯(cuò)，我知道Adobe已經(jīng)不再更新Fireworks了，但是它可以滿足設(shè)計(jì)師的需求。因此，將來我們需要將它與設(shè)計(jì)師痛苦分離）。我喜歡打開音樂播放器Spotify，通常我會(huì)根據(jù)心情以及正在從事的開發(fā)工作選擇藝術(shù)家（今天，我選的是Hellsongs 頻道）。

最后，我會(huì)給Chrome設(shè)定每天的work out，有時(shí)候會(huì)多達(dá)150多個(gè)標(biāo)簽。我用它來管理我必備的一些插件（1password，OneTab, ColorZilla, Cache Killer, and Dragdis, 等等），以及一些我需要不斷維護(hù)的事情，如Google Analytics, MailChimp, SproutSocial, Google Docs，同時(shí)還有一些我正在進(jìn)行研究的事情。

Christian Heilmann

簡介：Chris Heilmann致力于讓web變得更好。他的學(xué)科背景是新聞專業(yè)，1997年建立了自己的第一個(gè)網(wǎng)站，此后多年效力于多家大型國際性站點(diǎn)。后來在Yahoo工作了幾年，從事產(chǎn)品開發(fā)和員工培訓(xùn)，目前在Mozilla工作。Chris撰寫了四本web開發(fā)方面的書，并且發(fā)表了上百篇博文，他的文章廣泛發(fā)表在Ajaxian, Smashing Magazine, Yahoo, Mozilla, ScriptJunkie等知名站點(diǎn)。

Christian的 Blog和Twitter。

Q 1. 你的開發(fā)工作主要關(guān)注點(diǎn)是什么？
我主要的工作側(cè)重點(diǎn)是確保有人接手我的工作的時(shí)候，能夠很輕松地看懂我的代碼并且方便地進(jìn)行擴(kuò)展。不幸的是，這是一項(xiàng)過時(shí)又耗時(shí)的不太有人愿意做的事。我認(rèn)為從別人的工作中我們可以學(xué)到很多，并且我認(rèn)為編寫簡潔易懂的代碼比單純的交付工作更加重要。

我關(guān)注的是web，不單單是某個(gè)瀏覽器或者操作系統(tǒng)。這就意味著你需要提高你的代碼靈活性。靈活性意味著你的代碼可以在這里運(yùn)行，立刻運(yùn)行，并且在未來需要添加新功能的時(shí)候可以很方便的進(jìn)行擴(kuò)展。我認(rèn)為，經(jīng)過16年的web開發(fā)，我們應(yīng)該進(jìn)入一個(gè)新的階段，不要再把各種技術(shù)堆積在一起，并且不停地替換它們。

Q 2. 你進(jìn)行開發(fā)工作時(shí)所用的硬件設(shè)備是什么？
Macbook Air，我經(jīng)常需要跑來跑去，因此不適合攜帶大型的硬件設(shè)備。

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

Q4.你的日常生活中必不可少的軟件是什么？
Browser以及他們的開發(fā)工具，Git，an IRC client, Dropbox 以及 Spotify，我越來越多的使用線上的一些服務(wù)。

Ryan Grove

簡介：Ryan Grove 是SmugMug的一個(gè)魔法師，YUI 評閱員，曾經(jīng)是一家日本服裝目錄的少年模特。他喜歡pie，電影，老式帆船。

Ryan的 Blog和Twitter。

Q 1. 你的開發(fā)工作主要關(guān)注點(diǎn)是什么？
最近我的大部分時(shí)間用于SmugMugde的客戶端JS組件以及新功能的開發(fā)。在課余時(shí)間，我寫了很多Node.js的代碼，偶爾也會(huì)寫寫Ruby。在SmugMug，我們的框架用的是YUI3，我也是YUI的核心評閱員，我為它貢獻(xiàn)了一些代碼，并且也審閱了其他提交者以及開發(fā)人員提交的一些代碼。

在一些特定的日子，我有時(shí)候會(huì)寫一些非開源的Smugmug代碼，有時(shí)是一些開源的代碼，或者是開源的YUI代碼。我們盡可能多的開源我們的JS代碼，其中有一些已經(jīng)添加到了YUI框架中。

Q 2. 你進(jìn)行開發(fā)工作時(shí)所用的硬件設(shè)備是什么？
我在家的時(shí)候用的是2.8GHz 四核 Mac Pro，配備16GB內(nèi)存和SSD。搭配30’’ 的HP ZR39w 顯示器，這樣看大圖以及視頻的時(shí)候效果超贊！當(dāng)我旅行的時(shí)候，攜帶的是13’’ 的Macbook Air（mid-2011, Core i7）。

我酷愛收集用于測試的移動(dòng)設(shè)備。每款iPhone和iPad至少都有一臺(tái)，多款A(yù)ndroid設(shè)備，一臺(tái)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有很多遠(yuǎn)程工作者，所以我們利用Google Hangout開會(huì)以及進(jìn)行面對面的交流。IRC也是一個(gè)重要的溝通媒介。SmugMug有自己的IRC服務(wù)器，我利用Colloquy iOS app來獲取通知，當(dāng)有人提到我的名字或者發(fā)送給我信息時(shí)，即使我不再電腦旁邊我也可以收到消息提醒。

Charles, cURL, and the REST Console Chrome extension 在調(diào)試HTTP?...

品牌網(wǎng)站建設(shè)有什么作用?對于品牌網(wǎng)站建設(shè)大家并不陌生，如今隨著互聯(lián)網(wǎng)的快速發(fā)展，網(wǎng)站建設(shè)也很快得到業(yè)內(nèi)人士的喜愛，因此企業(yè)網(wǎng)站利用網(wǎng)絡(luò)的力量可以加強(qiáng)企業(yè)自身的品牌影響力。品牌網(wǎng)站建設(shè)對于很多品牌企業(yè)來說都是非常重要的，因?yàn)樗麄冎酪粋€(gè)好的品牌網(wǎng)站可以給他們帶來非常好的經(jīng)濟(jì)收益。那么品牌網(wǎng)站建設(shè)有什么作用?下面由深圳深圳網(wǎng)站建設(shè)公司的技術(shù)人員為大家介紹：

一、提升企業(yè)的形象

隨著互聯(lián)網(wǎng)經(jīng)濟(jì)的發(fā)展，企業(yè)的形象在互聯(lián)網(wǎng)中主要通過企業(yè)官網(wǎng)進(jìn)行傳播，企業(yè)網(wǎng)站是能夠最大化的將企業(yè)的形象品牌展現(xiàn)在全國乃至全球市場中，讓更多的人看到，因此，企業(yè)搭建網(wǎng)站有利于樹立企業(yè)形象，幫助品牌進(jìn)行推廣。

二、提高品牌知名度

作為24小時(shí)不間斷運(yùn)轉(zhuǎn)的互聯(lián)網(wǎng)，其傳媒作用是傳統(tǒng)的媒體難以匹敵的，而作為一個(gè)企業(yè)，當(dāng)然希望能夠?qū)⒆陨淼膬?yōu)勢和特點(diǎn)更迅速的進(jìn)行推廣，所以，借助互聯(lián)網(wǎng)來建設(shè)自己的網(wǎng)站，最為直接的效果就是能夠有效提升自身形象，展示企業(yè)風(fēng)采，進(jìn)一步提升企業(yè)的知名度，獲得更為廣泛的關(guān)注。

三、開拓市場

與傳統(tǒng)市場的線下發(fā)展相比，企業(yè)網(wǎng)站利用互聯(lián)網(wǎng)發(fā)的傳播速度，能夠給企業(yè)帶來更大的商機(jī);通過搜索引擎可以找到更多的客戶給產(chǎn)品帶來更多的市場。

四、提高工作效率

對于企業(yè)來說，經(jīng)營管理的事務(wù)非常繁瑣，尤其是對于資金流、物流和信息流的管理，更是需要有一個(gè)比較科學(xué)和規(guī)范的方法和流程。網(wǎng)站建設(shè)的作用很大程度的解決了這些問題。網(wǎng)站的良好建設(shè)，能夠?qū)π蔬M(jìn)行提高，對經(jīng)營事務(wù)和管理實(shí)務(wù)也都能夠相對簡化，通過互聯(lián)網(wǎng)和局域網(wǎng)的相互配合，使企業(yè)員工更能夠輕松的完成任務(wù)。

五、品牌的定位

企業(yè)品牌不是停留在美化企業(yè)形象的層面，而成為吸引投資、促進(jìn)企業(yè)發(fā)展的巨大動(dòng)力，進(jìn)而促進(jìn)企業(yè)將自己像商品一樣包裝后拿到國內(nèi)甚至國際市場上“推銷”。在經(jīng)濟(jì)全球化的背景下，市場經(jīng)濟(jì)的全方位社會(huì)滲透，逐步清除企業(yè)的體制障礙，催化中國企業(yè)品牌的定位與形成。

企業(yè)的品牌網(wǎng)站建設(shè)不但是一個(gè)很好的宣傳方式，而且是一個(gè)非常好的交易平臺(tái)。一個(gè)成功的企業(yè)品牌網(wǎng)站不但可以樹立企業(yè)良好的品牌形象，還可以提高企業(yè)品牌的知名度。

很多的沒有網(wǎng)站的公司，在想要給自己開發(fā)一個(gè)網(wǎng)站的時(shí)候，一方面是找建站公司，一方面還要自己去查看同行業(yè)的網(wǎng)站去做一個(gè)參考，但只能看到同行網(wǎng)站的設(shè)計(jì)風(fēng)格和布局，卻不知道同行業(yè)的網(wǎng)站采用了什么開發(fā)程序，也不知道什么樣的程序適合自己，同行網(wǎng)站的開發(fā)程序是不是好，今天網(wǎng)站開發(fā)公司告訴你怎么查看一個(gè)網(wǎng)站是用什么程序制作的。

北京原創(chuàng)先鋒

當(dāng)你想要知道一個(gè)網(wǎng)站的開源程序是怎么搭建的時(shí)候，要確保你了解哪些常見的網(wǎng)站程序，有一定的知識儲(chǔ)備了才能對網(wǎng)站的程序進(jìn)行識別，如果網(wǎng)站沒有被二次開發(fā)，那么她們的程序特征就很容易被找出來。

當(dāng)你瀏覽一個(gè)網(wǎng)站，然后在網(wǎng)站首頁，鼠標(biāo)右鍵點(diǎn)擊查看網(wǎng)頁源代碼的時(shí)候，按住Ctrl+F，查看wp-content和wp-includes兩個(gè)字樣，如果有，那么就是WordPress博客系統(tǒng)程序的網(wǎng)站，還有另外的特征就是當(dāng)你查看他的robots文件協(xié)議時(shí)，他是沒有屏蔽support等文件的。

北京網(wǎng)站建設(shè)

如果你鼠標(biāo)右鍵點(diǎn)擊查看網(wǎng)頁源代碼，搜索有dedeajax這類的字樣，那么這個(gè)網(wǎng)站的開源程序是織夢cms的系統(tǒng)。而且robots協(xié)議中也會(huì)屏蔽plus相關(guān)文件。

如果鼠標(biāo)右鍵點(diǎn)擊查看網(wǎng)頁源代碼，在搜索過程中能夠搜索到data/cache/style、/data/cache/common等字樣，那么這個(gè)是discuz系統(tǒng)網(wǎng)站的特征，這種程序多用于論壇類網(wǎng)站，采用的是偽靜態(tài)機(jī)制。

北京網(wǎng)站制作

如果鼠標(biāo)右鍵點(diǎn)擊查看網(wǎng)頁源代碼，搜索中有process_request、utils.js、transport.js之類的字樣，那么就是商城網(wǎng)站的ECShop系統(tǒng)程序。

好了，過多的小編就就不在這里介紹了，總結(jié)起來就是，鼠標(biāo)右鍵點(diǎn)擊查看網(wǎng)頁源代碼，當(dāng)然前提是你對網(wǎng)站的一些基礎(chǔ)知識要了解，不然你看到代碼也會(huì)一臉的茫然，不能分析出這個(gè)網(wǎng)站是什么開源程序制作的。

很多的沒有網(wǎng)站的公司，在想要給自己開發(fā)一個(gè)網(wǎng)站的時(shí)候，一方面是找建站公司，一方面還要自己去查看同行業(yè)的網(wǎng)站去做一個(gè)參考，但只能看到同行網(wǎng)站的設(shè)計(jì)風(fēng)格和布局，卻不知道同行業(yè)的網(wǎng)站采用了什么開發(fā)程序，也不知道什么樣的程序適合自己，同行網(wǎng)站的開發(fā)程序是不是好，今天網(wǎng)站開發(fā)公司告訴你怎么查看一個(gè)網(wǎng)站是用什么程序制作的。

北京原創(chuàng)先鋒

當(dāng)你想要知道一個(gè)網(wǎng)站的開源程序是怎么搭建的時(shí)候，要確保你了解哪些常見的網(wǎng)站程序，有一定的知識儲(chǔ)備了才能對網(wǎng)站的程序進(jìn)行識別，如果網(wǎng)站沒有被二次開發(fā)，那么她們的程序特征就很容易被找出來。

當(dāng)你瀏覽一個(gè)網(wǎng)站，然后在網(wǎng)站首頁，鼠標(biāo)右鍵點(diǎn)擊查看網(wǎng)頁源代碼的時(shí)候，按住Ctrl+F，查看wp-content和wp-includes兩個(gè)字樣，如果有，那么就是WordPress博客系統(tǒng)程序的網(wǎng)站，還有另外的特征就是當(dāng)你查看他的robots文件協(xié)議時(shí)，他是沒有屏蔽support等文件的。

北京網(wǎng)站建設(shè)

如果你鼠標(biāo)右鍵點(diǎn)擊查看網(wǎng)頁源代碼，搜索有dedeajax這類的字樣，那么這個(gè)網(wǎng)站的開源程序是織夢cms的系統(tǒng)。而且robots協(xié)議中也會(huì)屏蔽plus相關(guān)文件。

如果鼠標(biāo)右鍵點(diǎn)擊查看網(wǎng)頁源代碼，在搜索過程中能夠搜索到data/cache/style、/data/cache/common等字樣，那么這個(gè)是discuz系統(tǒng)網(wǎng)站的特征，這種程序多用于論壇類網(wǎng)站，采用的是偽靜態(tài)機(jī)制。

北京網(wǎng)站制作

如果鼠標(biāo)右鍵點(diǎn)擊查看網(wǎng)頁源代碼，搜索中有process_request、utils.js、transport.js之類的字樣，那么就是商城網(wǎng)站的ECShop系統(tǒng)程序。

好了，過多的小編就就不在這里介紹了，總結(jié)起來就是，鼠標(biāo)右鍵點(diǎn)擊查看網(wǎng)頁源代碼，當(dāng)然前提是你對網(wǎng)站的一些基礎(chǔ)知識要了解，不然你看到代碼也會(huì)一臉的茫然，不能分析出這個(gè)網(wǎng)站是什么開源程序制作的。