23 Web Design Blogs You Can't Miss

Best Web Design Blogs

Whether you’re a web design professional, aspire to be one or you simply appreciate a well-designed website, web design blogs are a great place to gather knowledge, information and inspiration.

Top web design blogs will provide you with the latest industry news, helpful tutorials and how-to’s, exclusive advice from seasoned pros and inspirational showcases of successful websites and applications. Having all of this information at your fingertips will help you keep a pulse on the industry.

Here’s where it gets tricky—the internet is home to thousands of blogs of all varieties, making it difficult to determine the quality of each site at first glance. So to save you the trouble, we identified a handful of the industry’s best blogs. This collection will provide you with everything you need to quench your thirst for web design knowledge.

So without further ado, here are the top 23 web design blogs you can’t afford to ignore.

Top web design blogs to follow

1. A List Apart

Why follow? A List Apart is likely one of the more recognizable names on our list. It covers the spectrum of web design topics but places a special emphasis on web standards and best practices. Writers and guest authors for A List Apart are known to provide the most cutting-edge techniques and technologies.

You can also follow A List Apart on Twitter.

2. Co.Design

Why follow? Co.Design is unique as it takes an interest in the real-life application of design in business and in everyday products. Here you can find articles on electronics, fashion, technology and inspiring designers. Categories include innovation by design, interactive, products and spaces. Co.Design is a great resource for anyone who wants to understand how design plays out in real life.

You can also follow Co.Design on Twitter.

3. Codrops

Why follow? Codrops is unique in its dedication to providing free resources to web designers of all experience levels. The site contains tutorials, a “playground” with experimental designs, blueprints to use and build off of and a reference page with an extensive list of CSS properties and styles. If you’re simply looking to stay up-to-date on the latest news and trends, the site also has a blog dubbed the “collective” with articles published every 3–4 days.

You can also follow Codrops on Twitter and Facebook.

4. Creative Bloq

Why follow? Creative Bloq is chock-full of creative goodness. Whether you are a web designer, VFX artist, illustrator or 3D designer, this site has the resources and inspiration for you. Here you will find advice articles broken down by category: from graphic design to art to typography; reviews on the latest tools and products; and inspiration to help you kick-start your next project.

You can also follow Creative Bloq on Twitter and Facebook.

5. Creative Market

Why follow? The team at Creative Market strives to “Make beautiful design simple and accessible to everyone.” In their article queue you’ll find a bit of everything: tutorials and how-to’s, freebies and discounts and inspirational showcases. The wide array of topics makes this blog a great follow for everyone from rookie designers to seasoned professionals.

You can also follow Creative Market on Twitter.

6. CSS Tricks

Why follow? CSS Tricks began as a blog dedicated to CSS and CSS only, but has now developed into an all-encompassing web design resource. Here you will find videos, a CSS almanac, a gallery for inspiration and interactive forums where users can discuss all things design-related. An added bonus is a job board for front end developers and designers.

You can also follow CSS Tricks on Twitter and Facebook

7. DesignM.ag

Why follow? Designm.ag is a community-based resource for designers and developers. Categories of articles include tutorials, inspiration, design and freebies. One top highlight is the interview section, where budding designers can read question and answers with blog owners, designers, developers and more.

You can also follow DesignM.ag on Twitter.

8. Designmodo

Why follow? Designmodo offers its followers loads of free content in addition to premium plug-ins and themes for sale. Its minimalist layout makes it clean and simple to navigate whether you’re searching for a specific topic or simply perusing through the vast collection of articles. With sections devoted to resources, tutorials, coding and WordPress, it’s a great resource for web designers seeking professional development.

You can also follow Designmodo on Twitter and Facebook.

9. Designrfix

Why follow? Designrfix encourages the thoughtful exchange of technique, ideas and inspiration by accepting posts and contributions from anyone. This social news component is featured on the side bar so you’ll constantly be exposed to the latest design-related news. It also has its own blog articles that are often devoted to showcasing inspiring work.

You can also follow Designrfix on Twitter, Facebook.

10. Design Shack

Why follow? Design Shack has an extremely well-organized gallery that can be filtered by type—from blogs to business cards—and also by color, so you can find ideas no matter the project you’re working on. Another feature is the article section that can be sorted through by area of interest. No more combing through pages and pages of articles not relevant to you; now you can find what you’re looking for, get answers and inspiration and begin designing sooner!

You can also follow Design Shack on Twitter and Facebook.

11. Inspired Magazine

Why follow? Inspired Magazine serves as a source of inspiration for designers, with over one thousand articles on graphics, web design and social media, among others. The site is easy to navigate with no extra frills or add-ons. Articles are published at least once a month to keep you up-to-date with the latest best practices.

You can also follow Inspired Magazine on Twitter and Facebook.

12. Material Design Blog

Why follow? Material design is a visual design language developed by Google. The Material Design Blog covers everything material design related—from UI/UX to frameworks and strategy, you will find everything you need to know about this design approach.

You can also follow Material Design Blog on Twitter and Facebook.

13. Noupe

