網(wǎng)頁(yè)設(shè)計(jì)人員有福了，鹽城網(wǎng)站制作公司分享網(wǎng)頁(yè)設(shè)計(jì)和開發(fā)的55個(gè)頂尖博客，我收集使到一些使得網(wǎng)頁(yè)設(shè)計(jì)師和開發(fā)人員更方便網(wǎng)站建設(shè)的站點(diǎn)。這些站點(diǎn)都有精心編寫的，明確的，內(nèi)容充實(shí)的的文章，內(nèi)容包含對(duì)CMS之如WordPress討論，Photoshop工具，CSS和HTML教程代碼，對(duì)用戶體驗(yàn)的想法（UX）和用戶界面（UI）的提示、技巧、資源和贈(zèng)品。 在今天的帖子中，我們將一睹55個(gè)最好的網(wǎng)頁(yè)設(shè)計(jì)師和開發(fā)人員博客和網(wǎng)站。請(qǐng)注意站點(diǎn)不以排名先后論英雄。

1.Web Designer Depot：http://www.webdesignerdepot.com/

Web Designer Depot是全球設(shè)計(jì)師之間的聚集地，在這里有設(shè)計(jì)師們分享為來(lái)幫助發(fā)展設(shè)計(jì)社區(qū)功能而分享的文章和教程。 站點(diǎn)主題包括HTML 5，CSS3，響應(yīng)式設(shè)計(jì)，排版，可用性，jQuery，移動(dòng)應(yīng)用程序，資源，業(yè)務(wù)，自由職業(yè)者，靈感等。

2.InstantShift：http://www.instantshift.com/

InstandShift是一個(gè)流行于網(wǎng)頁(yè)設(shè)計(jì)師和開發(fā)人員的社區(qū)。有很多關(guān)于WordPress，網(wǎng)頁(yè)設(shè)計(jì)，CSS，工具，教程，字體，攝影等很多優(yōu)秀的帖子。

3.CSS-Tricks：https://css-tricks.com/

這是由Chris Coyier1人創(chuàng)立最初只涵蓋CSS，到現(xiàn)在有11人的團(tuán)隊(duì)，涵蓋網(wǎng)頁(yè)設(shè)計(jì)和開發(fā)的各個(gè)方面網(wǎng)站。 他們的內(nèi)容包括文章，視頻，代碼片段、教程，新聞，基本資料等。

4.Hongkiat：http://www.hongkiat.com/blog/

這個(gè)網(wǎng)站自2007建立年以來(lái)，已經(jīng)為設(shè)計(jì)師，開發(fā)人員，工程師和博主提供了一系列的文章，教程，推薦的工具，提示和技巧。 他們喜歡寫關(guān)于插件，工具，桌面和移動(dòng)應(yīng)用程序，小工具，天才般的想法等任何令人感興趣的任何東西。

5.Six Revisions：http://sixrevisions.com/

該網(wǎng)站由Jacob Gube于2008年推出，涵蓋了設(shè)計(jì)和構(gòu)建網(wǎng)站及應(yīng)用程序的網(wǎng)站設(shè)計(jì)和開發(fā)的整個(gè)流程。 他們發(fā)表文章，新聞，教程，指南等等。 該網(wǎng)站主題涵蓋的范圍從Photoshop到自由職業(yè)者和之間的一切。

6.Smashing Magazine：https://www.smashingmagazine.com/

這個(gè)網(wǎng)站由Vitaly Friedman和Sven Lennartz創(chuàng)立，為設(shè)計(jì)師和開發(fā)人員提供了一系列的文章，教程。站點(diǎn)主題包括設(shè)計(jì)，用戶體驗(yàn)設(shè)計(jì)，代碼，WordPress，移動(dòng)應(yīng)用程序和設(shè)計(jì)，圖形等。內(nèi)容涵蓋軟件，概念，新聞等，也包括CSS，Photoshop，電子商務(wù)，插件，網(wǎng)站主題等等。

7.Vandelay Design：http://www.vandelaydesign.com/

這個(gè)網(wǎng)站的重點(diǎn)是提供創(chuàng)意，為小企業(yè)主和企業(yè)家配備開發(fā)他們的經(jīng)營(yíng)理念的工具。 他們站點(diǎn)有很多關(guān)于網(wǎng)頁(yè)設(shè)計(jì)，寫作，網(wǎng)絡(luò)開發(fā)等等的文章。 他們也有鏈接到免費(fèi)資源，一個(gè)包含高級(jí)資源的商店，他們通過(guò)提供免費(fèi)的WordPress主題回饋社區(qū)。

8.TheNextWeb (Design & Dev)：http://thenextweb.com/

