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.

• 8 Web Industry Surprises No One Warns You About
• How To Customize UX For Mobile

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.

• Responsive Typography: A Quick Tutorial
• Bootstrap 4 Tutorial: Create a One-Page Template

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.

• Creating a CSS Sliding Background Effect
• #141: Getting the Images and Numbers for Responsive Images

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.

• 10 Wireless Headphones That’ll Change the Way We Hear
• How to Use WordPress Action Hooks in Theme Customization

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.

• The 6 Best Blogging Platforms for Beginners
• 40 Beautiful WordPress Divi Theme Examples That Will Wow You

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.

• Keeping Your Android App Popular After Launch
• Freebie: Office And Business Icon Pack (92 Icons, AI, EPS, PSD, PDF, PNG, SVG)

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.

• Branding, Identity & Logo Design Explained
• What Makes A Good Logo?

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.

• Psychology Of Color To Improve Site Conversion
• 10 Mistakes to Avoid in UI Design

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.

• How to design websites developers won’t hate
• 5 psychology secrets for great interaction design

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.

• What Your Ecommerce Store Colors Says About You
• Branding Lessons from the Modern Marketing Era

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.

• How To Choose The Best WordPress Hosting Service
• 25 Black Websites For Your Inspiration

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.

• Reclaiming Social: Content Strategy for Social Media
• The Art of Creating Accurate Estimates

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.

• The Golden Ratio: Design’s Biggest Myth
• Android’s New Material Design Wallpapers Visualize Data About Your Phone

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.

• 7 Tips to Speed Up Your Website Today
• How to Design With Handwritten Typefaces: 8 Tips

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.

• The art of colour coordination in web design
• The 3 types of images that work best on 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.

• The Best Free Alternatives to the Most Popular Fonts
• How To Create a 3D Chrome Badge in Photoshop

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.

• How to Create a Fullscreen Video Opening Animation
• Photography Website Concept

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.

• 11 Useful Google Tricks That Help You Get Better Search Results
• The Hidden Meanings Behind Basic Shapes In Logo Design That You May Not Know

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.

• 6 Practical Examples For Building Parallax Websites
• Setting Up a Local WordPress Testing Environment

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.

• Code-free Web Design with Webydo: A Review
• Why iOS notifications are ruining my marriage (and UX solutions)

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.

• Logo Design: The Work of Levi Lowell
• A Great Library for Redesigns Case Studies

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.

• Logo Design by Levi Lowell
• 23 Incredible Polyscape Wallpapers

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.

• 7 Ways To Save Startup Costs (That I Wish I Did 10 Years Ago!)
• A Creative Freelancer’s Guide To Personal Branding

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.

• How to Get Visitors to Push Your Buttons
• Four Common Prototyping Traps to Avoid

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.

• Add Custom CSS to WordPress Admin
• The Difference Between Anchors, Inputs and Buttons

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.

• 25 Fascinating Websites With Captivating Visual Storytelling
• An Enjoyable Collection Of Retouching Tutorials For Photoshop

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.

• SiteInspire

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.

• 15 Super Useful Typography Tools and Frameworks
• How to Create Predictable Revenue in Web Design

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.

• Why You Should Design for Open Source
• Putting Design on the Map

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.

• Whitney Milam
• Marc Hemeon

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.

• 100 Free Web and App UI Icons (PSD, SVG, EPS, PNG, Iconfont)
• Best Blogging Practices for Improving Visibility

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.

• Learn How To Create a Responsive HTML Email Template
• Magnetic – Free Photography Website Template

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.

• I Am Creator
• The Handcrafted Design Bundle

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.

• 8 Clean Business Card MockUps
• 3 Illustrator Vintage Text Effects

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.

• Can Website Design Affect SEO?
• 5 Important Points for a Stellar Homepage Design

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.

• 5 Excellent Prototyping Tools and Best Practices
• 12 Awesome Hand Lettering Tutorial Videos for Beginners

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.

• Tutorial: Create A Countdown & Signup Coming Soon Page
• Coffee Chat: An Interview With Travelling Designer Luboš Volkov

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.

• 15 Tutorials To Help You Build WordPress Themes
• How To Create a Pure CSS Dropdown Menu

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.

• ECMAScript JS Features on a Single Webpage
• 10 Examples of Hand-Lettering Design Work

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.

• How to Create Stunning Pop-Out Text on An Image
• Why Great UX Starts Between Your Ears (Not on the Screen)
• 20 Best Tools to Generate Color Palettes

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.

• OSX Calender
• Sketchapp

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.

• Illustrating for Online: Know Lupus
• Signal vs. Noise: Color as a Wayfinding Tool

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.

• Free Icons For Web And User Interface Design # 124
• Awesome HTML5 and CSS3 Website Design Inspiration

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.

• org vs. WordPress.com – What’s the Difference?
• PayPal vs Stripe vs Authorize.net vs Amazon Payments – Which Is Best for a WordPress Site

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.

• What Are WordPress Themes And Where To Get New Ones?
• 50+ Stunning Examples of Websites Using Wix

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.

• 3 Essential Editorial Design Tips for Interactive Designers
• Print to Web Series: Digital Magazines

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.

