Top 100 Blogs About Web Design and Development

There is a lot of information out there about website design and development. There are a lot of ideas, opinions, comments, and content. There is also a lot of noise and it can be difficult knowing where to find the best information to help you develop your craft.

So why not create a list of the best design and development blogs?

In this article I take a look at the 100 best blogs and websites for web designers and developers. I’ve given a short description about each one and I’ve carefully chosen two articles that clearly demonstrate what the site has to offer. They’re in no particular order.

1. Web Designer Depot

Founded by web designer Walter Apai, it’s a collaboration between designers worldwide who contribute features, articles, and tutorials to help grow the design community. Topics include HTML 5, CSS3, responsive design, typography, usability, jQuery, mobile apps, resources, business, freelancing, inspiration, and more.

2. DesignModo

This site contains lots of informational articles and tools for designers and developers. Articles include information on web design, web development, WordPress, tips, tutorials, inspiration, etc. They also produce products including one called Qards that lets you create amazing websites without writing any code.

3. CSS-Tricks

Founded by Chris Coyier, this site originally covered CSS and now has a team of 11 that covers every aspect of web design and development. Their content includes articles, videos, code snippets, etc., and includes tutorials, news, general information, and more.

4. Hongkiat

Since 2007 this site has produced articles, tutorials, recommended tools, tips and tricks, and more for designers, developers, techies, and bloggers. They like to write about plugins, tools, desktop and mobile apps, gadgets, gift ideas, and anything else they find interesting.

5. WPHacks

This site covers web design and development for anyone who designs and builds websites. They publish articles, news, tutorials, guides, and more. The site covers topics ranging from web design to WordPress.

6. Smashing Magazine

Founded by Vitaly Friedman and Sven Lennartz, this site produces articles, tutorials, and more for designers and developers. Topics include design, UX design, code, WordPress, mobile apps and design, graphics, etc. They cover software, concepts, news, etc., that includes CSS, Photoshop, eCommerce, plugins, themes, and lots more.

7. Just Creative

This is the design and portfolio blog of Jacob Cass. He’s a freelance graphic designer who blogs about web design, brand identity design, logo design, print design, typography, advertising, and lots more. It has many articles, graphic design tips, and resources on design.

8. Vandelay Design

The focus of this site is to equip creatives, small business owners, and entrepreneurs with the tools to develop their business ideas. They have lots of articles on web design, writing, web development, and more. They also have links to free resources, a shop with premium resources, and they give back to the community by providing free WordPress themes. They have a team of UI developers to help build any website you need.

9. TheNextWeb (Design & Dev)

This site has produced articles since 2006 that focus on international technology news, design, business, culture, and more. Content includes how-to, code, UX design, links and news about deals and courses, streaming videos of designing events, hardware, software, reviews, upcoming events, graphic design, and more.

10. SpeckyBoy

Paul Andrew launched this site in October 2007 as a personal freelance web design homepage. It’s now grown into a web design magazine. It has tons of tutorials, resources, time-saving techniques, and even inspirational art. Topics include web design and development, graphic design, mobile development, advertising, design styles and trends, tech news, and more. They even have an occasional Lego post.

11. Design Bombs

(yes, that’s us) Originally started as a web design gallery, this site has now been reworked to be a place to share web design ideas, articles, tutorials, and resources to help web designers sharpen their craft. Content includes WordPress themes and plugins, roundups of website designs, freebies, exclusive deals, and more. Web designers will find lots of high quality resources here.

12. A List Apart

This site launched way back in 1998 by Jeffrey Zeldman. Articles focus on web design and are geared toward designers, developers, architects, specialists, strategists, project managers, and writers. Topics include code, content, design, business and the industry, tools, techniques, UX, and more.

13. FastCo Design

This is a business technology magazine that focuses in the intersection between business and design. It covers a wide range of topics that include electronics, UX, graphic design, architecture, fashion, consumer products, and much more. Designers provide insights, opinions, tips, news, and much more.

14. DesignShack

This design website produces many articles that showcase inspiring web design. They also produce resources and tutorials. They focus on design and catalogue the greatest projects on the web. They produce regular articles that teach readers new techniques for creating their own designs and share daily news from the industry. Topics include websites, typography, business branding, shortcuts, and lots more.