該網(wǎng)站自2006年成立以來(lái)一直致力于國(guó)際技術(shù)新聞，設(shè)計(jì)，商業(yè)，文化等領(lǐng)域的文章發(fā)布。其內(nèi)容包括入門指南，代碼，UX設(shè)計(jì)，關(guān)于交易和課程的鏈接和新聞，設(shè)計(jì)活動(dòng)視頻，硬件，軟件，評(píng)論，即將到來(lái)的活動(dòng)，平面設(shè)計(jì)等。

9.SpeckyBoy：https://speckyboy.com/

Paul Andrew在2007年10月建立了自己的自由職業(yè)者站點(diǎn)?，F(xiàn)已發(fā)展為為一個(gè)網(wǎng)頁(yè)設(shè)計(jì)雜志站點(diǎn)。 它擁有大量的教程，資源，節(jié)省利用的技術(shù)，甚至鼓舞人心的藝術(shù)。 主題包括網(wǎng)頁(yè)設(shè)計(jì)和開發(fā)，平面設(shè)計(jì)，移動(dòng)開發(fā)，廣告，設(shè)計(jì)風(fēng)格和趨勢(shì)，技術(shù)新聞等。

10.A List Apart：http://alistapart.com/

這個(gè)網(wǎng)站是由Jeffrey Zeldman于1998年建立的。 該站點(diǎn)文章專注于網(wǎng)頁(yè)設(shè)計(jì)靈域，面向設(shè)計(jì)師，開發(fā)人員，建筑師，專家，策略家，項(xiàng)目經(jīng)理和作家開放。 站點(diǎn)主題包括代碼，內(nèi)容，設(shè)計(jì)，商業(yè)和工業(yè)，工具，技術(shù)，UX等。

11.FastCo Design：https://www.fastcodesign.com/

這是一本專注于商業(yè)和設(shè)計(jì)之間結(jié)合的技術(shù)雜志站點(diǎn)。它涵蓋了廣泛的主題，包括電子，UX，平面設(shè)計(jì)，建筑，時(shí)尚，消費(fèi)產(chǎn)品等等。 在這里的設(shè)計(jì)師提供見(jiàn)解，意見(jiàn)，提示，新聞等等更多信息。

12.DesignShack：https://designshack.net/

這個(gè)設(shè)計(jì)網(wǎng)站發(fā)布了啟發(fā)靈感的網(wǎng)頁(yè)設(shè)計(jì)文章、布資源和教程。他們專注于設(shè)計(jì)和收錄了網(wǎng)上最偉大的項(xiàng)目。 他們定期發(fā)布教讀者創(chuàng)造自己設(shè)計(jì)的新技術(shù)的文章，并分享行業(yè)的每日新聞。該站點(diǎn)主題包括網(wǎng)站，排版，商業(yè)品牌，快捷方式等等。

13.Spoon Graphics：http://blog.spoongraphics.co.uk/

這是由Chris Spooner建立的設(shè)計(jì)博客。 他分享一些貼士，資源和靈感，以幫助各階段教育水平和技能水平的設(shè)計(jì)師。內(nèi)容包括教程，文章，視頻，新聞和免費(fèi)資源的鏈接。主題專注于平面設(shè)計(jì)，圖形軟件，排版，模板，標(biāo)志等。還有一個(gè)只供會(huì)員的下載的區(qū)域。

14.CoDrops：http://tympanus.net/codrops/

這個(gè)設(shè)計(jì)博客是由是由網(wǎng)頁(yè)設(shè)計(jì)師兼開發(fā)人員Manoela Ilic和Pedro Botelho共同搭建完成的。 它開建立之初是想作為實(shí)驗(yàn)博客，后面成為一個(gè)熱衷于分享對(duì)網(wǎng)頁(yè)設(shè)計(jì)和網(wǎng)站開發(fā)的社區(qū)。團(tuán)隊(duì)成員及其他貢獻(xiàn)者一起發(fā)布有關(guān)最新網(wǎng)絡(luò)趨勢(shì)，技術(shù)等的文章和教程。站點(diǎn)主題包括教程，贈(zèng)品，CSS參考目錄，在線實(shí)驗(yàn)區(qū)域，討論網(wǎng)頁(yè)設(shè)計(jì)概念的藍(lán)圖，以及包含來(lái)自社區(qū)的設(shè)計(jì)和新聞資源的集合。他們還主持有獎(jiǎng)問(wèn)答節(jié)目。

15.TutorialZine：http://tutorialzine.com/

