網絡開源和(hé / huò)技術創新使得Web開發領域正在(zài)迅速變化，網絡開發技術叠代更新也(yě)非常快速。網絡時(shí)代，所謂的(de)“專家”通常都是(shì)善于(yú)學習的(de)那一批人(rén)。因此，随時(shí)關注和(hé / huò)跟進行業最新狀态對于(yú)網頁開發者來(lái)說(shuō)應該是(shì)一項充滿挑戰性也(yě)是(shì)必須的(de)工作。

值得慶幸的(de)是(shì)，無論是(shì)學習新的(de)ux設計應用程序還是(shì)跟進最新趨勢，你都可以(yǐ)通過這(zhè)些優秀的(de)網頁開發博客輕松了(le／liǎo)解當前最新的(de)網頁開發信息和(hé / huò)技術。

以(yǐ)下是(shì)摹客爲(wéi / wèi)大(dà)家整理的(de)11個(gè)最好的(de)Web開發博客。 我們将它們分爲(wéi / wèi)兩類，但需要(yào / yāo)注意的(de)是(shì)有些博客也(yě)可以(yǐ)分爲(wéi / wèi)多個(gè)類别。

Web開發—網頁博客類

1. Smashing Magazine

網站特色：UI/UX設計，網頁設計， HTML

網站：https://www.smashingmagazine.com/

Smashing Magazine -- 專業的(de)網頁設計師和(hé / huò)開發人(rén)員的(de)在(zài)線雜志，是(shì)網站開發者不(bù)容忽視的(de)一個(gè)新聞網站。它每兩天發布一篇文章，提供大(dà)量關于(yú)HTML，CSS，Java相關主題的(de)資源。對于(yú)想要(yào / yāo)掌握前端的(de)人(rén)來(lái)說(shuō)，這(zhè)是(shì)一個(gè)非常棒的(de)資源。你可以(yǐ)根據關鍵詞搜索曆史文章或當前的(de)博客内容，以(yǐ)了(le／liǎo)解設計，編碼，圖形，用戶體驗，移動開發和(hé / huò)CMS框架等網頁開發相關的(de)新聞。

2. Six Revisions （webpagefx）

網站特色：網站設計，網站開發，SEO

網站：https://www.webpagefx.com/

Six Revisions, 現在(zài)更名爲(wéi / wèi)webpagefx,是(shì)一個(gè)發布設計師和(hé / huò)網頁開發的(de)文章站點，這(zhè)裏提供衆多教程和(hé / huò)資源，讓web專業人(rén)士獲得更多的(de)有用教程和(hé / huò)設計資源。SixRevisions成立于(yú)2008年2月，有專業web開發人(rén)員和(hé / huò)設計師不(bù)斷的(de)更新最新的(de)資源和(hé / huò)教程，2-5天更新一次。文章來(lái)自世界各地(dì / de)，每一篇文章都具有高質量的(de)可讀性和(hé / huò)實用性。是(shì)開發者獲取網頁開發新聞的(de)好去處。

3. Specky Boy

網站特色：CSS，JavaScript，iQuery,線框設計

網站：https://speckyboy.com/

摹客設計系統上(shàng)線了(le／liǎo)！三大(dà)福利送不(bù)停！

領取福利

Speckyboy Design Magazine是(shì)一個(gè)關于(yú)CSS，JavaScript，UX設計和(hé / huò)其他(tā)技術的(de)博客。 其文章還涉及設計者和(hé / huò)用戶之(zhī)間的(de)業務關系。 也(yě)提供了(le／liǎo)可能有助于(yú)你的(de)原型設計和(hé / huò)部署作流程的(de)見解。Specky Bloy的(de)出(chū)版商Paul Andrew不(bù)僅關注設計資源，還有很多關于(yú)最新網絡技術的(de)深刻洞察。此網址特别适合前端開發人(rén)員查閱，以(yǐ)保持對行業最新資訊的(de)了(le／liǎo)解。

