19 Websites for Web Developers and Designers

Websites for web developers

  1. NETTUTS
  2. Nettuts+
    通常文章的內容都整理得簡單易讀,每天只要花個 1, 20 分鐘,就可以固定學習一些新的技術,大力推薦給 developer

  3. Think Vitamin
  4. ThinkVitamin
    提供很多關於 web developement 的有用資訊,文章的質量都很不錯,話題也蠻廣的,非常值得訂閱。
    p.s. 現在也有提供一些不錯的教學影片,不過是付費的

  5. WebAppers
  6. WebAppers
    介紹很多好用的工具 for web developement, 像最近的話題就包括了好用的 jQuery plugin, HTML5 game engine, HTML5 & CSS3 的新功能…每篇文章的篇幅都不長,通常也都蠻實用的

  7. Smashing Coding
    SmashingCodingSmaing Coding 是 design 界蠻有名的部落格 Smashing Magazine 最近新增加的一區專欄,有非常多 server side & client side 的技術分享。

  8. WebResourcesDepot
  9. WebResourcesDepot
    跟 WebAppers 有點像,也是介紹好用的工具 for web developement

  10. Inspire Gate
  11. InspireGate
    有很多有用的 resource, 很多是翻譯自國外的網站或轉錄國內作者的好文章,不過不失為一個好的吸收新知的來源

  12. DZone
  13. DZone
    一個連結推薦網站,可以看到 developer 最新&熱門的話題

  14. 黑客志
  15. 黑客志
    一個蠻新的網站,主要大陸的朋友挑選&翻譯 hacker news 的一些文章

  16. Ajaxian
  17. Ajaxian 比較多是環繞在 Ajax 相關的技術,但也有包括一些 server side 的技術像是 PHP, RoR 等等。最近內容似乎開始比較少,不過還是值得一看

  18. IBM developer
  19. IBM Developer
    早期有蠻多 web 相關新技術的介紹,不過個人覺得內容深淺不一,有的有點太過簡單,而且最近文章的品質有下降的趨勢。建議偶爾看看就好

Websites for web designers

  1. Webdesigntuts+
  2. Webdesigntuts+
    很不錯的網站 ,介紹 design 的新知、工具、技巧。文章的廣度很夠,教學也淺顯易懂,非常推薦。

  3. Smashing Magazine
  4. SmashingMagazine
    內容大多是給 Designer 的一些教學、技巧、show case 等等。但偶爾也包括一些網站經營、usability、 手機介面等不同的主題,developer 也推薦一讀。

  5. Design Reviver
  6. DesignReviver
    提供很多有用的 design 新知、技巧、show case

  7. Web Designer Wall
  8. WebDesignWall
    常常會介紹一些有用的網頁設計 & CSS 的技巧 (網站本身也蠻好看的 :) )

  9. Six Revisions
  10. SixRevision
    提供給 designer 很多不錯的教學 & 工具介紹,也會介紹一些新的話題,像最近蠻熱門的 responsive web design 。Six Revision 偶爾會有一些像是 SEO, Git 等 for developer 的文章。 不過整體而言,還是比較推薦給 designer (這個網站最近廣告文有點多是唯一的敗筆 :P

  11. Psdtuts+
  12. Psdtuts+
    PhotoShop 技巧分享和一些教學

  13. jQuery for designers
  14. jQuery-for-designer
    有一些有用的 jQuery 教學 for designer ,寫得都蠻淺顯易懂的,一些常用的功能非常值得參考。可惜內容不是很容更新。

Reference

This entry was posted in Programming, Web Design and tagged , , , , . Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>