本網(wǎng)站是由來(lái)自保加利亞瓦爾納的網(wǎng)站開發(fā)人員和設(shè)計(jì)師團(tuán)隊(duì)建立的。該站點(diǎn)文章包括小貼士，教程，贈(zèng)品，編輯，UI，UX，新聞和在線實(shí)驗(yàn)。文章內(nèi)容涵蓋很多代碼開發(fā)，包括HTML5，CSS3，jQuery，JavaScript和PHP。他們甚至有一個(gè)免費(fèi)的jQuery電子書。

16.HackingUI：http://hackingui.com/

這是一個(gè)由Sagi Shrieber和David Tintner創(chuàng)立的在線雜志，主要是針對(duì)互動(dòng)設(shè)計(jì)和前端開發(fā)。 它涵蓋設(shè)計(jì)，代碼，贈(zèng)品，靈感，生產(chǎn)力，素描等各個(gè)領(lǐng)域。他們有許多教程和文章，包括Photoshop，CSS，JavaScript，商業(yè)，個(gè)人生活，免費(fèi)圖標(biāo)鏈接，模板，贈(zèng)品，有趣的網(wǎng)站，評(píng)論等等。

17.Web Design Weekly：https://web-design-weekly.com/

這是由由Jake Bresnehan創(chuàng)建和維護(hù)一個(gè)周刊雜志和博客網(wǎng)站。雜志包括標(biāo)題，文章，工具，資源，靈感，工作等。雜志和博客都包括關(guān)于編程代碼（CSS，HTML等）等文章教程。大多數(shù)內(nèi)容在收錄在電子雜志中，并通過(guò)電子郵件推送給用戶這里非常注重代碼。

18.David Walsh：https://davidwalsh.name/

這是JavaScript和HTML5專家David Walsh的博客。 它包含大量的文章和教程，主要側(cè)重于前端技術(shù)。站點(diǎn)主題包括代碼（CSS，HTML，AJAX，JavaScript等），開發(fā)軟件，資源鏈接，網(wǎng)站主題，設(shè)計(jì)概念，演示，移動(dòng)端，瀏覽器等。

19.Naldz Graphics：http://naldzgraphics.net/

這是由Ronald Bien于2008年創(chuàng)建的設(shè)計(jì)博客。它展示了設(shè)計(jì)社區(qū)里的教程，贈(zèng)品，靈感，資源等。站點(diǎn)內(nèi)容包括文章，教程，贈(zèng)品和WordPress主題。 它有很多的鏈接到良好的設(shè)計(jì)示例，免費(fèi)圖標(biāo)，PSD模板，宣傳冊(cè)設(shè)計(jì)，標(biāo)志設(shè)計(jì)等等。

20.Design Beep：http://designbeep.com/

這個(gè)博客包含了許多關(guān)于設(shè)計(jì)和開發(fā)的主題。主要包括文章，教程，工具，資源，贈(zèng)品和靈感等幾大塊。 涵蓋了圖形，標(biāo)志，排版，網(wǎng)頁(yè)設(shè)計(jì)，Photoshop，WordPress主題和插件，CSS，Illustrator，jQuery等等。 它有很多貼士，下載鏈接，評(píng)論，收藏等。還有一些提示最佳實(shí)踐的貼士和廣泛適用的主題。

21.PixelHint：http://pixelhint.com/

這里是一個(gè)專門發(fā)布Web UI設(shè)計(jì)教程網(wǎng)頁(yè)設(shè)計(jì)博客。他們還分享免費(fèi)的供網(wǎng)頁(yè)設(shè)計(jì)師和開發(fā)人員下載的網(wǎng)站模板和網(wǎng)絡(luò)資源。 他們討論網(wǎng)頁(yè)設(shè)計(jì)最新趨勢(shì)和技術(shù)方法，以及創(chuàng)建網(wǎng)站UI的最好的方法和技巧。 該博客包含大量的教程和免費(fèi)資源鏈接，發(fā)展概念和代碼教程。 免費(fèi)資源包括圖標(biāo)和PSD模板。

22.PixelBuddha：https://pixelbuddha.net/

這個(gè)網(wǎng)站是尼克弗羅斯特和格雷格拉賓。站點(diǎn)內(nèi)容包含用于Web開發(fā)人員的免費(fèi)且專業(yè)的資源。 大多數(shù)資源是圖形。 資源包括動(dòng)畫，照片，字體，效果，HTML，圖標(biāo)，模板等。站點(diǎn)文章還會(huì)討論如何獲取資源。部分高級(jí)資源還會(huì)有一個(gè)免費(fèi)版本。

23.GraphicBurger：http://graphicburger.com/

