前端路途漫遠,學會分享:參考了別人的分享,增加了自己的分享,期待你的分享
在前端路上摸索前行,在這裏分享自己長期關注的前端開發相關的優秀網站、博客、以及活躍開發者。
====
學習過程中的一些網址
專業博客
注:此處活躍度
爲博客更新頻率,原創度
指的是作者原創或者翻譯的文章所佔博文比例。請尊重原創,大量轉載其他網站資訊的網站和聚合類網站不做推薦。
中文博客
名稱 | 活躍度 | 原創度 | 維護者 | 其他 |
---|---|---|---|---|
W3Cplus | ★★★★★ | ★★★★★ | 淘寶 @大漠 | 國內最優秀的前端博客,原創居多 |
W3Cfuns | ★★★★★ | ★★★★☆ | # | 專注於web前端開發行業的綜合性門戶網站 |
前端觀察 | ★★★★☆ | ★★★★☆ | 騰訊 ISUX @神飛 | 曾經最優秀,最近更新不頻繁了 |
騰訊web前端 AlloyTeam 團隊 | ★★★★ | ★★★★ | @騰訊AlloyTeam | 來自於騰訊SNG(社交網絡事業羣) |
張鑫旭-鑫空間-鑫生活 | ★★★★☆ | ★★★★★ | 張鑫旭 | 重構很厲害,不少經典文章經驗 |
ria之家 | ★★★★☆ | ★★★★☆ | 淘寶 @明河 | # |
大前端 | ★★★★☆ | ★★★★☆ | # | # |
CSS森林 | ★★★★☆ | ★★★★☆ | 關於 | # |
設計達人 | ★★★★☆ | ★★★☆☆ | # | 更新較頻繁,但轉載也較多 |
阮一峯博客 | ★★★★☆ | ★★★☆☆ | # | 牛人一個 |
Be For Web - 爲網而生 - 原創譯文博客 | ★★★★☆ | ★★★★☆ | @C7210 | 關注移動應用及互聯網產品、用戶體驗設計、前端開發 |
國外博客
名稱 | 活躍度 | 原創度 | 維護者 | 其他 |
---|---|---|---|---|
Smashing Magazine | ★★★★★ | ★★★★★ | # | 業界權威,web 設計很贊 |
Tuts | ★★★★★ | ★★★★★ | - | 國外知名開發者網站 |
DeveloperDrive | ★★★★★ | ★★★★★ | - | 優質前端技術信息 |
CSS-TRICKS | ★★★★★ | ★★★★★ | Chris Coyier | 左邊這位是大神 |
Web Designer Wall | ★★★★★ | ★★★★★ | Nick La. | 優質 Html5,CSS3等教程 |
Tutorialzine | ★★★★★ | ★★★★★ | # | 大量 web 教程和資源 |
Inspect Element | ★★★★★ | ★★★★★ | # | CSS,wordpress 相關教程挺多 |
Codrops | ★★★★★ | ★★★★★ | # | 設計、交互、CSS |
Jake Rutter | ★★★★★ | ★★★★★ | Jake Rutter | Jquery 作者,不解釋了 |
Paul Irish | ★★★★★ | ★★★★★ | Paul Irish | 大神,Google Chrome團隊,Yeoman |
Krasimir Tsonev | ★★★★★ | ★★★★★ | Krasimir Tsonev | html5,ccs3,javascript |
NCZOnline | ★★★★★ | ★★★★★ | Nicholas C. Zakas | html5,ccs3,javascript |
HTML5 Rocks | ★★★★★ | ★★★★★ | # | html5權威網站 |
A List Apart | ★★★★★ | ★★★★★ | # | 可以改變世界的文章 |
hakim | ★★★★★ | ★★★★★ | HAKIM EL HATTAB | ccs3,javascript |
DailyJS | ★★★★★ | ★★★★★ | # | javascript |
活躍微博
ID | 公司 | 簡介 |
---|---|---|
@w3c中國 | # | 萬維網聯盟中國辦事處官方微博 |
@TheFrontEnd | # | JavaScript技術資訊、新聞、教程、深度文章。 |
@前端快爆 | 阿里巴巴 | 有HTML5、CSS3、JS |
@HTML5中國 | # | 中國www.html5cn.org官方微博 |
@developerWorks | # | # |
開發者博客
微博微信流行後,明顯感覺到寫博客的人還是越來越少了,下面推薦的這些開發者屬於在網上比較活躍的,或者博客積累了大量優質資源的。
國內開發者
國內開發者一塊歡迎大家 Fork
提交推薦,最好能推薦一些在前端界較活躍的的開發者。
ID | 博客 | 微博 | Github | 公司 | 關鍵字 | |
---|---|---|---|---|---|---|
阮一峯 | 阮一峯博客 | @ruanyf | # | @ruanyf | 上海金融學院國際金融學院 | 教師,博客寫作人,翻譯人,《黑客與畫家》的譯者 |
老趙 | http://blog.zhaojie.me/ | @老趙 | # | # | 摩根大通(香港) | 資深碼農 |
玉伯 | 歲月如歌 | @玉伯也叫射鵰 | @lifesinger | @lifesinger | 支付寶 | 大牛 |
kejun | http://hikejun.com/ | @kejunz | # | @kejunz | 豆瓣 | 前端大神 |
寒冬winter | winter-cn | @寒冬winter | # | # | # | # |
左耳朵耗子 | 酷殼 | @左耳朵耗子 | # | @haoel | 淘寶 | # |
fool2fish | # | @fool2fish | # | # | 支付寶 | # |
樸靈 | Html5fiy | @樸靈 | JacksonTian | # | 阿里巴巴 | 《深入淺出Node.js》作者,大牛 |
Cat Chen | 陳廣琛 | @CatChen | @CatChen | @CatChen | 大牛 | |
BYVod | Beyond the Void | @BYVoid | @byvoid | @BYVoid | Facebook 英國 | 《Node.js 開發指南》作者,大牛 |
郭宇 | Einmal ist keinmal | @郭宇 | @turingou | @turingou | 糗事百科,原支付寶 | Node.js |
勾三股四 | 勾三股四博客 | @勾三股四 | # | # | 淘寶 | # |
cnberg | 冰山一角 | @berg | @cnberg | @cnberg | 百度 | 騎行 |
大貓 | 意淫筆記 | @daemao | @Damao | @13igcat | 騰訊 | 知乎 |
hzlzh | 自力博客 | @hzlzh | @hzlzh | @hzlzh | 騰訊 | 前端開發 |
C7210 | beforweb.com/ | @C7210 | @C7210 | @C7210 | # | UX、交互設計師、視覺與前端 |
kejun | http://hikejun.com/ | # | # | # | 騰訊 | 前端開發 |
張鑫旭 | 張鑫旭博客 | @張鑫旭 | @zhangxinxu | @zhangxinxu | 騰訊 上海 ISUX | 前端開發 |
lucifr | http://lucifr.com/ | @lucifr | @lucifr | @lucifr | # | Mac,ios |
smallni | http://www.smallni.com/ | # | @Smallni | # | 騰訊 | 前端開發 |
TQ | http://targetkiller.net/ | @Piser-TQ | @tqtan | @targetkiller | 騰訊 ISUX | 網頁重構 |
LOO2K | LOO2K | @LOO2K | LOO2K | LOO2K | 墨籌網 | 少年才俊 |
qiqiboy | qiqiboy | @qiqiboy | # | # | 金山網絡 UX | 吐槽清理大師開發者 |
foru17 | 羅磊的獨立博客 | @羅羅磊磊 | @foru17 | @foru17 | 金山網絡 UX | 打醬油的 |
周愛民 | aimingoo專欄 | # | # | # | 支付寶 | JavaScript語言精髓與編程實踐作者 |
hax | hax的技術部落格 | # | # | # | # | 前端大牛 |
三生石上 | 三生石上 | # | # | # | # | js祕密花園譯者 |
司徒正美 | Ruby’s Louvre | # | # | # | # | 前端開發 |
葉小釵 | 葉小釵 | # | # | # | # | 前端開發 |
聶微東 | Darren | # | # | # | 百度移動雲 | 前端開發 |
當耐特 | iamzhanglei | # | # | # | # | HTML5實驗室作者 |
教主 | _frank | # | # | # | # | 又一牛 |
typeof | typeof | # | # | # | # | 又一牛 |
Gray Zhang | Gray Zhang | # | # | # | # | 百度一牛 |
李鬆峯 | 爲之漫筆 | # | # | # | # | 高程2等書的譯者 |
小魚 | sofish | @sofish | # | # | # | 百姓網一牛 |
vilic | vilic | # | # | # | # | 年輕一牛 |
彬Go | 彬Go | # | # | # | # | 人人網一牛 |
PuterJam | PuterJam’s Blog | # | # | # | # | 騰訊一牛 |
css森林 | cssforest | # | # | # | # | 前端博客 |
99css | 99css | @ytzong | # | # | # | 騰訊一牛 |
秦歌 | Kaven | # | @kavenyan | # | # | js語言精粹譯者 |
linxz | linxz | # | # | # | # | css那些事兒的作者 |
米隨隨 | 米隨隨 | # | # | # | # | 騰訊ISUX 一牛 |
飄飄 | 飄飄 | # | # | # | # | 騰訊一牛 |
Along | Along’s Blog | @newwave | # | # | # | Opera 歐朋一牛 |
安記 | cssha | @hanan321 | hanan198501 | # | # | 去哪網一牛 |
餘弦 | EVILCOS | 餘弦 | evilcos | # | 知道創宇 | 安全(黑客)、架構、團隊的各種觀點與分享 |
湯姆大叔 | 湯姆大叔的博客 | # | # | # | # | 《深入理解Bootstrap》、《JavaScript啓示錄》、《JavaScript設計模式》等多本前端書籍翻譯作者 |
一些社區
名稱 | 地址 | 介紹 |
---|---|---|
V2EX | http://v2ex.com/ | 小衆活躍社區 |
知乎 | http://www.zhihu.com/ | 綜合問答社區 |
前端亂燉 | http://www.html-js.com/ | 專業的前端知識平臺 |
segmentfault | http://segmentfault.com/ | 綜合問答社區 |
果殼問答 | http://www.guokr.com/ask/pending/ | 綜合問答社區 |
Ruby | http://ruby-china.org/ | 同 V2EX 氛圍類似,不侷限於Ruby |
Node.js 中文社區 | http://cnodejs.org/ | Node.js 國內最活躍的社區 |
Code Wall | https://coderwall.com/ | 國外技術社區 |
DIV.IO | http://div.io/ | 國內前端技術社區 |
稀土掘金 | http://gold.xitu.io/ | 中國高質量的技術分享社區 |
企業官方博客
在開頭我的 Feedly 訂閱 opml 文件裏比較全面。
名稱 | 公司 | 部門 | 活躍度 | 簡介 | 微博 |
---|---|---|---|---|---|
ISUX 社交用戶體驗設計 | 騰訊 | ISUX | ★★★★☆ | 負責騰訊的社交網絡相關產品的用戶體驗設計與研究。 | # |
騰訊 CDC | 騰訊 | CDC | ★★★★☆ | 簡介 | # |
騰訊Web前端 Alloy 團隊 Blog | 騰訊 | SNG | ★★★★☆ | 主要負責手機QQ、QQ互聯、騰訊Q+、WebQQ項目的團隊。 | alloyteam |
TID-財付通設計中心 | 騰訊 | TID | ★★★★☆ | 簡介 | # |
騰訊MXD移動互聯網設計中心 | 騰訊 | MXD | ★★★★☆ | 簡介 | @騰訊MXD |
人人網FED Team | 人人網 | FED | ★★★★☆ | 簡介 | # |
微博UDC | 新浪 | UDC | ★★★★☆ | 簡介 | @微博UDC設計中心 |
新浪UED | 新浪 | UED | ★★★★☆ | 簡介 | # |
網易用戶體驗設計中心 | 網易 | UED | ★★★★☆ | 簡介 | # |
阿里巴巴(中國站)用戶體驗設計部博客 | 阿里巴巴 | UED | ★★★★☆ | 簡介 | @Alibaba-UED |
攜程UED-攜程旅行前端開發團隊 | 攜程網 | UED | ★★★☆☆ | 攜程UED,攜程前端開發團隊,UED,Javascript,重構,ux | # |
百度FEX | 百度 | FEX | ★★★★☆ | 百度前端團隊Blog,關注前端技術,還更重視全端及全棧的能力。 | # |
淘寶UED | 淘寶網 | UED | ★★★★☆ | 用戶體驗、交互設計、視覺設計、前端技術博客 | @淘寶UED |
知名個人博客
- 【張鑫旭】的個人博客
- 【艾倫】- 博客園 - jQuery源碼分析系列
- 【大漠】 W3CPLUS是一個前端愛好者的家園
- 【司徒正美】 - 博客園
- 【Hemin】jQuery API 中文手冊
- 【鳥哥】Laruence
- 【Highcharts】Highcharts中文贊助
- 【芒果雲】 在線資源管理器
- wangeditor 輕量級web富文本編輯器
- YouMeek - IntelliJ-IDEA-Tutorial
大漠分享
性能優化優秀教程
- 5173首頁前端性能優化實踐
- 給網頁設計師和前端開發者看的前端性能優化
- 複雜應用的 CSS 性能分析和優化建議
- 張鑫旭——前端性能
- 前端性能監控總結
- 網站性能優化之CSS無圖片技術
- web前端性能優化進階路
- 前端技術:網站性能優化之CSS無圖片技術
- 瀏覽器的加載與頁面性能優化
- 頁面加載中的圖片性能優化
- Hey——前端性能
- html優化
- 99css——性能
- Yslow——性能優化
- YSLOW中文介紹
- 轉一篇Yahoo關於網站性能優化的文章,兼談本站要做的優化
- Yahoo!團隊實踐分享:網站性能
- 網站性能優化指南:什麼使我們的網站變慢?
- 網站性能優化實踐,減少加載時間,提高用戶體驗
- 淺談網站性能優化 前端篇
- 前端重構實踐之如何對網站性能優化?
- 前端性能優化:使用媒體查詢加載指定大小的背景圖片
- 網站性能系列博文
- 加載,不只是少一點點
- 前端性能的測試與優化
- 分享網頁加載速度優化的一些技巧?
- 頁面加載中的圖片性能優化
- web前端優化(基於Yslow)
- 網站性能優化工具大全
- 【高性能前端1】高性能HTML
- 【高性能前端2】高性能CSS
- 由12306談談網站前端性能和後端性能優化
- AlloyTeam——前端優化
- 毫秒必爭,前端網頁性能最佳實踐
- 網站性能工具Yslow的使用方法
- 前端工程與性能優化(上):靜態資源版本更新與緩存
- 前端工程與性能優化(下):靜態資源管理與模板框架
- HTTPS連接的前幾毫秒發生了什麼
- Yslow
- Essential Web Performance Metrics — A Primer, Part 1
- Essential Web Performance Metrics — Part 2
- YUISlide,針對移動設備的動畫性能優化
- Improving Site Performance
- 讓網站提速的最佳前端實踐
- Why Website Speed is Important
- Need for Speed – How to Improve your Website Performance