Why follow? The goal of Noupe is to help people “Communicate effectively on the web with an engaging website and functional interface.” It does this by delivering dynamic news for designers and Web developers on subjects ranging from CSS, Ajax and JavaScript to graphics, typography and advertising. Noupe followers also get their fair share of inspiration and freebies!

You can also follow Noupe on Twitter and Facebook.

14. Onextrapixel

Why follow? Onextrapixel, which refers to itself as a “Digital playground for people who want to learn,” offers a plethora of resources, tips, tutorials and news for developers and designers. The clean design of the site allows users to find what they’re looking for easily; whether it’s free collections of icons or steep discounts on various design and development tools, you can find it all here.

You can also follow Onextrapixel on Twitter and Facebook.

15. SitePoint

Why follow? SitePoint aims to introduce emerging concepts and teach state-of-the-art technology to its readers. With pages devoted to all of the main facets of web design—HTML , CSS, JavaScript, PHP, Ruby on Rails, mobile and UX design—there’s something for everyone. In each section you’ll find informational articles, practical tutorials and helpful advice to assist you in developing as a web design professional.

You can also follow SitePoint on Twitter and Facebook.

16. Smashing Magazine

Why follow? This is one of the most renowned publications for designers and web developers across the globe. Smashing Magazine is a must-follow that provides its readers with front-line resources on the subjects of coding, design, mobile, graphics, UX design and WordPress.

You can also follow Smashing Magazine on Twitter and Facebook.

17. SpeckyBoy

Why follow? Originally started as a small blog for web designers, SpeckyBoy has taken off and become a full-fledged web design magazine for aspiring creatives. Articles are written by a team of writers from all over the world who cover topics such as mobile app design, graphic design, UX, marketing and much more. Posts are published every day, so be sure to check back often to see what’s new.

You can also follow SpeckyBoy on Twitter and Facebook.

18. The Next Web

Why follow? The Next Web, or TNW, is not only a blog but a whole world of technology and all its advances. The site contains blogs and news on everything from apps to offers, but the real stand-out is the Insights section, where you can find hundreds of articles on the latest trends, updates and news in the web design world.

You can also follow The Next Web on Twitter and Facebook.

19. UX Booth

Why follow? UX Booth is a publication created by and designed for the user experience (UX) community. UX Booth’s primary audience is individuals who are fairly new to this aspect of design. You’ll find articles focused on user experience, interaction design and usability. Their partnership of authors and contributors do an excellent job of covering all angles of this niche in the field.

You can also follow UX Booth on Twitter.

20. Vandelay Design

Why follow? Vandelay Design is run by a freelance web design studio. In it you’ll find everything from icon sets, WordPress themes and other freebies, as well as helpful articles that will educate and encourage you in your design journey. Their posts also offer great advice for freelance designers in areas such as social media, job searching and networking.

You can also follow Vandelay Design on Twitter and Facebook.

21. Web Designer Depot

Why follow? The team at Web Designer Depot says they “Live, breathe and eat design.” Their passion is reflected in the blog’s massive collection of tips and tricks, inspirational examples and up-to-date design news. This blog is a collaboration between professional designers from across the globe, making it a great platform to help you keep tabs on the entire industry.

You can also follow Web Designer Depot on Twitter and Facebook.

22. Web Design Ledger

Why follow? Web Design Ledger is a publication written by web designers for web designers. Web Design Ledger is a platform for sharing design resources and knowledge. Articles are housed under seven different subsections: freebies, inspiration, resources, tips, tools, trends and tutorials.

You can also follow Web Design Ledger on Twitter and Facebook.

23. 1stWebDesigner

Why follow? 1stWebDesigner is an excellent resource for current web designers, developers, and freelancers. Articles range from topics such as UI and UX, mobile design, trends and WordPress. A fantastic resource this site offers is a page of collections; here designers can find free icons, templates, software, apps and more. This is a must-have for designers looking for open source material.

You can also follow 1stWebDesigner on Twitter and Facebook.

Take the challenge...

Now that you’re familiar with some top-notch web design blogs, bookmark this list and commit to keeping tabs on each blog weekly. These blogs can help get your creative juices flowing as well as keep you up-to-date on the latest trends. So whether you are wondering if you should be a graphic designer, or a seasoned pro looking for some inspiration, reading advice from other designers can provide you with the knowledge and insight you need to kick-start your graphic design career.

To learn more about what it takes to be a successful web designer, follow the Rasmussen College School of Design Blog or check out our Facebook page.


EDITOR'S NOTE: This article was originally published in January 2014. It has since been updated to include information relevant to 2017.

Anna Heinrich

Anna is a Copywriter at Collegis Education who researches and writes student-focused content on behalf of Rasmussen University. She believes the power of the written word can help educate and assist students on their way to a rewarding education.

female writer

Related Content