這個(gè)網(wǎng)站的從Raul Taciu的Cluj-Napoca，羅馬尼亞和專注于高質(zhì)量的設(shè)計(jì)資源是免費(fèi)的。資源包括獨(dú)有的PSD文件，還有來(lái)自世界各地的免費(fèi)素材。資源包括模型，UI工具包，圖標(biāo)，文字效果，背景等。文章詳細(xì)討論了產(chǎn)品，并提供了下載鏈接。

24.Queness：http://www.queness.com/

這是一個(gè)專門用于網(wǎng)頁(yè)設(shè)計(jì)和開發(fā)的博客，其中包含大量教程和代碼片段。該站點(diǎn)類別包括技術(shù)，教程，網(wǎng)頁(yè)設(shè)計(jì)，網(wǎng)站開發(fā)，WordPress，JavaScript，移動(dòng)開發(fā)，排版等等。 文章包括新聞，免費(fèi)資源，資源鏈接，主題合集等等。

25.Inspirationfeed：http://inspirationfeed.com/

該站點(diǎn)由Igor Ovsyannykov管理，提供有關(guān)設(shè)計(jì)，商業(yè)，創(chuàng)辦企業(yè)的精神，WordPress，圖形，交易和職場(chǎng)自我成長(zhǎng)的信息。文章包括教程，靈感，博客，免費(fèi)資源，新聞，主題，紋理，壁紙，SEO，社交媒體，標(biāo)志，字體等等。 還有視頻教程和免費(fèi)資源的鏈接。

26.DesignWoop：http://designwoop.com/

這個(gè)博客提供了許多文章給設(shè)計(jì)師和開發(fā)人員。站點(diǎn)主題包括工具，贈(zèng)品，設(shè)計(jì)理念，靈感，面試，WordPress，主題，插件，方法小貼士，教程等。文章廣泛的包含了教程、集合和鏈接等領(lǐng)域。鏈接包括CSS動(dòng)畫片段，WordPress主題，圖標(biāo)，排版，優(yōu)秀的網(wǎng)站設(shè)計(jì)案例，線框圖工具等等。站點(diǎn)的教程包括Photoshop，CSS，Sketch等等。

27.CSSReflex：http://www.cssreflex.com/

這個(gè)網(wǎng)站由來(lái)自巴林的Naeem Noor創(chuàng)建并維護(hù)，專門面向于網(wǎng)絡(luò)開發(fā)人員、設(shè)計(jì)師和編程人員。站點(diǎn)提供了很多工具，資源，代碼片段和提示。內(nèi)容包括博客，CSS生成器，CSS濾鏡效果，CSS演示，響應(yīng)式計(jì)算器和視頻。它討論許多方面如博客，服務(wù)器，UI設(shè)計(jì)，WYSIWYG生成器，圖標(biāo)，架構(gòu)，模板，開發(fā)人員的瀏覽器擴(kuò)展，資源鏈接等等。

28.Viget Inspire：https://www.viget.com/articles

這個(gè)博客來(lái)的誕生是來(lái)自一個(gè)更大的項(xiàng)目，是由布萊恩·威廉姆斯，安迪·蘭金和Wynne“流行”威廉姆斯于1999年成立。博客涵蓋了設(shè)計(jì)和各種動(dòng)效。站點(diǎn)主題包括UX，顏色，可訪問(wèn)性，新聞，事件，實(shí)驗(yàn)，實(shí)驗(yàn)，品牌管理，APP，游戲，插圖，教程等等。

29.WinningWP：http://winningwp.com/

這是一個(gè)曾獲獎(jiǎng)的博客，由來(lái)自倫敦的布林威爾遜建立并運(yùn)營(yíng)，專注于WordPress相關(guān)的技術(shù)和資源，給任何對(duì)WordPress感興趣的人提供有用的提示。站點(diǎn)的內(nèi)容由來(lái)自世界各地的網(wǎng)頁(yè)設(shè)計(jì)師，程序員和專業(yè)創(chuàng)意者提供。站點(diǎn)主題包括網(wǎng)站主題，插件，代碼托管，SEO，安全性，性能，教程，提示，博客，系統(tǒng)組件，設(shè)計(jì)，營(yíng)銷，社交媒體，新聞，周邊趣事等等。 盡管建立網(wǎng)站的初衷是專注于WordPress但也包含其他CMS。

30.Designrfix：http://designrfix.com/

這個(gè)網(wǎng)站致力于提供一個(gè)平臺(tái)給所有志同道合的設(shè)計(jì)師一起交流技術(shù)和分享靈感。它包括靈感，教程，贈(zèng)品，資源，平面設(shè)計(jì)，網(wǎng)頁(yè)設(shè)計(jì)和商業(yè)活動(dòng)。 主題包括移動(dòng)平臺(tái)，內(nèi)容管理系統(tǒng)，CSS，jQuery，WordPress主題，工具，資源，圖標(biāo)，培訓(xùn)視頻鏈接，插圖，UI，UX，編碼，Photoshop等等。