4. David Walsh

網站特色：網頁開發教程、特色、Demo以(yǐ)及網頁開發博客

網站：https://davidwalsh.name/

David Walsh是(shì)一個(gè)個(gè)人(rén)博客，發布了(le／liǎo)有關各種關于(yú)網頁開發前端和(hé / huò)後端技術的(de)文章，話題泛布AJAX、Canvas & SVG、CSS、Dojo、Firefox OS、HTML5、JavaScript、jQuery、Node.js等等。

如果你是(shì)一個(gè)非常關注軟件開發領域的(de)開發者，你肯定會喜歡上(shàng)David Walsh的(de)博客。你會發現許多關于(yú)CSS，jQuery，Java，PHP，MySQL等有趣的(de)文章。雖然内容不(bù)是(shì)非常詳盡，但它确實解決了(le／liǎo)不(bù)少開發的(de)問題，是(shì)一個(gè)值得關注的(de)博客。

5. Sitepoint

網站特色：HTML and CSS, Javascript教程，收費ebooks和(hé / huò)視頻

網站：https://www.sitepoint.com/

相較于(yú)其他(tā)博客而(ér)言，Sitepoint更像是(shì)一個(gè)在(zài)線學習平台而(ér)不(bù)是(shì)網站開發博客。它的(de)社區論壇也(yě)是(shì)我最喜歡的(de)在(zài)線開發社區和(hé / huò)程序員設計師家園之(zhī)一。 SitePoint 主要(yào / yāo)目标是(shì)幫助初學者了(le／liǎo)解其選擇的(de)編程語言和(hé / huò)技術，并且得到(dào)相應的(de)提高，網站内容包括 web 開發、Web 設計、技術寫作以(yǐ)及用戶體驗等。

6. class="has" src="http://cdn.mockplus.cn/image/2018/08/52d531c9-e728-4bc4-b1ff-f2aa35da83c0.png" />

網站特色：網頁設計，網頁開發

網站:https://onextrapixel.com/

網頁設計和(hé / huò)網頁開發的(de)内容通常都是(shì)互補，二者的(de)角色分工也(yě)都是(shì)爲(wéi / wèi)同一個(gè)目标--打造更好的(de)網站。從這(zhè)個(gè)角度來(lái)說(shuō)，OXP可以(yǐ)是(shì)一個(gè)網絡開發博客，也(yě)可以(yǐ)是(shì)一個(gè)網頁設計博客。它提供了(le／liǎo)許多資源，文章，教程和(hé / huò)鏈接。 主題包括設計，圖形，WordPress，CSS，社交媒體，開發，贈品，工具包，事件等。 教程包括編寫代碼，在(zài)Photoshop中修改圖像等的(de)分步說(shuō)明。無論是(shì)搜索一些有用的(de)HTML5小貼士或是(shì)新的(de)jQuery庫的(de)文章，你都可以(yǐ)得到(dào)。

7. Noupe

網站特色：獨立網頁開發闆塊，開發語言及教程分類

網站：https://www.noupe.com/

Noupe是(shì)一個(gè)來(lái)自德國(guó)的(de)關于(yú)網站設計與網站開發信息資源的(de)網站。該網站主要(yào / yāo)爲(wéi / wèi)網站設計師和(hé / huò)網站開發者們提供多種多樣的(de)網站設計和(hé / huò)開發方面的(de)最新工具和(hé / huò)教程以(yǐ)及相關的(de)動态新聞信息。這(zhè)些信息包含了(le／liǎo)有關設計的(de)所有方面：CSS，創建交互式Web應用程序而(ér)無需犧牲浏覽器兼容性的(de)流行方法（Ajax），Java腳本，網站設計、網站圖形和(hé / huò)圖标、網頁的(de)排版、廣告等。網站的(de)目标就(jiù)是(shì)幫助用戶利用網站的(de)功能接口與其他(tā)用戶進行有效的(de)交流與溝通。