This piece of ad content was created by Rasmussen University to support its educational programs. Rasmussen University may not prepare students for all positions featured within this content. Please visit www.rasmussen.edu/degrees for a list of programs offered. External links provided on rasmussen.edu are for reference only. Rasmussen University does not guarantee, approve, control, or specifically endorse the information or products available on websites linked to, and is not endorsed by website owners, authors and/or organizations referenced. Rasmussen University is accredited by the Higher Learning Commission, an institutional accreditation agency recognized by the U.S. Department of Education.

logo-accreditation-acenlogo-accreditation-ccnechart-credential-laddering-associates-bachelors-masters0 Credits90 Credits180 Credits48 CreditsStart HereHIGH SCHOOL GRADSStart HereTRANSFER STUDENTSStart HereSECOND DEGREE PURSUERSEnd HereASSOCIATE'S DEGREEStart HereMASTER'S DEGREEPURSUERSEnd HereBACHELOR'S DEGREEEnd HereMASTER'S DEGREEchart-credential-laddering-associates-bachelors0 CreditsStart HereHIGH SCHOOL GRADSStart HereTRANSFER STUDENTS90 CreditsStart HereSECOND DEGREE PURSUERSEnd HereASSOCIATE'S DEGREE180 CreditsEnd HereBACHELOR'S DEGREEicon-bankicon-general-charticon-general-connecticon-general-degreeicon-general-discussicon-general-emailicon-general-findicon-general-haticon-general-hearticon-general-laptop-buildingicon-general-laptopicon-general-leadericon-general-mapicon-general-moneyicon-general-paperworkicon-general-peopleicon-general-phoneicon-general-speak-outicon-head-hearticon-mglassicon-scalesrebrand-arrowsicon-colored-outline-bankicon-colored-outline-certificateicon-colored-outline-circle-dollar-signicon-colored-outline-folder-searchicon-colored-outline-hand-hearticon-colored-outline-head-blocksicon-colored-outline-head-cogicon-colored-outline-head-hearticon-colored-outline-health-plus-leavesicon-colored-outline-hospitalicon-colored-outline-lifelong-learningicon-colored-outline-light-bulb-analyticsicon-colored-outline-location-pinicon-colored-outline-maginify-glassicon-colored-outline-magnifying-glassicon-colored-outline-monitor-healthcareicon-colored-outline-monitor-paper-searchicon-colored-outline-nurse-raysicon-colored-outline-padlock-shieldicon-colored-outline-person-presenter-screenicon-colored-outline-scalesicon-arrowicon-cameraicon-filtericon-info-circleicon-mail-forwardicon-play-solidicon-quote-mark-lefticon-quote-mark-righticon-share-square-oicon-spinnericon-taglogo-rasu-horizontalras-logo-flameras-logo-horizontalras-logo-stackedicon-simple-chaticon-simple-desktopicon-simple-findicon-simple-hamburgericon-simple-phoneicon-testimonial-quotesicon-social-facebook-square-coloredicon-social-facebook-squareicon-social-facebookicon-social-google-plus-squareicon-social-google-plusicon-social-instagramicon-social-linkedin-square-coloredicon-social-linkedin-squareicon-social-linkedinicon-social-pinterest-picon-social-twitter-squareicon-social-twittericon-social-youtube-play-coloredicon-social-youtube-playicon-colored-advanceicon-colored-arrows-cross-curveicon-colored-briefcase-staricon-colored-buildicon-colored-bulb-analyticsicon-colored-certificateicon-colored-continual-developmenticon-colored-duo-chatboxicon-colored-folder-mortarboardicon-colored-forward-ribbonicon-colored-gears-clockicon-colored-globe-penicon-colored-growthicon-colored-hand-bubbleicon-colored-hand-starsicon-colored-hands-gearicon-colored-head-blocksicon-colored-head-cogicon-colored-health-plus-leavesicon-colored-hospital-buildingicon-colored-laptop-cbe-skyscrapericon-colored-laptop-checkmarkicon-colored-laptop-webpageicon-colored-location-mapicon-colored-location-pinicon-colored-monitor-paper-scanicon-colored-mortarboard-dollaricon-colored-nationalicon-colored-people-chat-bubblesicon-colored-person-cheer-staricon-colored-person-laptop-checkboxesicon-colored-person-screen-instructoricon-colored-person-whiteboardicon-colored-phone-chatboxicon-colored-police-lighticon-colored-prepicon-colored-presentericon-colored-regionalicon-colored-save-timeicon-colored-shirt-haticon-colored-skyscrapericon-colored-stateicon-colored-student-centeredicon-colored-supporticon-colored-world-experienceicon-triangle-calendar-pencilicon-triangle-clock-rotating-arrowsicon-triangle-display-gearsicon-triangle-laptop-coding-bracketsicon-triangle-mortarboardicon-triangle-person-juggleicon-util-checkbox-whiteicon-util-checkboxicon-util-checked-whiteicon-util-checkedicon-util-chevron-downicon-util-chevron-lefticon-util-chevron-righticon-util-chevron-upicon-util-circle-arrow-downicon-util-circle-doticon-util-language-switchicon-util-loadingicon-util-open-window-buttonicon-util-open-window-linkicon-util-pdf-buttonicon-util-pdf-linkicon-util-refreshicon-util-x