31.Creative Overflow：http://creativeoverflow.net/

這是Jacques van Heerden建立的在線設(shè)計(jì)雜志。該網(wǎng)站是通過(guò)發(fā)布文章，建議，教程，資源和靈感以達(dá)到激發(fā)藝術(shù)家變得更好的目的。站點(diǎn)內(nèi)容包括許多熱門主題和目錄，如收藏，免費(fèi)資源，新聞，訪談，WordPress，新聞，贈(zèng)品等。文章包括有關(guān)品牌，WordPress主題，商業(yè)發(fā)展，電子商務(wù)，徽標(biāo)，營(yíng)銷的信息，甚至為您提供創(chuàng)意商業(yè)提供建議如何選擇打印機(jī)。

32.One Xtra Pixel：http://www.onextrapixel.com/

這是一個(gè)為新加坡設(shè)計(jì)師和網(wǎng)站開發(fā)人員而設(shè)立的在線雜志。站點(diǎn)提供了許多資源，文章，教程和鏈接。主題包括設(shè)計(jì)，圖形，WordPress，CSS，社交媒體，開發(fā)，免費(fèi)資源，工具包，事件等。提供了一步一步的教程包括有關(guān)編寫代碼，在Photoshop中修改圖像。甚至有一個(gè)連環(huán)圖專們針對(duì)設(shè)計(jì)和Web開發(fā)的，偶爾也有其他主題的漫畫。

33.Noupe：http://www.noupe.com/

這是由來(lái)自德國(guó)的Commindo Media GmbH＆Co. KG建立的博客。站點(diǎn)的內(nèi)容專門為Web開發(fā)人員和設(shè)計(jì)師而編寫的。站點(diǎn)主題包括網(wǎng)頁(yè)設(shè)計(jì)，排版，圖形，CSS，JavaScript，Ajax，廣告，市場(chǎng)營(yíng)銷，WordPress，電子商務(wù)，自由職業(yè)者，靈感等等。 文章包括設(shè)計(jì)教程，編寫代碼，使用圖形程序，SEO，免費(fèi)資源，卡通，主題，插件，提示，技巧等等。

34.InstantShift：http://www.instantshift.com/

這是一個(gè)為網(wǎng)頁(yè)設(shè)計(jì)師和開發(fā)人員設(shè)計(jì)和提供靈感的博客。它每天都有資源推薦，內(nèi)容包括靈感，文章，教程，贈(zèng)品，網(wǎng)頁(yè)設(shè)計(jì)，WordPress，字體，CSS，圖標(biāo)，攝影，Photoshop，JavaScript，Illustrator，平面設(shè)計(jì)，信息圖表，案例，logo，新聞和更多。

35.WPKUBE：https://www.wpkube.com/

這個(gè)網(wǎng)站是由Devesh Sharma創(chuàng)立的。它主要集中在WordPress，包括學(xué)習(xí)指南、教程方法、插件、新聞、評(píng)論、提示和技巧、插件、主題，評(píng)論、安全、SEO、初學(xué)者指南和代碼等。 它包括許多資源的鏈接，例如工具，代碼托管和優(yōu)惠券。站點(diǎn)文章是由WordPress專業(yè)人員寫的，內(nèi)容廣泛，面向各個(gè)級(jí)別的從業(yè)人士。

36.Fresh Web Dev：http://freshwebdev.com/

這個(gè)網(wǎng)站涵蓋網(wǎng)頁(yè)設(shè)計(jì)和開發(fā)，重點(diǎn)是WordPress，Javascript，CSS，PHP，設(shè)計(jì)，HTML5和其他各個(gè)方面。站點(diǎn)它包括WordPress，Photoshop，編寫代碼，Linux服務(wù)器開發(fā)和配置，字體，圖形等產(chǎn)品的文章和教程。他們還提供交易和免費(fèi)資源的鏈接。內(nèi)容由專業(yè)的設(shè)計(jì)師和開發(fā)人員為其群體所寫。

37.DesignM.ag：https://designm.ag/

這是一個(gè)基于社區(qū)的網(wǎng)站，包括博客，設(shè)計(jì)圖庫(kù)，用戶提交的新聞和招聘專區(qū)。博客包括工具，圖標(biāo)，主題，代碼片段，字體，圖形等資源。教程包括Photoshop，網(wǎng)頁(yè)設(shè)計(jì)等。站點(diǎn)主題還包括采訪，靈感，WordPress，設(shè)計(jì)師案例，免費(fèi)資源，排版，UI等。該站點(diǎn)涵蓋了所有的網(wǎng)頁(yè)設(shè)計(jì)的方方面面。

