网页设计和研发的55个顶尖博客

esc0rp

问题：我怎么才可收到你们公众号平台的推送文案呢？

答案：只需要点击标题下面的蓝色字【web前端研发】关注就可。

在这篇推文中，我收集使到有些使得网页设计师和研发人员更方便网站建设的站点。这些站点都有精心编写的，知道的，内容充实的的文案，内容包括对CMS之如WordPress讨论，Photoshop工具，CSS和HTML教程代码，对用户体验的想法（UX）和用户界面（UI）的提示、技巧、资源和赠品。 在今天的帖子中，咱们将一睹55个最好的网页设计师和研发人员博客和网站。请重视站点不以排名先后论英雄。

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

Web Designer Depot是全世界设计师之间的聚集地，在这儿有设计师们分享为来帮忙发展设计社区功能而分享的文案和教程。 站点主题包含HTML 5，CSS3，响应式设计，排版，可用性，jQuery，移动应用程序，资源，业务，自由职业者，灵感等。

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

InstandShift是一个流行于网页设计师和研发人员的社区。有非常多关于WordPress，网页设计，CSS，工具，教程，字体，摄影等非常多优秀的帖子。

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

这是由于Chris Coyier1人创立最初只涵盖CSS，到此刻有11人的团队，涵盖网页设计和研发的各个方面网站。 她们的内容包含文案，视频，代码片段、教程，资讯，基本资料等。

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

这个网站自2007创立年败兴，已然为设计师，研发人员，工程师和博主供给了一系列的文案，教程，举荐的工具，提示和技巧。 她们爱好写关于插件，工具，桌面和移动应用程序，小工具，天才般的想法等任何令人感兴趣的任何东西。

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

该网站由Jacob Gube于2008年推出，涵盖了设计和构建网站及应用程序的网站设计和研发的全部流程。 她们发布文案，资讯，教程，指南等等。 该网站主题涵盖的范围从Photoshop到自由职业者和之间的一切。

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

这个网站由Vitaly Friedman和Sven Lennartz创立，为设计师和研发人员供给了一系列的文案，教程。站点主题包含设计，用户体验设计，代码，WordPress，移动应用程序和设计，图形等。内容涵盖软件，概念，资讯等，亦包含CSS，Photoshop，电子商务，插件，网站主题等等。

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

这个网站的重点是供给创意，为小企业主和企业家配备研发她们的经营理念的工具。 她们站点有非常多关于网页设计，写作，网络研发等等的文案。 她们亦有链接到免费资源，一个包括高级资源的商店，她们经过供给免费的WordPress主题回馈社区。

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

该网站自2006年成立败兴始终致力于国际技术资讯，设计，商场，文化等行业的文案发布。其内容包含入门指南，代码，UX设计，关于交易和课程的链接和资讯，设计活动视频，硬件，软件，评论，即将到来的活动，平面设计等。

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

Paul Andrew在2007年10月创立了自己的自由职业者站点。现已发展为为一个网页设计杂志站点。 它持有海量的教程，资源，节省利用的技术，乃至鼓舞人心的艺术。 主题包含网页设计和研发，平面设计，移动研发，宣传，设计风格和趋势，技术资讯等。

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

这个网站是由于Jeffrey Zeldman于1998年创立的。 该站点文案专注于网页设计灵域，面向设计师，研发人员，建筑师，专家，策略家，项目经理和作家开放。 站点主题包含代码，内容，设计，商场和工业，工具，技术，UX等。 

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

这是一本专注于商场和设计之间结合的技术杂志站点。它涵盖了广泛的主题，包含电子，UX，平面设计，建筑，时尚，消费制品等等。 在这儿的设计师供给见解，意见，提示，资讯等等更加多信息。

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

这个设计网站发布了启发灵感的网页设计文案、布资源和教程。她们专注于设计和收录了网上最伟大的项目。 她们定时发布教读者创造自己设计的新技术的文案，并分享行业的每日资讯。该站点主题包含网站，排版，商场品牌，快捷方式等等。

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

