有哪些非常好的前端網站或個人博客?

作為一個前端開發人員,想拓寬自己的視野,求大家推薦


大神們個人博客:(排名不分先後)

張鑫旭首頁 ? 張鑫旭

小鬍子哥Blog Entry | 小鬍子哥的個人網站

阮一峰阮一峰的個人網站 - Ruan YiFeng"s Personal Website

Js大神Tom大叔:深入理解JavaScript系列 - 湯姆大叔 - 博客園

前端美:前端美 - 一個前端妹紙的博客,專註國內外前端設計資訊,前端資源下載,前端開發教程,國內前端行業最好博客站點

團隊博客:

淘寶:Taobao FED | 淘寶前端團隊

騰訊:Web前端 騰訊AlloyTeam Blog

百度:首頁 - FEX

奇舞團:奇舞團博客

大搜車:大搜車前端團隊博客

前端網站:

伯樂在線:WEB前端 - 伯樂在線

前端亂燉:前端亂燉, 最專業的前端技術內容社區

MDN:Mozilla Developer Network

(歡迎補充)

收藏的倒是很多,不過很多都沒精力看,如果有需要我可以發給書籤給你。

7.19

稀土掘金 有app 內容質量很高


怎麼能漏了 前端外刊評論 - 知乎專欄 呢


http://www.w3cplus.com


Taobao FED | 淘寶前端團隊 不解釋了,背後接近一百個前端寫文章,精選通過的才會發出來。


長期追的話跟進兩個網站的 RSS 就好了,

https://news.ycombinator.com/

http://www.echojs.com/

人選的話, 建議跟進框架開發者或者 Chrome Firefox 背後的開發人員, 或者其他語言或者書的作者, 具體自己到網上查一查啰, 人挺多的, 我也沒認全.


推薦我自己的,談不上非常好,一點努力吧 http://itlr.cc


發一下自己整理的(加關注有更多乾貨呦,別光顧著收藏,記得點贊啊)