15. CreativeBloq

This is a daily online magazine from FutureNet that produces articles about web design, graphic design, 3D, digital art, audiovisual, typography, branding, illustration, UX, logo design, branding, mobile, and more. They provide tips, inspiration, news about latest trends, global design, tutorials, interviews, videos, etc., for any type of digital designer or artist with a primary focus on developing for the web.

16. Spoon Graphics

This is the design blog of Chris Spooner. He shares tips, resources, and inspiration to help designers of all education and skill levels. Content includes tutorials, articles, videos, news, and links to free resources. Topics focus on graphic design, graphic software, typography, templates, logos, and more. There’s also a members-only area that includes tons of downloads.

17. CoDrops

This design blog is from freelance web designers and developers Manoela Ilic and Pedro Botelho. It started as an experimental blog and became a place for sharing the passion for web design and web development. The team, as well as other contributors, publish articles and tutorials about the latest web trends, techniques, and more. It includes tutorials, freebies, a CSS reference, a playground for experiments, blueprints that discusses web design concepts, and a collective that includes design and news resources from the community. They also host giveaways.

18. Design Taxi

This is an online magazine that focuses on lots of areas in design – including furniture design. Design topics include logos, social media, illustration, photography, creativity, advertising, product design, typography, apps, and more. It also includes humor, animation, food, and lifestyle among other topics. Content includes articles and videos. It has lots of articles that web designers will find helpful.

19. TutorialZine

This site comes from a team of web developers and designers based in Varna, Bulgaria. Articles include tips, tutorials, freebies, compilations, UI, UX, news, and experiments. The articles cover a lot of code development and include HTML5, CSS3, jQuery, JavaScript, and PHP. They even have a free ebook on jQuery.

20. HackingUI

This one is an online magazine founded by Sagi Shrieber and David Tintner that covers interaction design and front end development. It covers design, code, freebies, inspiration, productivity, Sketch, and more. They have lots of tutorials and articles that include Photoshop, CSS, JavaScript, business, personal life, links to free icons and templates, links to giveaways, links to interesting sites, reviews, and lots more.

21. Abduzeedo

Here’s a blog about design that has lots of articles for inspiration. It was founded in 2006 by Fabio Sasso and Fabiano Meneghetti. It has useful tutorials for the most used applications with a special attention to Photoshop and Illustrator. Other apps include Pixelmator and Fireworks. It has lots of articles that include web design tutorials, architecture, illustration, photography, logo design, interviews, case studies, and more.

22. TheUltraLinx

This is an online web magazine by Oliur Rahman that curates high quality content from around the web. It covers everything from technology to design. It covers hardware and software reviews and has a heavy emphasis on good design for both hardware and software. It covers tech, art (logos, backgrounds, etc.), design (everything from furniture to UI), wallpaper, deals, themes, and lots more.

23. Millo

This is a blog from Preston D. Lee that serves to fill in the gaps between business and design. The focus is on the entrepreneur and the freelancer. It includes articles, tips, inspiration, freebies, success stories, tutorials, and lots more.

24. Web Design Weekly

This site is a weekly magazine and blog that was created and is maintained by Jake Bresnehan. The magazine includes headlines, articles, tools, resources, inspiration, jobs, and more. Both the magazine and the blog include articles about programming code (CSS, HTML, etc.), tutorials, and more. Most of the content is in the magazine and is delivered via email. There is a heavy focus on code.

25. Designer News

This site is a community of people in design and technology. It takes a micro-blogging approach and is similar to Twitter. Users can post links to stories from around the web that they find interesting in the topic of design. They can also discuss the topics. Topics include Apple, CSS, site design, typography, business, UI, UX, and more.

Users can vote up on the content, which then shows the most interesting articles to the most people. It also includes a job board.

26. Digital Telepathy Blog

This is the blog of a digital design firm who shares their knowledge about design. The articles cover many topics such as inspiration, business, productivity, design, creating content, UX, technology, software, tools, marketing, interviews, profiles, case studies, etc.

The articles are aimed toward designers and business developers that want to learn more about designing a great website for their business.

27. David Walsh

This is the blog of JavaScript and HTML5 Consultant David Walsh. It contains lots of articles and tutorials that primarily focus on front-end technology. Topics include code (CSS, HTML, AJAX, JavaScript, etc.), using software, links to resources, themes, design concepts, demos, mobile, browsers, etc.