38.Creative Market Blog：https://creativemarket.com/

這個(gè)博客有很多關(guān)于網(wǎng)頁(yè)設(shè)計(jì)和前端開發(fā)的教程。它包括許多文章和貼士，如字體設(shè)計(jì)和優(yōu)化排版，使用Photoshop的小貼士，推薦書籍的列表，解決常見(jiàn)的設(shè)計(jì)問(wèn)題的方法論，使用負(fù)空間，WordPress，PHP，HTML，CSS，靈感等。目標(biāo)受眾是從初級(jí)到高級(jí)的網(wǎng)站開發(fā)人員和設(shè)計(jì)師。

39.SitePoint：https://www.sitepoint.com/

這個(gè)博客由Mark Harbottle和Matt Mickiewicz創(chuàng)立。站點(diǎn)提供新穎的想法，概念和新技術(shù)等內(nèi)容，還包括文章、課程、教程、書籍或任何與設(shè)計(jì)和構(gòu)建網(wǎng)站相關(guān)的內(nèi)容。網(wǎng)站用戶討論代碼（HTML，CSS，PHP，JavaScript和Ruby），移動(dòng)開發(fā)，WordPress，設(shè)計(jì)，UX，商業(yè)運(yùn)營(yíng)，以及任何與網(wǎng)絡(luò)技術(shù)相關(guān)的內(nèi)容。

40.Web Design Ledger：https://webdesignledger.com/

這是一個(gè)涵蓋網(wǎng)頁(yè)設(shè)計(jì)和開發(fā)且同時(shí)提供了大量的資源的博客。站點(diǎn)主題包括網(wǎng)頁(yè)設(shè)計(jì)、靈感、UI、圖形、訪談、網(wǎng)絡(luò)開發(fā)、評(píng)論和內(nèi)容管理系統(tǒng)。文章包含免費(fèi)資源鏈接，時(shí)事新聞，APP教程，工具，字體，圖標(biāo)，矢量圖形，WordPress，Drupel，Ghost，編碼，電子商務(wù)，移動(dòng)開發(fā)，可穿戴設(shè)備，排版設(shè)計(jì)等信息的鏈接。

41.envato tuts+：https://tutsplus.com/

這是一個(gè)有很多文章的錢打U呢和設(shè)計(jì)的教程網(wǎng)站。站點(diǎn)類別包括Photoshop，Illustrator，矢量，插圖，工具和提示，靈感，新聞，設(shè)計(jì)，文本效果，CSS，HTML，UX，UI，工作流，設(shè)計(jì)理論等等。文章針對(duì)的是初級(jí)階段，內(nèi)容十分廣泛。還有一些可供訂閱的課程。

42.HappyCog’s Cognition Blog：http://cognition.happycog.com/

這個(gè)博客來(lái)自Happy Cog的創(chuàng)始人Jeffrey Zeldman建立的，主要關(guān)注設(shè)計(jì)，經(jīng)驗(yàn)體會(huì)和代碼。站點(diǎn)主題包括流程，設(shè)計(jì)，前端開發(fā)，團(tuán)隊(duì)，項(xiàng)目管理，社區(qū)，職業(yè)，戰(zhàn)略，公司和客戶關(guān)系。文章包括案例研究，教程，方法提示，商業(yè)運(yùn)營(yíng)和客戶關(guān)系處理，排版，編碼，Photoshop等等。大多數(shù)文章是是精心編寫和詳細(xì)的理論研究成果。

43.WebAppers：http://www.webappers.com/

這是一個(gè)專門為Web開發(fā)人員和設(shè)計(jì)人員分享開源資源的博客。對(duì)于設(shè)計(jì)師，站點(diǎn)有免費(fèi)的圖標(biāo)，字體，表，股票照片，畫筆和設(shè)計(jì)靈感。對(duì)于開發(fā)人員，有很多JavaScript和Ajax組件，如插件，菜單，工具提示，圖表，輪轉(zhuǎn)圖，日歷，模態(tài)窗等。它還涵蓋代碼托管，電子商務(wù)，社交媒體，工具，安全，統(tǒng)計(jì)等等更多。該站點(diǎn)的文章詳細(xì)和前沿。

44.Web Field Manual：http://webfieldmanual.com/