綜合

  • [前端大合集](http://www.jeffjade.com/2016/03/30/104-front-end-tutorial)
  • [前端開發手冊](前端開發者手冊 · Front-end Developer HandBook)
  • [前端網](前端網(QDFuns) - WEB前端開發工程師專業網站,一站式服務平台!)
  • [阿里巴巴圖庫](Iconfont-阿里巴巴矢量圖標庫)
  • [MOZILLA開發者](Mozilla Developer Network)
  • [w3c教程](w3school 在線教程)
  • [草料二維碼](草料二維碼生成器)
  • [UI中國]UI中國-專業界面交互設計平台

HTML

  • [HTML教程](HTML 教程 | 菜鳥教程)
  • [HTML5中國](HTML5中國:中國最大的HTML5中文門戶 - Powered by Discuz!)

CSS

  • [CSS教程](CSS 教程 | 菜鳥教程)
  • [CSS參考手冊](CSS參考手冊_web前端開發參考手冊系列)

Javascript

  • [JavaScript教程](JavaScript 簡介)
  • [廖雪峰Javascript教程](JavaScript教程)
  • [ECMAScript 6入門](ECMAScript 6入門)

持續更新。。。


我的css都是在張鑫旭老師的博客那裡學的。。。。


技術類網站和博客很多,題主想要快速成長還得多動手,也可以嘗試自己開個博客。

網站類

CSDN &>&> CSDN.NET

segmentfault &>&> http://segmentfault.com

掘金 &>&> https://juejin.im/

簡書 &>&> 簡書 - 創作你的創作

博客圓 &>&> 博客園 - Web前端

個人博主

S1ngS1ng &>&> http://singsing.io/blog/

驚鴻三世 &>&> http://blog.codingplayboy.com

會編程的銀豬 &>&> http://yincheng.site

yuyuyu &>&> https://www.yuanyuanyuan.me/

qinagdada &>&> https://my.oschina.net/qiangdada/blog

yanhaijing &>&> http://yanhaijing.com/

jimdono &>&> https://blog.jimdono.com

賣蘋果的 &>&> http://xsstomy.com

仲強 &>&> http://www.cnblogs.com/GerryOfZhong/

鬍子大哈 &>&> http://huziketang.com/blog/posts/detail?postId=58d8f4d17413fc2e8240855e

咀嚼之味 &>&> http://jerryzou.com/

涵月天 &>&> https://microzz.com/

官方類

w3s &>&> w3school 在線教程

菜鳥教程 &>&> JavaScript 教程 | 菜鳥教程

廖雪峰的官方網站 &>&> JavaScript教程

團隊類

財付通TID &>&> 讓生活支付更完美|TID-財付通設計中心

騰訊Web前端團隊Alloy Team &>&> AlloyTeam|騰訊全端 AlloyTeam 團隊

騰訊TGideas &>&> TGideas-騰訊遊戲官方設計團隊

阿里巴巴國際ued &>&> 阿里巴巴國際UED團隊 quot; 前端開發

淘寶前端團隊 &>&> Taobao FED | 淘寶前端團隊

百度前端開發部 &>&> FEX - FEX

新浪ued &>&> 前端開發 | 新浪UED

360前端團隊 &>&> 奇舞團博客


TalkingCoder 高逼格程序員社區


1. Codrops:Codrops | Useful resources and inspiration for creative minds

2. CodyHouse:https://codyhouse.co/

3. CodePad:Codepad - Share Code Snippets and Get/Give Feedback

4. WwwWhere:wwwhere

5. SiteInspire:siteInspire - Web Design Inspiration


安利我的個人博客,很適合擴展視野,可以看到各種前端的可能性:

Phodal - 狼和鳳凰

如AR和AR:

Leap Motion JavaScript開發 手勢控制基礎篇

JavaScript在VR世界的應用

還有之前提出的:

一份代碼構建移動、桌面、Web全平台應用

編輯-發布-開發分離

地圖移動應用實戰:Ionic ElasticSearch 搜索服務

微服務的小思考

Atom Electron + React 桌面應用開發

基於Virtual DOM與Diff DOM的測試代碼生成

Google AMP 網頁加速實戰


前面有很多都是學習基本技術的站點,這裡發幾個激發創作靈感的,尤其偏網站交互和設計方向的。我覺得興趣可以讓一個人持續的投入到這一行,所以有時候看看這些 酷酷的站點也有利於激發我們創作的動力。

全球酷站中心 - 同步更新全球最頂尖的html5網站 pixid.cn

裡面搜集了全球大量的非常酷炫的站點,日本和美國的站點偏多,日本的排版和設計非常講究,美國的站點交互比酷炫。

Explore Pens on CodePen

Codepen是一款可以在線編輯代碼的站點,這成為了很多人展示小Demo的地方,這裡每天都會新增很多項目,你可以在首頁上看到很多酷炫的效果,從基本的一個下拉導航條,到酷炫的WebGL都有,也可以訂閱他的郵件,每周都會推薦非常棒的項目。

Designmodo: Web Design Blog and Shop

如果你想跟著前端的設計潮流,又希望有非常基礎的教程,那麼Designmodo一定是最適合,它不僅有教你使用 Photoshop AI 之流的,還有 html5 + css3 的代碼教程。

Codrops

Codrops 更加關注交互,經常會使用一些新的 css 特性以及 SVG 來創建非常酷炫的效果,而且會提供全套的代碼供學習參考。相信瀏覽了這裡的站點,會有一種自己寫的是 CSS3么 ?


堅持寫了3年多的博客!自己推薦一下~Haorooms博客-前端博客-前端技術,記錄web前端開發的技術博客


老手的這是體系有很大的差別,你確定你完美的理解他們的的想法和思路么?再說了,很多人寫出來都是記錄自己的思維方式,隨心所想的,並不是淺顯易懂,作為後輩最好的是想、做、交流。大多數的IT團隊倒是建議看看,人家有項目根據,都上線了的東西,可以去體驗思考,高票列出的這些東西,

張鑫旭首頁 ? 張鑫旭

小鬍子哥Blog Entry | 小鬍子哥的個人網站

阮一峰阮一峰的個人網站 - Ruan YiFeng"s Personal Website

Js大神Tom大叔:深入理解JavaScript系列 - 湯姆大叔 - 博客園

前端美:前端美 - 一個前端妹紙的博客,專註國內外前端設計資訊,前端資源下載,前端開發教程,國內前端行業最好博客站點

團隊博客:

淘寶:Taobao FED | 淘寶前端團隊

騰訊:Web前端 騰訊AlloyTeam Blog

百度:首頁 - FEX

奇舞團:奇舞團博客

大搜車:大搜車前端團隊博客

前端網站:

伯樂在線:WEB前端 - 伯樂在線

前端亂燉:前端亂燉, 最專業的前端技術內容社區

MDN:Mozilla Developer Network

萬一你有疑問看不懂怎麼辦?留言會很快的得到答案嗎?一個新做的技術問答平台,極樂問答平台dreawer-極樂網在這裡,你可以把你的疑問、見解都可以在這裡提出來,相互之間交流討論。


看了點贊第一的回答,忍不住也來牆答一個!!!因為目前關注這一塊比較多,所以看的也很多,覺得好的就收藏了,不知不覺已經收藏50多個個人博客了。哈哈,真是極少成多。

個人博客(排名不分先後)

張鑫旭首頁 ? 張鑫旭

小鬍子哥Blog Entry | 小鬍子哥的個人網站

(這兩個應該都曉得吧,關鍵是一直在堅持更新~讓我沒有想到的是小鬍子哥竟然是92年的,叫哥我吃虧了~)

下面一些博客是我覺得比較好的,可以看看。放心,沒有我個人博客~

鯤鵬之志鯤鵬之志(更新很勤快,博客風格也很小清新)

會編程的銀豬會編程的銀豬(由淺入深,堅持更新的銀豬)

阿城é????????blog(博客很酷炫,內容很充實,訪問快7W了。就是不知道首頁的hello word是注意的還是故意的)

Randy Randy Lu - Page 1(很喜歡的博客風格,簡約而不簡單,感覺是個處女座的博主)

青春樣青春樣 | yangzj1992"s blog(翻譯居多,也有原創。能翻譯外文的,你們覺得呢)

Tsrot Tsrot Space(這個簡稱根2,風格自己看)

Luckykunluckykun-不一樣的世界(阿里的前端工程師,最近更新比較慢,原因,你懂得)

長期更新~

團隊博客就不專門做一個項列出來了,因為一樓列的這些,除了FEDTaobao FED | 淘寶前端團隊的在更新,其他的基本不怎麼更新了~

前端網站推薦幾個吧:

前端網前端網(W3Cfuns)(很多前端實例和大牛,可以對照著寫)

51CTO51CTO.COM - 技術成就夢想(全領域平台,偏諮詢)

開源中國開源中國 - 找到您想要的開源項目,分享和交流(很多大牛,覺得被bug掏空的時候可以去動彈裡面玩玩,看看TOP10裡面的妹紙養養眼)

博客園博客園 - 開發者的網上家園

CSDN……

主要逛的有這幾個,活得,有內容的。

問答網站:

上面的幾個網站一般都會有自己的問答頻道,在開發的過程中沒有遇見過問題我是不相信的。不過一般都是兩個途徑,百度、谷歌,然後是QQ群這樣的。

問答網站不知道大家用不用,我偶爾也會用用,這裡也推薦兩個吧

SFSegmentFault,有人說是中國版的stackO

DW http://www.dreawer.com,新興的一個平台,微信也關注了一波,比較多的乾貨,網站方面,前端是最活躍的。小白可以去看看。大牛可以去回答。


http://www.iwan0.com/

一個頂過去10個,幫你做收藏夾,省下查百度的時間。


當然得推薦一下花費自己很大心血的我的小站了,先上廣告詞——

致知網(zillior.com)是一個科學、文化、生活、博聞類全終端響應式網站,努力提供具有共識價值的信息、智趣的知識和優質的閱讀體驗。我們相信只有理性的深度,才能成就感性的靈動。

致知網 - 世界很大,我們很新!

前端可能沒有你預想的那麼優良,但我覺得在這個重品質的時代,好站點應該是內容和形式都應該有足夠的性格特質。

我的意思是現在信息渠道如此多元,小網站的生存之道。倒不是說我的網站有多優秀,畢竟這多半年來,從域名解析、網管安全、PHP+MySQL、H5+CSS3、平面設計、內容編輯、渠道拓展、發展定位......只有我一個人在慢慢打磨。


我也來湊不要臉的貼上自己的博客吧

https://www.qfcoder.com


推薦這個: https://css-tricks.com/

如果看英文沒困難的話


推薦閱讀:

如何評價HEOI/SXOI/SHTSC/LNOI/JLOI/HLOI2017?
世界頂級開源軟體工程師,他們如何謀利?
如何快速學習一門編程語言?
如何通過 GitHub 加入開源項目?
如何閱讀別人的代碼?

TAG:前端開發 | JavaScript | 編程語言 | 編程 |