28. Naldz Graphics

This is a design blog that started in 2008 by Ronald Bien. It showcases tutorials, freebies, inspirations, resources, and more for the design community. Content includes articles, tutorials, freebies, and WordPress themes. It has lots of links to good design examples, free icons, PSD templates, brochure designs, logo designs, and lots more.

29. SiteInspire

This is a site that’s curated by Howells—Studio and includes and contains links to over 4500 websites that show excellence in design. They look for cleanliness and simplicity without gimmicks or decoration. This is a great way to see what works and what a good site should look like.

You can browse sites by style, subject, type, platform, or just do a search. They provide a FAQ to show their criteria and you can submit your own site. It shows the date that a site was added, which can help you see how design has changed over time.

30. 1st Web Designer

This is a community of digital professionals, which includes names such as Dainis Gravies and Kristi Hines, that share their knowledge of web design. The blog includes reviews, design concepts, UI, UX, mobile, WordPress themes, typography, humor, tips, trends, business, and more.

It includes a shop where they recommend courses, e-books, themes, and more. They also have a jobs board where you can post or search for jobs.

31. 24Ways

This blog from Drew McLellan is an advent calendar for web geeks that brings daily web design and development articles for twenty-four days each December. These articles remain on the screen until the next December when they’re archived and the new articles are published. Topics include business, code, content, design, process, and UX.

32. Minimums

This is an online magazine from NeedWant. This site is a collection of thoughts from many writers, editors, designers, entrepreneurs, etc., about things they own and what they like about them. They discuss how they use them. There are lots of professional photos of them demonstrating the products. Each product has a link to where you can buy it.

33. Design Beep

This blog covers lots of topics on design and development. It includes articles, tutorials, tools, resources, freebies, and inspiration. It covers graphics, logos, typography, web design, Photoshop, WordPress themes and plugins, CSS, Illustrator, jQuery, and more. It has plenty of tips, links to downloads, reviews, collections, etc. There are also tips for best practices and themes for specific professions as well as those for all around use.

34. PixelHint

Here’s is a web design Blog that produces web UI design tutorials. They also share free website templates and web resources for web designers and developers to download. They talk about the latest trends and techniques in web design, and the best tricks and techniques to create websites with the best UI’s. The blog contains lots of tutorials and links to freebies. Tutorials include development concepts and code. Freebies include icons and PSD templates.

35. PixelBuddha

This site is from Nick Frost and Greg Lapin. It contains free and premium resources for web developers. Most resources are graphics. Resources include animations, photos, fonts, effects, HTML, icons, templates, and more. The articles discuss the resources. Some of the premium resources also have a free edition.

36. GraphicBurger

This site’s from Raul Taciu of Cluj-Napoca, Romania and focuses on premium quality design resources that are free. Resources include exclusive PSD files. It also includes freebies from around the world. Resources include mock-ups, UI kits, icons, text effects, backgrounds, and more. The articles discuss the products in detail and provide links for download.

37. Queness

This is a blog that’s devoted to web design and development that contains lots of tutorials and code snippets. Categories include techniques, tutorials, web design, web development, WordPress, JavaScript, mobile development, typography, and more. Articles include news, giveaways, links to resources, theme roundups, and more.

38. Inspirationfeed

Managed by Igor Ovsyannykov, this site provides information about design, business, entrepreneurship, WordPress, graphics, deals, and self-development. Articles include tutorials, inspiration, blogging, giveaways, news, themes, textures, wallpapers, SEO, social media, logos, fonts, and lots more. There are also video tutorials and links to freebies.

39. DesignWoop

This blog provides lots of articles for designers and developers. Topics include tools, freebies, design concepts, inspiration, interviews, WordPress, themes, plugins, tips, tutorials, etc. Articles cover a wide range of tutorials, collections, and links. Links include CSS animation snippets, WordPress themes, icons, typography, examples of websites with good design, wire-framing tools, and lots more. Tutorials include Photoshop, CSS, Sketch, and lots more.

40. Line25