此博客提供了一個(gè)用于UX和UI設(shè)計(jì)的資源列表。該站點(diǎn)是由網(wǎng)頁(yè)設(shè)計(jì)師策劃和維護(hù)，包含了大量的網(wǎng)頁(yè)設(shè)計(jì)文章和資源。主題設(shè)計(jì)包括人們趨勢(shì)，靈感，規(guī)范的和不規(guī)范的風(fēng)格指南，工作進(jìn)程，工作流，工具箱，優(yōu)秀的和拙劣的網(wǎng)格和排版，動(dòng)畫制作的最佳與最壞方式，設(shè)計(jì)準(zhǔn)則的最佳與最壞遵守，和可訪問(wèn)性的最佳與最壞標(biāo)準(zhǔn)。每個(gè)類別都有詳細(xì)的資源列表。站點(diǎn)主題包括編碼入門，最佳實(shí)踐，靈感，參考，流行趨勢(shì)，性能，CSS/SASS，SVG，JavaScript，工作流，工具箱和各種庫(kù)。

45.UXPin Blog：https://www.uxpin.com/studio/blog/

UXPin是供網(wǎng)頁(yè)設(shè)計(jì)師使用的產(chǎn)品設(shè)計(jì)平臺(tái)。他們的博客側(cè)重于各方面的各種平臺(tái)的用戶體驗(yàn)。它包含大量關(guān)于用戶體驗(yàn)設(shè)計(jì)，移動(dòng)端，設(shè)計(jì)趨勢(shì)，最佳實(shí)踐，設(shè)計(jì)小貼士，交互設(shè)計(jì)，UI設(shè)計(jì)，網(wǎng)頁(yè)設(shè)計(jì)，元素和模式，過(guò)程，UXPin，線框，平面設(shè)計(jì)，團(tuán)隊(duì)協(xié)作，可用性，原型，草圖，樣機(jī)，Photoshop等等。該站點(diǎn)的文章都非常實(shí)用和詳細(xì)。

46.Good UI：https://www.goodui.org/

這是一個(gè)致力于制作最好的網(wǎng)站布局，以改善用戶界面的網(wǎng)站和博客。網(wǎng)站介紹最佳實(shí)踐，布局，如何合并功能以達(dá)到更簡(jiǎn)潔的設(shè)計(jì)。大力推薦使用社交途徑，來(lái)無(wú)論何處可以何處響應(yīng)行動(dòng)呼吁，來(lái)如何使可點(diǎn)擊和可選擇的不同樣式表，來(lái)如何推薦一個(gè)選擇來(lái)幫助用戶決策，也提供了允許用戶取消錯(cuò)誤行為的決策，來(lái)具體證明明最佳的受眾是誰(shuí)，來(lái)顯示更強(qiáng)的對(duì)比，使用更少的字段，合理顯示所有選項(xiàng)等等。站點(diǎn)的信息都很簡(jiǎn)短，簡(jiǎn)單，易于理解。

47.Spyre Studios：http://spyrestudios.com/

這是一個(gè)包含很多文章和教程的網(wǎng)頁(yè)設(shè)計(jì)和開發(fā)電子雜志。站點(diǎn)目錄包括設(shè)計(jì)，展示，非同尋常的靈感，教程，CSS，資源，工具，UX，移動(dòng)端，免費(fèi)資源，可用性，商業(yè)，排版，Illustrator，Photoshop，極簡(jiǎn)主義，工具等。還有很多免費(fèi)下載的元素，圖標(biāo)，字體，PSD模板等。文章的大小合適閱讀，包含和很多的分步細(xì)節(jié)。

48.Skyje：http://skyje.com/

這個(gè)博客成立于2008年，是一個(gè)面向網(wǎng)頁(yè)設(shè)計(jì)師和網(wǎng)頁(yè)開發(fā)人員的網(wǎng)站。主題包括社交網(wǎng)絡(luò)，新聞和與Web 2.0相關(guān)的一切。站點(diǎn)主題包括設(shè)計(jì)，WordPress，社交媒體，SEO，標(biāo)志，靈感，教程，免費(fèi)資源，字體，圖標(biāo)，Photoshop，模板等。教程主要覆蓋圖形以及重點(diǎn)關(guān)注Photoshop。還包括插件、代碼（JavaScript和CSS）和Illustrator。

49.MonsterPost：http://www.templatemonster.com/blog/

這是世界優(yōu)秀網(wǎng)頁(yè)模板站點(diǎn)Template Monster的設(shè)計(jì)博客。站點(diǎn)主題包括新聞，文章，工具，贈(zèng)品，靈感，信息圖表，WordPress和Joomla。 教程包括文章和視頻，并重點(diǎn)關(guān)注WordPress，排版，CSS，HTML，jQuery，Photoshop，Illustrator，網(wǎng)絡(luò)技術(shù)，Web開發(fā)方法論，以及設(shè)計(jì)網(wǎng)站和UI元素。