这是由于Chris Spooner创立的设计博客。 他分享有些贴士，资源和灵感，以帮忙各周期教育水平和技能水平的设计师。内容包含教程，文案，视频，资讯和免费资源的链接。主题专注于平面设计，图形软件，排版，模板，标志等。还有一个只供会员的下载的区域。

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

这个设计博客是由于是由于网页设计师兼研发人员Manoela Ilic和Pedro Botelho一起搭建完成的。 它开创立之初是想做为实验博客，后面作为一个热衷于分享对网页设计和网站研发的社区。团队成员及其他贡献者一块发布相关最新网络趋势，技术等的文案和教程。站点主题包含教程，赠品，CSS参考目录，在线实验区域，讨论网页设计概念的蓝图，以及包括来自社区的设计和资讯资源的集合。她们还主持有奖问答节目。

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

本网站是由于来自保加利亚瓦尔纳的网站研发人员和设计师团队创立的。该站点文案包含小贴士，教程，赠品，编辑，UI，UX，资讯和在线实验。文案内容涵盖非常多代码研发，包含HTML5，CSS3，jQuery，JavaScript和PHP。她们乃至有一个免费的jQuery电子书。

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

这是一个由Sagi Shrieber和David Tintner创立的在线杂志，重点是针对互动设计和前端研发。 它涵盖设计，代码，赠品，灵感，生产力，素描等各个行业。她们有许多教程和文案，包含Photoshop，CSS，JavaScript，商场，个人生活，免费图标链接，模板，赠品，有趣的网站，评论等等。

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

这是由于由Jake Bresnehan创建和守护一个周刊杂志和博客网站。杂志包含标题，文案，工具，资源，灵感，工作等。杂志和博客都包含关于编程代码（CSS，HTML等）等文案教程。大都数内容在收录在电子杂志中，并经过电子邮件推送给用户这儿非常注重代码。

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

这是JavaScript和HTML5专家David Walsh的博客。 它包括海量的文案和教程，重点侧重于前端技术。站点主题包含代码（CSS，HTML，AJAX，JavaScript等），研发软件，资源链接，网站主题，设计概念，演示，移动端，浏览器等。

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

这是由于Ronald Bien于2008年创建的设计博客。它展示了设计社区里的教程，赠品，灵感，资源等。站点内容包含文案，教程，赠品和WordPress主题。 它有非常多的链接到良好的设计示例，免费图标，PSD模板，宣传册设计，标志设计等等。

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

这个博客包括了许多关于设计和研发的主题。重点包含文案，教程，工具，资源，赠品和灵感等几大块。 涵盖了图形，标志，排版，网页设计，Photoshop，WordPress主题和插件，CSS，Illustrator，jQuery等等。 它有非常多贴士，下载链接，评论，保藏等。还有有些提示最佳实践的贴士和广泛适用的主题。

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

这儿是一个专门发布Web UI设计教程网页设计博客。她们还分享免费的供网页设计师和研发人员下载的网站模板和网络资源。 她们讨论网页设计最新趋势和技术办法，以及创建网站UI的最好的办法和技巧。 该博客包括海量的教程和免费资源链接，发展概念和代码教程。 免费资源包含图标和PSD模板。

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

这个网站是尼克弗罗斯特和格雷格拉宾。站点内容包括用于Web研发人员的免费且专业的资源。 大都数资源是图形。 资源包含动画，照片，字体，效果，HTML，图标，模板等。站点文案还会讨论怎样获取资源。部分高级资源还会有一个免费版本。

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

这个网站的从Raul Taciu的Cluj-Napoca，罗马尼亚和专注于高质量的设计资源是免费的。资源包含独有的PSD文件，还有来自世界各地的免费素材。资源包含模型，UI工具包，图标，文字效果，背景等。文案仔细讨论了制品，并供给了下载链接。

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

这是一个专门用于网页设计和研发的博客，其中包括海量教程和代码片段。该站点类别包含技术，教程，网页设计，网站研发，WordPress，JavaScript，移动研发，排版等等。 文案包含资讯，免费资源，资源链接，主题合集等等。

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