Started in 2009, this is a blog based around the topic of web design. It was created by Chris Spooner and is maintained by Iggy. It contains many articles to give ideas and inspiration to web creatives. It includes roundups of website designs, design trends, resources, interviews, inspiration, and tutorials of new skills and techniques. It’s written for both beginners and seasoned professionals.

41. WebDesignLedger

This is a website that’s written by web designers for web designers. It serves as a platform for sharing web design knowledge and resources. Topics include inspiration, tips, tutorials, UI (typography, menus, forms, etc.), graphics, interviews, reviews, content management systems (WordPress, Drupal, and Ghost), web development (including code and tools), etc. Web design topics focus on portfolio, mobile, business, eCommerce, and wearable tech.

42. One Xtra Pixel

This is a Singapore-based online magazine for designers and web developers. It provides many resources, articles, tutorials, and links. Topics include design, graphics, WordPress, CSS, social media, development, giveaways, toolkits, events, and more. Tutorials include step-by-step instructions on writing code, modifying images in Photoshop, etc. There’s even a comic strip that’s focused on design and web development, and occasionally other topics.

43. Little Big Details

This site was created by Floris Dekker. It’s curated by Floris and his friend Andrew McCarthy. They provide daily updates about design. Topics include web, UX, UI, fonts, icons, Sketch, apps, mobile, news, reviews, tutorials, code, and more. The articles are very short – resembling Twitter posts. Many of them use animated GIF’s.

44. Viget Inspire

This blog comes from a larger project by Brian Williams, Andy Rankin, and Wynne “Pop” Williams that was established in 1999. The blog covers design and interaction of all kinds. Topics include UX, color, accessibility, news, events, challenges, experiments, branding, apps, games, illustration, tutorials, and lots more.

45. CSS Author

Launched in 2012, this is a design and development blog specifically for web designers and developers. Content includes articles, tutorials, code, roundups, the latest web trends and techniques, tips, free PSD files, and inspiration. There are plenty of free graphic resources such as icons, web design templates, UI kits, mock-ups, and more. All of their freebies can be used for personal and commercial usage.

46. CodeinWP Blog

This is the blog of the WordPress development team at CodeinWP. The primary focus is on WordPress. Categories include plugins, conferences, tips and tutorials for beginners, roundups, transparency, hosting, news, security, SEO, themes, and web design guides. The target audience ranges from the beginner to the advanced designer and developer, so there’s something here for everyone – including writers and entrepreneurs.

47. WinningWP

This blog, run by Brin Wilson of London, is an award-winning blog that focuses on WordPress-related techniques and resources, and providing useful tips to anyone with an interest in WordPress. The content is provided by web designers, coders, and professional creatives from around the world. Topics include themes, plugins, hosting, SEO, security, performance, tutorials, tips, blogging, widgets, design, marketing, social media, news, trivia, and much more. Even though the primary focus is WordPress other CMS’s are included as well. There’re also reviews – even the occasional book review.

48. Patrick McNeil

This is the blog of Patrick McNeil, a UX Designer, professor at University of Missouri St. Louis, the author of six web design books, and creator of Design Meltdown. The blog includes articles, tutorials, links, events, news, reviews, presentations, etc., on the topic of UX design. There are a lot of good design tips that any designer will find helpful.

49. Designrfix

This site is dedicated to all like-minded designers to exchange techniques and inspiration. It includes inspiration, tutorials, freebies, resources, graphic design, web design, and deals. Topics include mobile platforms, content management systems, CSS, jQuery, WordPress themes, tools, resources, icons, links to training videos, illustration, UI, UX, coding, Photoshop, and lots more.

50. Creative Overflow

This is an online design magazine from Jacques van Heerden. The purpose of the site is to inspire artists to become better through articles, advice, tutorials, resources, and inspiration. Content includes many topics and categories such as collections, freebies, news, interviews, WordPress, news, giveaways, and more. Articles include information about branding, WordPress themes, business development, eCommerce, logos, marketing, and even advice on choosing a printer for your creative business.

51. Swiss-Miss

This one is a design blog run by Tina Roth Eisenberg, which she started in 2005 as a personal visual archive. She provides lots of articles, links, videos, reviews, quotes, photos, and more on many design topics. Topics include typography, iPhone, furniture, Photoshop, design elements, running a studio, productivity, photography, branding, books, interface design, and lots more.

52. Premium Pixels