• Coding 101 Bundle
• Staying on Budget: How to Avoid Unintentional Costs When Building a Website

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.

• 10 Things Your Homepage Must Have for Effective Marketing
• Business Cards that Impress and Last

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.

• The World’s Lightest Metal
• Eye Chart Typography

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.

• Dark Accordion Style Navigation (PSD)
• 28 High Resolution Acrylic Brushes

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.

• CSS Icons: 20 Vibrant, Fast, and Light Code Snippets
• Designing Web Code in a Native App

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.

• Alien: Typeset in the Future
• Responsive Responsibility

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.

• How To Generate Creative Blog Post Topics
• 21 Common Blog Design Blunders And How to Fix Them

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.

• Top 9 WordPress Plugins for Creating Landing Pages That Convert
• 9 Best Options for Managed WordPress Hosting Compared

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.

• Best Alternative WYSIWYG Editor For Developers
• Exclusive WordPress Theme That Ready To Use In Battle

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.

• Insights, Tips, and Recommended Themes to Create an Excellent eCommerce Experience
• 35 Inspiring Website Designs For Zoos And Aquariums

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.

• Displaying Your MailChimp Subscriber Count with PHP and MailChimp’s API
• select() — What’s the Correct Behaviour?

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.

• Fontself

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.

• Design mockup resources
• A study on logo treatments and brand perceptions

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.

• Awesome Merchandise
• Grey Singapore’s multinational typeface

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.

• Understanding The Process to Selecting The Right UI Design Patterns For a Website
• 99 Creative Logo Designs for Inspiration

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.

• 5 Reasons Why Working in Enterprise UX Doesn’t Suck
• Are Users The New Designers?

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.

• CSS and JavaScript tools to take your website to the next level
• 5 powerful techniques for responsive web design

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.

• 8 Design Best Practices Every WordPress Developer Should Use
• 8 Tips to Land Your First Client as a WordPress Developer

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.

• Designing With Negative Space: Inspiring Examples & Tips
• 17 Outstanding Hand-Lettered Designs to Inspire You

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.

• How to Liven up Your Flat Design with Dirty Dots
• Is a Designer a Storyteller?

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.

• Fight 01Against Shady UIs with Dark Patterns
• Useful Tips and Best Themes for Creating a Great eCommerce Experience

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.

• Timeline-Based Animation for the Web with Hype 3
• How to Create Your Own Brand Guidelines

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.

• Microsoft Surface Book
• Outstanding Examples of Restaurant Logos

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.

• The Fall of Mass Marketing and the Rise of User Experience Design
• The battle that may redefine your job as a web designer

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.

• 3 Steps to Better UI Wireframes
• Keeping Up With Java

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.

• Landing Pages Design Inspiration
• Animating Background Colors

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.

• Maps Should Be Crafted, Not “Plugged In”
• Divide and Conquer

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.

• The Grammys – pull-to-refresh record spin Animation
• Foursquare – Swarm Transmitter Interaction

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.

• Why UX design patterns work and how to use them
• Why designers should never skip prototyping

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.

• CSS Nano – A Modular Minifier Based on PostCSS
• HTML Color Codes – Powerful Set of Free Color Tools

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.

• Web Field Manual Design
• Web Field Manual Code

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.

• 4 UX Habits for Improving Interaction Design
• Deconstructing 6 Examples of Empowering UX Design

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.

• How to Do Quality UX On a Shoestring Budget
• The Anatomy of a Form

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.

• Modern Layouts: Getting Out of Our Ruts – Jen Simmons’ October 15 Virtual Seminar
• Help Designers and Developers Learn to Understand Each Other

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.

• Why You Need Design, Boring Interfaces, Benefits of Doodling, Design Case Studies
• Modern Design Tools, How Google Got Design, User is King 2, Rules of UX

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.

• Try Direct Manipulation instead of contextless menus.
• Blueprint: The Social Teaser Signup Page

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.

• How To Improve User Experience With Heatmap Testing
• 10 Tutorials for Aspiring Web Designer

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.

• 25 User Interface Designs That Rock!
• 23 Ultra Modern Web Designs with Sleek Graphics

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.

• Minimalism in Web Design is What Your Users Want
• Designing a Healthy Lifestyle – Even Web Designers Are Human

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.

• Learn Web Design Basics with Paul Boag
• A Worthy Guide To Create Ravishing Typography With jQuery And CSS3

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.

• How Button Placement Standards Reinforce User Habits
• How to Avoid Client Headache as a Freelance Designer

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.

• Brave New World of Visual Browsing
• Get Started in UX: The Complete Guide to Launching a Career in User Experience Design

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).

• 9 Guidelines For Writing A Killer Headline For Conversion
• Requirements Gathering: A Step By Step Approach For A Better User Experience (Part 1)

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.

• Your Guide to Online Research and Testing Tools
• UX Researcher: A User’s Manual

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.

• The Web Design Contract: Tips, Tricks, And Templates
• How To Increase Web Design Prices Without Losing Customers

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.

• Design Exercises To Get Your Creative Juices Flowing
• Medium Rebrands Site With A Generic, Geometric Logo

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.