该站点由Igor Ovsyannykov管理，供给相关设计，商场，创办企业的精神，WordPress，图形，交易和职场自我成长的信息。文案包含教程，灵感，博客，免费资源，资讯，主题，纹理，壁纸，seo，社交媒介，标志，字体等等。 还有视频教程和免费资源的链接。

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

这个博客供给了许多文案给设计师和研发人员。站点主题包含工具，赠品，设计理念，灵感，面试，WordPress，主题，插件，办法小贴士，教程等。文案广泛的包括了教程、集合和链接等行业。链接包含CSS动画片段，WordPress主题，图标，排版，优秀的网站设计案例，线框图工具等等。站点的教程包含Photoshop，CSS，Sketch等等。

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

这个网站由来自巴林的Naeem Noor创建并守护，专门面向于网络研发人员、设计师和编程人员。站点供给了非常多工具，资源，代码片段和提示。内容包含博客，CSS生成器，CSS滤镜效果，CSS演示，响应式计算器和视频。它讨论许多方面如博客，服务器，UI设计，WYSIWYG生成器，图标，架构，模板，研发人员的浏览器扩展，资源链接等等。

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

这个博客来的诞生是来自一个更大的项目，是由于布莱恩·威廉姆斯，安迪·兰金和Wynne“流行”威廉姆斯于1999年成立。博客涵盖了设计和各样动效。站点主题包含UX，颜色，可拜访性，资讯，事件，实验，实验，品牌管理，APP，游戏，插图，教程等等。

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

这是一个曾获奖的博客，由来自伦敦的布林威尔逊创立并运营，专注于WordPress关联的技术和资源，给任何对WordPress感兴趣的人供给有用的提示。站点的内容由来自世界各地的网页设计师，程序员和专业创意者供给。站点主题包含网站主题，插件，代码托管，SEO，安全性，性能，教程，提示，博客，系统组件，设计，营销，社交媒介，资讯，周边趣事等等。 尽管创立网站的初衷是专注于WordPress但亦包括其他CMS。

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

这个网站致力于供给一个平台给所有志同道合的设计师一块交流技术和分享灵感。它包含灵感，教程，赠品，资源，平面设计，网页设计和商场活动。 主题包含移动平台，内容管理系统，CSS，jQuery，WordPress主题，工具，资源，图标，培训视频链接，插图，UI，UX，编码，Photoshop等等。

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

这是Jacques van Heerden创立的在线设计杂志。该网站是经过发布文案，意见，教程，资源和灵感以达到激发艺术家变得更好的目的。站点内容包含许多热门主题和目录，如保藏，免费资源，资讯，访谈，WordPress，资讯，赠品等。文案包含相关品牌，WordPress主题，商业发展，电子商务，徽标，营销的信息，乃至为您供给创意商场供给意见怎样选取打印机。

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

这是一个为新加坡设计师和网站研发人员而设立的在线杂志。站点供给了许多资源，文案，教程和链接。主题包含设计，图形，WordPress，CSS，社交媒介，研发，免费资源，工具包，事件等。供给了循序渐进的教程包含相关编写代码，在Photoshop中修改图像。乃至有一个连环图专们针对设计和Web研发的，偶尔亦有其他主题的漫画。

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

这是由于来自德国的Commindo Media GmbH＆Co. KG创立的博客。站点的内容专门为Web研发人员和设计师而编写的。站点主题包含网页设计，排版，图形，CSS，JavaScript，Ajax，宣传，市场营销，WordPress，电子商务，自由职业者，灵感等等。 文案包含设计教程，编写代码，运用图形程序，SEO，免费资源，卡通，主题，插件，提示，技巧等等。

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

这是一个为网页设计师和研发人员设计和供给灵感的博客。它每日都有资源举荐，内容包含灵感，文案，教程，赠品，网页设计，WordPress，字体，CSS，图标，摄影，Photoshop，JavaScript，Illustrator，平面设计，信息图表，案例，logo，资讯和更加多。

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

这个网站是由于Devesh Sharma创立的。它重点集中在WordPress，包含学习指南、教程办法、插件、资讯、评论、提示和技巧、插件、主题，评论、安全、SEO、初学者指南和代码等。 它包含许多资源的链接，例如工具，代码托管和优惠券。站点文案是由于WordPress专业人员写的，内容广泛，面向各个级别的从业人士。

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