8.摹客

網站特色：網頁設計，優秀網頁開發案例資源

網站：https://www.mockplus.cn/

摹客是(shì)一個(gè)協作設計平台，正逐步完善從原型設計到(dào)實現開發的(de)過程。不(bù)僅提供了(le／liǎo)國(guó)内外知名的(de)原型設計工具Mockplus，也(yě)非常注重設計規範的(de)制定，而(ér)且設計系統可以(yǐ)導出(chū)代碼！它的(de)網站博客提供了(le／liǎo)非常豐富的(de)設計資源，包括優秀的(de)網頁設計模闆，以(yǐ)及優秀的(de)網頁開發案例相關的(de)資源。雖然并不(bù)是(shì)專門的(de)網頁開發博客，裏面提供的(de)内容也(yě)可以(yǐ)爲(wéi / wèi)開發者帶來(lái)一些靈感。從而(ér)從最初始的(de)原型設計爲(wéi / wèi)出(chū)色的(de)網頁開發打下堅實的(de)基礎。

網頁開發社區類網站

1. Stack Overflow

網站特色：問答社區，設計簡潔，無廣告無彈窗

網站：https://stackoverflow.com/

衆所周知，stackoverflow可以(yǐ)說(shuō)是(shì)全球最爲(wéi / wèi)活躍的(de)程序員技術問答交流社區。用戶可以(yǐ)在(zài)這(zhè)裏免費提交問題，浏覽問題，索引相關内容，在(zài)創建主頁的(de)時(shí)候使用簡單的(de)HTML。在(zài)問題頁面，不(bù)會彈出(chū)任何廣告，銷售信息，JavaScript 窗口等。在(zài)網站右側還提供招聘信息展示，爲(wéi / wèi)全球開發者提供優質的(de)就(jiù)業渠道(dào)。

2. Reddit

網站特色：問答社區，多開發看闆

網站：http://www.reddit.com/r/programming

雖然reddit 不(bù)是(shì)一個(gè)專門的(de)開發者資訊類網站，但你可以(yǐ)在(zài) reddit 上(shàng)提交或關注一些網頁開發相關的(de)話題，也(yě)可以(yǐ)和(hé / huò)其他(tā)程序員讨論一些編程開發的(de)問題和(hé / huò)當前的(de) IT 熱點資訊。它的(de)看闆下往往會有很多訂閱者且大(dà)多都非常活躍，你可以(yǐ)非常及時(shí)的(de)得到(dào)一些有用的(de)反饋信息。

3. GIthub

網站特色：開源代碼網站，版本管理平台

網站：https://github.com/

Github是(shì)一個(gè)代碼托管平台。你可以(yǐ)選擇在(zài)上(shàng)面公開你的(de)代碼，讓所有人(rén)都參與其中。同時(shí)，github也(yě)是(shì)一個(gè)很好用的(de)版本管理工具。開發者提交自己的(de)代碼，大(dà)家可以(yǐ)共享工作成果，比較出(chū)名的(de)開源軟件都會在(zài)上(shàng)面發布自己的(de)代碼。可以(yǐ)互相吸取經驗，借鑒别人(rén)的(de)代碼，思想，共同進步。

總結：

作爲(wéi / wèi)開發者，保持學習的(de)心态是(shì)讓你成爲(wéi / wèi)專家的(de)唯一訣竅。不(bù)管是(shì)初學者還是(shì)有所經驗的(de)開發人(rén)員，以(yǐ)上(shàng)列舉的(de)11個(gè)網頁開發博客都非常值得你去關注和(hé / huò)學習。通過和(hé / huò)全球開發者的(de)對話去面對自己的(de)差距，尋找突破自我的(de)機會。或者，通過以(yǐ)上(shàng)這(zhè)些網頁開發資源，你也(yě)可以(yǐ)将你的(de)所學所想以(yǐ)及開發經驗傳播給世界。