This is the blog of web designer Orman Clark. He developed it as a place to share design resources and tutorials. It has a heavy emphasis on Photoshop and includes resources such as icons, fonts, brushes, patterns, textures, mockups, buttons, UI kits, drop-down boxes, shopping carts, map icons, code editor apps, forms, templates, and lots more. Virtually any graphical element of a website is here.

53. Noupe

This is a blog from Commindo Media GmbH & Co. KG in Germany. It’s written specifically for web developers and designers. Topics include Web design, typography, graphics, CSS, JavaScript, Ajax, advertising, marketing, WordPress, eCommerce, freelancing, inspiration, and more. Articles include design tutorials, writing code, using graphics programs, SEO, freebies, cartoons, themes, plugins, tips, tricks, and lots more.

54. Jason Santa Maria

This is the blog of Jason Santa Maria. Jason is a graphic designer, Design Director at Vox Media, founder of Typedia, co-founder of A Book Apart, author of On Web Typography; and faculty at the MFA Interaction Design program at SVA. The blog includes lots of articles about web design, typography, interviews, drawing, and more. The site itself is an experiment in design.

55. InstantShift

This is a design and inspiration blog for web designers and developers. It’s a daily resource with content that includes inspiration, articles, tutorials, freebies, web design, WordPress, fonts, CSS, icons, photography, Photoshop, JavaScript, Illustrator, graphic design, Infographics, showcases, logos, news, and lots more.

56. WPKube

This site was founded by Devesh Sharma. It primarily focuses on WordPress and includes tutorials, How-to’s, plugins, news, reviews, tips and tricks, plugins, themes, reviews, security, SEO, beginner’s guides, code, and more. It includes links to resources such as tools, hosting, and money-saving coupons. Articles are written by WordPress professionals and are substantial in length and aimed toward professionals at all levels.

57. Fresh Web Dev

This site covers web design and development with a focus on WordPress, Javascript, CSS, PHP, Design, HTML5, and others. It includes tutorials and articles for products such as WordPress, Photoshop, writing code, server-side Linux development and setup, fonts, graphics, and more. They also provide links to deals and free resources. The content is written by designers and developers for designers and developers.

58. DesignM.ag

This is a community-based website that includes a blog, a design gallery, a user-submitted news, and a job board. The blog includes resources such as tools, icons, themes, code snippets, fonts, graphics, etc. Tutorials include Photoshop, web design, and more. Topics also include interviews, inspiration, WordPress, designer showcases, freebies, typography, UI, and more. It covers the full spectrum of web design.

59. Impressive Webs

This is the personal blog of Louis Lazaris, a freelance web developer, a Managing Editor for SitePoint‘s HTML/CSS content, and author of two books on HTML/CSS. The content is mostly articles on HTML, CSS, and JavaScript. Louis discusses related concepts, principles, and bugs. It includes lots of articles, tutorials, CSS basics, screencasts, news, reviews, and more. There is a strong emphasis on both code and design.

60. David Airey

This is the personal blog of David Airey, a graphic designer and writer who specializes in brand identity design. David writes lots of articles about typefaces, architecture, business, newsletter development, web design, mobile, and design of all kinds. Topics include tutorials for both Photoshop and Illustrator. It’s written with design students in mind.

61. Logo Design Love

This is another blog from David Airey. This one is devoted to logo design and brand identity. David writes articles that describe the affect logos and brand identities have on marketing and consumers. He shows how to modernize logos, compares logos of many brands, looks at the evolution of logo and brand design, provides detailed interviews with other designers, gives business advice, and more.

62. Identity Designed

This is the brand identity blog from David Airey. It features work from designers and studios from around the world. It shows lots of case studies of brands which includes website design, typography, product design, icons, code design, and more. Designers of all types will find something here of value.

63. Awwwards

This is a site that’s devoted to recognizing the talent and effort of the world’s best web designers, developers, and agencies. The purpose of the site is to be a meeting point where web professionals can find inspiration, share their knowledge and experience, receive and give constructive criticism, and even debate their viewpoints on design concepts. It includes a directory, shop, job board, and blog. The blog includes lots of articles, links to free resources, videos, events, interviews with designers, and web development tutorials.

64. UX Booth