这个网站涵盖网页设计和研发，重点是WordPress，Javascript，CSS，PHP，设计，HTML5和其他各个方面。站点它包含WordPress，Photoshop，编写代码，Linux服务器研发和配置，字体，图形等制品的文案和教程。她们还供给交易和免费资源的链接。内容由专业的设计师和研发人员为其群体所写。

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

这是一个基于社区的网站，包含博客，设计图库，用户提交的资讯和招聘专区。博客包含工具，图标，主题，代码片段，字体，图形等资源。教程包含Photoshop，网页设计等。站点主题还包含采访，灵感，WordPress，设计师案例，免费资源，排版，UI等。该站点涵盖了所有的网页设计的方方面面。

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

这个博客有非常多关于网页设计和前端研发的教程。它包含许多文案和贴士，如字体设计和优化排版，运用Photoshop的小贴士，举荐书籍的列表，处理平常的设计问题的办法论，运用负空间，WordPress，PHP，HTML，CSS，灵感等。目的受众是从初级到高级的网站研发人员和设计师。

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

这个博客由Mark Harbottle和Matt Mickiewicz创立。站点供给新颖的想法，概念和新技术等内容，还包含文章、课程、教程、书籍或任何与设计和构建网站关联的内容。网站用户讨论代码（HTML，CSS，PHP，JavaScript和Ruby），移动研发，WordPress，设计，UX，商场运营，以及任何与网络技术关联的内容。

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

这是一个涵盖网页设计和研发且同期供给了海量的资源的博客。站点主题包含网页设计、灵感、UI、图形、访谈、网络研发、评论和内容管理系统。文案包括免费资源链接，时事资讯，APP教程，工具，字体，图标，矢量图形，WordPress，Drupel，Ghost，编码，电子商务，移动研发，可穿戴设备，排版设计等信息的链接。

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

这是一个有非常多文案的钱打U呢和设计的教程网站。站点类别包含Photoshop，Illustrator，矢量，插图，工具和提示，灵感，资讯，设计，文本效果，CSS，HTML，UX，UI，工作流，设计理论等等。文案针对的是初级周期，内容非常广泛。还有有些可供订阅的课程。

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

这个博客来自Happy Cog的创始人Jeffrey Zeldman创立的，重点关注设计，经验体会和代码。站点主题包含流程，设计，前端研发，团队，项目管理，社区，职业，战略，机构和客户关系。文案包含案例科研，教程，办法提示，商场运营和客户关系处理，排版，编码，Photoshop等等。大都数文案是是精心编写和仔细的理论科研成果。

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

这是一个专门为Web研发人员和设计人员分享开源资源的博客。针对设计师，站点有免费的图标，字体，表，股票照片，画笔和设计灵感。针对研发人员，有非常多JavaScript和Ajax组件，如插件，菜单，工具提示，图表，轮转图，日历，模态窗等。它还涵盖代码托管，电子商务，社交媒介，工具，安全，统计等等更加多。该站点的文章仔细和前沿。

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

此博客供给了一个用于UX和UI设计的资源列表。该站点是由于网页设计师策划和守护，包括了海量的网页设计文案和资源。主题设计包含人们趋势，灵感，规范的和不规范的风格指南，工作进程，工作流，工具箱，优秀的和拙劣的网格和排版，动画制作的最佳与最坏方式，设计准则的最佳与最坏遵守，和可拜访性的最佳与最坏标准。每一个类别都有仔细的资源列表。站点主题包含编码入门，最佳实践，灵感，参考，流行趋势，性能，CSS/SASS，SVG，JavaScript，工作流，工具箱和各样库。

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

UXPin是供网页设计师运用的制品设计平台。她们的博客侧重于各方面的各样平台的用户体验。它包括海量关于用户体验设计，移动端，设计趋势，最佳实践，设计小贴士，交互设计，UI设计，网页设计，元素和模式，过程，UXPin，线框，平面设计，团队协作，可用性，原型，草图，样机，Photoshop等等。该站点的文案都非常实用和仔细。

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