50.UX Matters：http://www.uxmatters.com/

Here’s the range of topics

這本網(wǎng)絡(luò)雜志由Pabini Gabriel-Petit于2005年創(chuàng)立，為UX開發(fā)人員提供視野和靈感。它提供了許多有價(jià)值的建議，最佳實(shí)踐，主題觀點(diǎn)，以及探索UX設(shè)計(jì)的戰(zhàn)略方面的深層思考的文章。主題包括網(wǎng)頁(yè)設(shè)計(jì)，移動(dòng)端，用戶研究，視覺(jué)設(shè)計(jì)，web應(yīng)用程序設(shè)計(jì)，設(shè)計(jì)流程，訪談，評(píng)論，內(nèi)容創(chuàng)建，通信設(shè)計(jì)，架構(gòu)，商業(yè)，戰(zhàn)略等等。

51.Usability Geek：http://www.uxmatters.com/

這個(gè)博客開始由Justin Mifsud在2011年建立的，出發(fā)點(diǎn)是作為一個(gè)提升網(wǎng)站可用性的重要性的興趣交流網(wǎng)站。Justin想提高網(wǎng)頁(yè)設(shè)計(jì)師和開發(fā)人員在商業(yè)和政治網(wǎng)站可用性設(shè)計(jì)的意識(shí)。站點(diǎn)主題包括可用性，指南，測(cè)試，用戶體驗(yàn)（UX），商業(yè)運(yùn)營(yíng)，轉(zhuǎn)換，人機(jī)交互（HCI），術(shù)語(yǔ)，評(píng)論，資源和信息架構(gòu)（IA）。

52.Boxes and Arrows：http://boxesandarrows.com/

這是一本2001年開始的同行寫的雜志，討論所有關(guān)于設(shè)計(jì)的東西。站點(diǎn)主題包括交互設(shè)計(jì)，信息架構(gòu)，平面設(shè)計(jì)，甚至商業(yè)服務(wù)設(shè)計(jì)。 站點(diǎn)目錄包括設(shè)計(jì)原則，發(fā)現(xiàn)，研究和測(cè)試，過(guò)程和方法，界面，可交付成果和文檔，書評(píng)，會(huì)議和活動(dòng)，軟件和工具，以及工作場(chǎng)所和職業(yè)。

53.Web Design Dev：http://www.webdesigndev.com/

這個(gè)網(wǎng)站專注于網(wǎng)頁(yè)設(shè)計(jì)包含所有東西。站點(diǎn)主題包括贈(zèng)品，網(wǎng)站模板，WordPress主題，Photoshop，Dreamweaver教程，Illustrator，評(píng)論，靈感，網(wǎng)站開發(fā)，CSS，HTML，合集，編程，網(wǎng)上兼職，訪談和SEO。該站點(diǎn)涵蓋了從移動(dòng)界面設(shè)計(jì)到開發(fā)電子商務(wù)網(wǎng)站開發(fā)之間的方方面面。

54.Impressive Webs：https://www.impressivewebs.com/

這是Louis Lazaris的個(gè)人博客，作者是一個(gè)自由的網(wǎng)絡(luò)開發(fā)人員，雜志站點(diǎn)SitePoint的HTML/CSS內(nèi)容的管理編輯，和兩本關(guān)于HTML/CSS的書的作者。博客內(nèi)容大多是關(guān)于HTML、CSS和JavaScript的文章。Louis在他的博客討論相關(guān)的概念，原則和bug。博客也它包括許多文章、教程，CSS基礎(chǔ)，屏幕錄像，新聞，評(píng)論等等。這個(gè)博客站點(diǎn)強(qiáng)調(diào)的代碼和設(shè)計(jì)的結(jié)合。

55.Design Bombs：http://www.designbombs.com/

最初作為一個(gè)網(wǎng)頁(yè)設(shè)計(jì)展示畫廊，現(xiàn)已成為分享網(wǎng)頁(yè)設(shè)計(jì)的想法，文章，教程和資源，以幫助網(wǎng)頁(yè)設(shè)計(jì)師提升他們技藝的平臺(tái)。站點(diǎn)內(nèi)容包括WordPress主題和插件，網(wǎng)站設(shè)計(jì)的綜述，贈(zèng)品，獨(dú)家優(yōu)惠等等。網(wǎng)頁(yè)設(shè)計(jì)師可以這里找到很多高品質(zhì)的資源。

言盡于此，學(xué)習(xí)之路不止。 Have a nice day!