This is an online magazine for and by the UX community. The target audience is the beginning-to-intermediate UX and UI designer. It was founded by Matthew Kammerer, David Leggett, and Andrew Maier in 2009 as a place where designers come to discuss best practices and trending topics. Categories include analytics, business strategy, content strategy, information architecture, interaction design, philosophy, research, resources, universal design and accessibility, and visual design. Articles are very thorough and thought-provoking.

65. CatsWhoCode

This is a blog from a web developer and professional blogger named Jean that’s is a website dedicated to web developers, web designers, webmasters, or anyone else who creates and maintains websites. As expected it has a heavy focus on writing code. “Cat”egories include CSS, HTML5, JavaScript, PHP, SQL, web development tools, and WordPress. There are lots of code snippets to download for free. Articles also include reviews and links to themes, icons, vectors, plugins, etc.

66. Elegant Themes Blog

This blog provides daily updates on website design and development using the WordPress platform. Articles are written by experienced web developers and designers. It includes lots of articles that include tips, tricks, CSS, code, developing websites for various fields, social media, themes and plugins (from Elegant Themes as well as other companies), Photoshop, the web-development business, eCommerce, reviews, pages your website needs, SEO, resources, and lots more.

67. Creative Market Blog

This blog has lots of tutorials about web design and development. It includes lots of articles and tips such as font design and tips to improve typology, tips for using Photoshop, lists of books, solving common designer problems, using negative space, WordPress, PHP, HTML, CSS, inspiration, and more. The target audience is from beginning to advanced website developers and designers.

68. SitePoint

This blog was founded by Mark Harbottle and Matt Mickiewicz to deliver content such as new ideas, concepts, and new technology. Content includes articles, courses, tutorials, books, or anything else related to designing and building websites. They discuss code (HTML, CSS, PHP, JavaScript, and Ruby), mobile, WordPress, design, UX, entrepreneur, and anything to do with web technologies.

69. Web Design Ledger

This is a blog that covers web design and development while providing lots of resources. Categories include webs design, inspiration, UI, graphics, interviews, web development, reviews, and content management systems. Articles include links to free resources, information about events, app tutorials, tools, fonts, icons, vectors, WordPress, Drupel, Ghost, coding, eCommerce, mobile, wearable, typography, and lots more.

70. envato tuts+

This is a tutorial site with lots of articles for web development and design. Categories include Photoshop, Illustrator, vector, illustration, tools and tips, inspiration, news, designing, text effects, CSS, HTML, UX, UI, workflow, design theory, and lots more. Articles are aimed at the student level and are very extensive. There are also courses that you can subscribe to.

71. Design You Trust

This site contains lots of design information and inspiration on several topics. Categories include inspirations, design, architecture, photography, technology, travel, and animals. Although the focus isn’t on web design, there is a lot of general information about design that’s helpful in any field. The photography category alone has plenty of content to inspire web designers. The technology category is great for product design.

72. BoagWorld

Founded in 2002 by Marcus Lillington, Paul Boag, and Chris Scott, this blog gives lots of advice on UX design. Categories include strategy, training, governance, mentorship, a podcast, books, and more. Content includes articles and audio. Topics cover design, development, marketing, interviews, accessibility, better UX, content strategy, digital strategy, design, mobile, news, questions and answers, reviews, talks, and working in web.

73. TreeHouse Blog

This is the blog of the subscription site TreeHouse. The blog contains many articles about web development and design. The blog contains categories such as news, community, learn, industry, and more. Articles cover topics such as design concepts, code tutorials, roundups, software reviews, graphics, information about courses, career advice, mobile, trends, tips, and more. There are a few articles that mostly exist to promote the coursework that is available on the site, but there are also a ton of articles that are helpful to anyone in web development and design. Articles are mostly aimed at the student level.

74. Web Design Wall

This is a site from Nick La that’s all about design, tutorials, trends, and ideas. Nick La also runs N.Design Studio, Best Web Gallery, IconDock, and Themify. The blog includes many articles on topics such as coding, CSS, design, design process, design trends, downloads, events, freebies, illustrator, inspiration, interviews, JavaScript, Photoshop, responsive design, reviews, SEO, and WordPress. The tutorials include demos and downloadable code.

75. HappyCog’s Cognition Blog