这是一个致力于制作最好的网站布局，以改善用户界面的网站和博客。网站介绍最佳实践，布局，怎样合并功能以达到更简洁的设计。大力举荐运用社交途径，来无论何处能够何处响应行动呼吁，来怎样使可点击和可选取的不一样式表，来怎样举荐一个选取来帮忙用户决策，亦供给了准许用户取消错误行径的决策，来详细证明明最佳的受众是谁，来表示更强的对比，运用更少的字段，恰当表示所有选项等等。站点的信息都很简短，简单，易于理解。

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

这是一个包括非常多文案和教程的网页设计和研发电子杂志。站点目录包含设计，展示，非同寻常的灵感，教程，CSS，资源，工具，UX，移动端，免费资源，可用性，商场，排版，Illustrator，Photoshop，极简主义，工具等。还有非常多免费下载的元素，图标，字体，PSD模板等。文案的体积合适阅读，包括和非常多的分步细节。

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

这个博客成立于2008年，是一个面向网页设计师和网页研发人员的网站。主题包含社交网络，资讯和与Web 2.0关联的一切。站点主题包含设计，WordPress，社交媒介，SEO，标志，灵感，教程，免费资源，字体，图标，Photoshop，模板等。教程重点覆盖图形以及重点关注Photoshop。还包含插件、代码（JavaScript和CSS）和Illustrator。

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

这是世界优秀网页模板站点Template Monster的设计博客。站点主题包含资讯，文案，工具，赠品，灵感，信息图表，WordPress和Joomla。 教程包含文案和视频，并重点关注WordPress，排版，CSS，HTML，jQuery，Photoshop，Illustrator，网络技术，Web研发办法论，以及设计网站和UI元素。

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

Here’s the range of topics

这本网络杂志由Pabini Gabriel-Petit于2005年创立，为UX研发人员供给视野和灵感。它供给了许多有价值的意见，最佳实践，主题观点，以及探索UX设计的战略方面的深层思考的文案。主题包含网页设计，移动端，用户科研，视觉设计，web应用程序设计，设计流程，访谈，评论，内容创建，通信设计，架构，商场，战略等等。

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

这个博客起始由Justin Mifsud在2011年创立的，出发点是做为一个提高网站可用性的重要性的兴趣交流网站。Justin想加强网页设计师和研发人员在商场和政治网站可用性设计的认识。站点主题包含可用性，指南，测试，用户体验（UX），商场运营，转换，人机交互（HCI），术语，评论，资源和信息架构（IA）。

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

这是一本2001年起始的同行写的杂志，讨论所相关于设计的东西。站点主题包含交互设计，信息架构，平面设计，乃至商场服务设计。 站点目录包含设计原则，发掘，科研和测试，过程和办法，界面，可交付成果和文档，书评，会议和活动，软件和工具，以及工作场所和职业。

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

这个网站专注于网页设计包括所有东西。站点主题包含赠品，网站模板，WordPress主题，Photoshop，Dreamweaver教程，Illustrator，评论，灵感，网站研发，CSS，HTML，合集，编程，网上兼职，访谈和SEO。该站点涵盖了从移动界面设计到研发电子商务网站研发之间的方方面面。

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

这是Louis Lazaris的个人博客，作者是一个自由的网络研发人员，杂志站点SitePoint的HTML/CSS内容的管理编辑，和两本关于HTML/CSS的书的作者。博客内容大大都是关于HTML、CSS和JavaScript的文案。Louis在他的博客讨论关联的概念，原则和bug。博客亦它包含许多文案、教程，CSS基本，屏幕录像，资讯，评论等等。这个博客站点强调的代码和设计的结合。

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

最初做为一个网页设计展示画廊，现已作为分享网页设计的想法，文案，教程和资源，以帮忙网页设计师提高她们技艺的平台。站点内容包含WordPress主题和插件，网站设计的综述，赠品，独家优惠等等。网页设计师能够这儿找到非常多高品质的资源。

言尽于此，学习之路不止。 Have a nice day!

宣传

关注咱们