This blog is from Happy Cog founder Jeffrey Zeldman and primarily focuses on design, experience, and code. Topics include process, design, front-end development, team, project management, community, career, strategy, company, and client relations. Articles include case studies, tutorials, tips, business and customer relations, typography, coding, Photoshop, and much more. Most articles focus on concepts and are well-written and detailed.

76. User Interfaces IO

This site contains a collection of user interface animations. You can click on any one you want and see the animation. This is a good site for getting inspiration for your UI designs. Most of the designs include CSS buttons and menus or various other user interfaces. The designs would work well for both desktop and mobile devices. Many link to animations found on Instagram.

77. NET Magazine

Dating from 1994, this is probably the oldest site on this list. The blog lives under the Creative Bloq banner (part of the Future family of publishing) and focuses on web design. It covers the latest new web trends, technologies, and techniques. Tutorials include WordPress, CSS, HTML, JavaScript, PHP, UX, tips, and more. Their goal is to be the only site you need for web design information. They compile sites and articles from across the web and feature advice, interviews, opinions, and inspiration. There’s also a digital and printed magazine available.

78. WebAppers

This is a blog dedicated to sharing open source resources for web developers and designers. For designer it has free icons, fonts, tables, stock photos, brushes, and design inspirations. For developers, there are lots of JavaScript and Ajax components such as plugins, menus, tooltips, charts, galleries, calendars, modal windows, and more. It also covers hosting, eCommerce, social media, tools, security, stats, and lots more. Articles are detailed and advanced.

79. Web Field Manual

This blog provides a list of resources for designing UX and UI. It was curated and is maintained for web designers by web designers. It includes lots of articles and resources. Topics under design include staying current, inspiration, style guides with dos and don’ts, process, workflow, toolbox, grids and typography with dos and don’ts, animation with dos and don’ts, best practices with dos and don’ts, and accessibility with dos and don’ts. Each category has an extensive list of resources. Topics under code includes getting started, best practices, inspiration, reference, staying current, performance, CSS/SASS, SVG, JavaScript, Workflow, toolbox, and libraries.

80. UXPin Blog

UXPin is a product design platform used by web designers. Their blog focuses on all-things UX, regardless of the platform used. It contains tons of articles and tutorials on UX design, mobile, design trends, best practices, design tips, interaction design, UI design, web design, elements and patterns, process, UXPin, wire-framing, graphic design, collaboration, usability, prototyping, Sketch, mockups, Photoshop, and lots more. Articles are very substantial and extremely detailed.

81. UX Magazine

This is a free online magazine that explores all areas on experience design. It was founded in 2005 by Alexandre Schleifer and Constantinos Demetriadis. They focus on topics such as customer experience, how UX fits into technological developments, project planning, and organizations. They work to deepen the thinking around user-related design. Articles include news, reviews, exploration of UX, and more. They also provide information about events such as conferences, classes, workshops, etc. There is also a UX job board where you can search and subscribe to updates.

82. User Interface Engineering

Founded by Jared M. Spool, the company itself dates back to 1988. The mission of the company is to help clients solve their design problems. The blog contains article in many categories including content strategy, customers, design, design decisions, design deliverables, design principles, design process, design strategy, design teams, designers, journey maps, lean UX, personas, project kickoffs, scenarios, service design, starting UX projects, style guides, team management, UI20, UIE, user engagement, user experience, and UX.

83. UX Design Weekly

This is a weekly magazine of hand-picked list of UX design links curated by Kenny Chen. The topics include UX, UI, tools and resources, media, portfolios, 100 days of UI design elements, prototyping, interviews, reviews, and lots of tutorials. The issues are delivered through email but you can also see the on the site. Each issue is archived so you always have access to them.

84. Good UI

This is a website and blog that focuses on making the best possible website layouts to improve the user interface. The site talks about best practices, layouts, how to merge functions for a cleaner design, using social proof, how and where to repeat your call to action, how to make clickable and selected styles distinct, how to recommend a choice to help users in decision-making, allowing undos for decision mistakes, being specific about who your audience is, showing more contrast, using fewer fields, showing all of the options, and lots more. The information is short, simple, and easy to follow.

85. InspireFirst

This site strives to provide inspiration for web-designers and other creative hobbies where inspiration helps in the creative production process. Articles include roundups, tutorials, concepts, inspiration, web design examples, free resources, and much more

86. Spyre Studios

This is a web design and development magazine with lots of articles and tutorials. Categories include design, showcase, inspirational, tutorials, CSS, resources, tools, UX, mobile, giveaways, usability, business, typography, Illustrator, Photoshop, minimalism, tools, and more. There are also lots of free downloads of elements, icons, fonts, PSD templates, and more. Articles are substantial in size and contain and lot of step-by-step detail.

87. Web Design Dev

This site is devoted to all-things web design. Topics include freebies, website templates, WordPress themes, Photoshop, Dreamweaver tutorials, Illustrator, reviews, inspiration, web development, CSS, HTML, roundups, programming, make money online, interviews, and SEO. Every aspect of web design is covered from mobile interfaces to developing eCommerce sites and everything in between.

88. Skyje

This blog was founded in 2008 as a site for Web Designers and Web Developers. Topics include social networking, news, and everything related to Web 2.0. Topics include design, WordPress, social media, SEO, logos, inspiration, tutorials, freebies, fonts, icons, Photoshop, templates, etc. The tutorials cover mostly cover graphics with a heavy focus on Photoshop. Others include plugins, code (JavaScript and CSS), and Illustrator.

89. MonsterPost

This is the design blog of Template Monster. Topics include news, articles, tools, freebies, inspiration, Infographics, WordPress, and Joomla. Tutorials include articles and videos and have a heavy focus on WordPress, typography, CSS, HTML, jQuery, Photoshop, Illustrator, web technologies, web development methods, and designing websites and UI elements.

90. UX Movement

This is a user experience blog that discusses good and bad interface design practices and how they affect user behavior. They push UX designers for a clear, fast, and easy-to-use interface. Their articles are backed with plenty of experience and research.

91. UX Matters

This web magazine was founded by Pabini Gabriel-Petit in 2005 to provide insights and inspiration to UX developers. It provides lots of articles on advice, best practices, topic over-views, and deeper thought pieces that explore the strategic aspects of UX design. Topics include web design, mobile, user research, visual design, web application design, design process, interviews, reviews, content creation, communication design, architecture, business, strategy, and lots more.

92. Usability Geek

This blog was started in 2011 by Justin Mifsud as a hobby-site to talk about the importance of website usability. Justin wanted to raise awareness to web designers and developers about the commercial and legal implications of poor usability. Topics include usability, guidelines, testing, User Experience (UX), business, conversion, Human Computer Interaction (HCI), terminology, reviews, resources, and Information Architecture (IA).

93. Boxes and Arrows

This is a peer-written journal that started in 2001 that discusses all-things design. Topics include interaction design, information architecture, graphic design, and even the design of business.

Categories include design principles, discovery, research, and testing, process and methods, interfaces, deliverables and documentation, book reviews, conferences and events, software and tools, and workplace and career. There’s also a job board where you can search for and post job openings.

94. IM Now

This is the creative blog from the IM Creator team. It covers all aspects of web design and includes lots of articles, tutorials, tips, tricks, inspiration, freebies, and more. The primary focus is on web design, graphics, and business. There are lots of web design tutorials.

95. UCreative

This site was started in 2007 and offers insights for designers, artists, photographers, and entrepreneurs about the intersection between design, business, and photography. For designers it includes inspiration, freebies, articles, and resources. For business it includes behavioral science, tech, lifestyle, and offbeat.

For photography it includes techniques, gear, news, and gallery. You can choose a single topic (design, business, or photography) and ignore the others, but all three together combine to give lots of information to the web designer from a usability, visual, and business standpoint.

A Note About How I Choose the Sites

For this article I searched the web for sites that had content that would make a difference to web designers and developers. I looked to sites with well-written, clear, and substantial articles that were written for designers and developers by designers and developers.

I ooked for professionals who make a difference in advancing the field. I looked for content that discussed CMS’s such as WordPress, tools such as Photoshop, tutorials for code such as CSS and HTML, thoughts on user experience (UX) and user interfaces (UI), tips, tricks, resources, and freebies. These sites are the top 100. They have plenty to offer any web designer or developer at every stage in their career.

I’d like to hear from you. Did I leave out your favorite? Do you have one to add? Let us know in the comments.