In this post, I’ve collected some of the sites that make it easier for web designers and developers to build websites. Each of these sites has well-written, specific, and informative articles containing tips, tricks, resources, and giveaways for CMS such as WordPress discussions, Photoshop tools, CSS and HTML tutorial code, UX ideas and user interfaces. In today’s post, we take a look at 55 of the best blogs and websites for web designers and developers. Please note that the site does not rank heroes in order.
1. Web Designer Depot
Web Designer Depot is a global gathering place for designers to share articles and tutorials to help develop design community features. Site topics include HTML 5, CSS3, responsive design, typography, usability, jQuery, mobile applications, Resources, Business, Freelancers, Inspiration, and more.
2. InstantShift
InstandShift is a popular community for web designers and developers. Lots of great posts on WordPress, web design, CSS, tools, tutorials, fonts, photography, etc.
3. CSS-Tricks
It was started by Chris Coyier1 and started with just CSS and now has a team of 11 people covering all aspects of web design and development. Their content includes articles, videos, code snippets, tutorials, news, basics, and more.
4. Hongkiat
Since its inception in 2007, the site has featured a series of articles, tutorials, recommended tools, tips and tricks for designers, developers, engineers and bloggers. They love to write about plug-ins, tools, desktop and mobile applications, gadgets, genius ideas, anything that’s interesting.
5. Six Revisions
Launched by Jacob Gube in 2008, the site covers the entire web design and development process for designing and building websites and applications. They publish articles, news, tutorials, guides, etc. The site covers topics ranging from Photoshop to freelancers and everything in between.
6. Smashing Magazine
Founded by Vitaly Friedman and Sven Lennartz, this site offers a series of articles, tutorials and tutorials for designers and developers. Site topics include design, user experience design, code, WordPress, mobile applications and design, graphics, and more. Content covers software, concepts, news and more, but also CSS, Photoshop, e-commerce, plug-ins, website themes and more.
7. Vandelay Design
TheNextWeb (Design & Dev)
Since its inception in 2006, the site has been dedicated to publishing articles on international technology news, design, business, culture and more. Its content includes getting started guides, code, UX design, links and news about deals and courses, design event videos, hardware, software, reviews, upcoming events, graphic design and more.
9. SpeckyBoy
Paul Andrew launched his freelancer site in October 2007. Now developed as a web design magazine site. It boasts a wealth of tutorials, resources, thrifty techniques, and even inspiring art. Topics include Web design and development, graphic design, mobile development, advertising, design styles and trends, technology news and more.
10. A List Apart
FastCo Design
This is a technology magazine site that focuses on the intersection between business and design. It covers a wide range of topics including electronics, UX, graphic design, architecture, fashion, consumer products and more. Here designers offer insights, opinions, tips, news and much more.
12. DesignShack
This design site features inspirational web design articles, resources and tutorials. They specialize in designing and cataloging some of the greatest projects on the web. They regularly publish articles that teach readers to create new technologies of their own design and share daily industry news. The site topics include websites, typography, business brands, shortcuts, and more.
13. Spoon Graphics
This is a design blog created by Chris Spooner. He shares tips, resources and inspiration to help designers at all levels of education and skill. Content includes tutorials, articles, videos, news and links to free resources. Topics focus on graphic design, graphic software, typography, templates, logos and more. There is also a members-only download area.
14. CoDrops
This design blog was created by web designers and developers Manoela Ilic and Pedro Botelho. It started as an experimental blog and has since become a community dedicated to sharing insights into web design and web development. Team members and other contributors work together to publish articles and tutorials on the latest web trends, technologies, etc. Site topics include tutorials, giveaways, CSS reference catalogs, an online experiment area, blueprints that discuss web design concepts, and a collection of design and news resources from the community. They also host a quiz show with prizes.
15. TutorialZine
This site was built by a team of web developers and designers from Varna, Bulgaria. Articles on the site include tips, tutorials, giveaways, editing, UI, UX, news, and online experiments. This article covers a wide range of code development, including HTML5, CSS3, jQuery, JavaScript, and PHP. They even have a free jQuery ebook.
16. HackingUI
It is an online magazine founded by Sagi Shrieber and David Tintner that focuses on interaction design and front-end development. It covers design, code, giveaways, inspiration, productivity, sketching, and more. They have many tutorials and articles including Photoshop, CSS, JavaScript, business, personal Life, free icon links, templates, giveaways, interesting sites, reviews and much more.
17. Web Design Weekly
It is a weekly magazine and blog website created and maintained by Jake Bresnehan. The magazine includes titles, articles, tools, resources, inspiration, work, and more. Magazines and blogs include articles on programming code (CSS, HTML, etc.) and tutorials. Most of the content is collected in e-magazines and pushed to users via email. There’s a lot of code here.
18. David Walsh
This is the blog of JavaScript and HTML5 expert David Walsh. It contains a large number of articles and tutorials, focusing primarily on front-end technologies. Site topics include code (CSS, HTML, AJAX, JavaScript, etc.), development software, resource links, site themes, design concepts, demos, mobile, browsers, etc.
19. Naldz Graphics
This is a design blog started by Ronald Bien in 2008. It features tutorials, giveaways, inspiration, resources and more from the design community. Site content includes articles, tutorials, giveaways, and WordPress themes. It has lots of links to good design examples, free ICONS, PSD templates, brochure designs, logo designs and more.
20. Design Beep
This blog covers many design and development topics. It includes articles, tutorials, tools, resources, giveaways and inspiration. Covers graphics, logos, typography, web design, Photoshop, WordPress themes and plugins, CSS, Illustrator, jQuery and more. It has lots of tips, download links, reviews, favorites, etc. There are also tips on best practices and broad themes.
21. PixelHint
Here is a Web design blog dedicated to publishing Web UI design tutorials. They also share free site templates and web resources for web designers and developers to download. They discuss the latest trends and techniques in web design, as well as best practices and techniques for creating web UI. The blog contains numerous tutorials and links to free resources to develop concepts and code tutorials. Free resources include ICONS and PSD templates.
22. PixelBuddha
GraphicBurger
This site is free from Raul Taciu of Cluj-Napoca, Romania and focuses on high quality design resources. Resources include exclusive PSD files, as well as free materials from around the world. Resources include models, UI toolkits, ICONS, text effects, backgrounds and more. The article discusses the product in detail and provides a download link.
24. Queness
This is a blog dedicated to web design and development, with lots of tutorials and code snippets. The site category includes technology, tutorials, Web design, web development, WordPress, JavaScript, mobile development, typography, and more. Articles include news, free resources, resource links, subject collections and more.
25. Inspirationfeed
Managed by Igor Ovsyannykov, the site offers information on design, business, entrepreneurship, WordPress, graphics, deals and career self-growth. Articles include tutorials, inspiration, blogs, free resources, news, themes, textures, wallpapers, SEO, social media, logos, fonts and much more. There are also links to video tutorials and free resources.
26. DesignWoop
This blog provides many articles for designers and developers. Site topics include tools, giveaways, design ideas, inspiration, interviews, WordPress, themes, plugins, method tips, tutorials, and more. The article covers a wide range of areas including tutorials, collections, and links. Links include CSS animations, WordPress themes, ICONS, typography, good web design examples, wireframing tools, and more. Tutorials on the site include Photoshop, CSS, Sketch, and more.
27. CSSReflex
Created and maintained by Bahraini based Naeem Noor, this site is aimed at web developers, designers and programmers. The site provides many tools, resources, snippets, and tips. Content includes blogs, CSS generators, CSS filter effects, CSS demos, responsive calculators and videos. It discusses many aspects such as blogs, servers, UI design, WYSIWYG generators, ICONS, architectures, templates, browser extensions for developers, resource links, and more.
28. Viget Inspire
This blog came out of a larger project that was founded in 1999 by Brian Williams, Andy Rankin and Wynne “Pop” Williams. The blog covers design and motion effects. Site topics include UX, color, accessibility, news, events, experiments, experiments, brand management, Apps, games, illustrations, tutorials, and more.
29. WinningWP
This award-winning blog, founded and run by Bryn Wilson from London, focuses on WordPress-related technologies and resources, providing useful tips to anyone interested in WordPress. The site’s content is contributed by web designers, programmers and professional creatives from around the world. Site topics include site themes, plug-ins, code hosting, SEO, security, performance, tutorials, tips, blogs, system components, design, marketing, social media, news, surrounding fun and more. Although the site was originally designed to focus on WordPress, it also includes other CMS.
30. Designrfix
The site is dedicated to providing a platform for all like-minded designers to exchange skills and share ideas. It includes inspiration, tutorials, giveaways, resources, graphic design, web design and business events. Topics include mobile platforms, content management systems, CSS, jQuery, WordPress themes, tools, resources, ICONS, links to training videos, illustrations, UI, UX, coding, Photoshop and more.
31. Creative Overflow
This is an online design magazine founded by Jacques van Heerden. The site aims to inspire artists to become better by publishing articles, advice, tutorials, resources and inspiration. Site content includes many popular topics and directories such as favorites, free resources, news, interviews, WordPress, news, giveaways, etc. Articles include information on branding, WordPress themes, business development, e-commerce, logos, marketing, and even advice on how to choose a printer for your creative business.
32. One Xtra Pixel
Noupe
This is a blog created by Commindo Media GMBH&co.kg from Germany. The content of the site is written specifically for Web developers and designers. Site topics include Web design, typography, graphics, CSS, JavaScript, Ajax, advertising, marketing, WordPress, e-commerce, freelancers, inspiration, and more. Articles include design tutorials, writing code, using graphics programs, SEO, free resources, cartoons, themes, plug-ins, tips, tricks and more.
34. InstantShift
This is a design and inspiration blog for web designers and developers. It features daily resource recommendations, including inspiration, articles, tutorials, giveaways, Web design, WordPress, Fonts, CSS, ICONS, photography, Photoshop, JavaScript, Illustrator, Graphic Design, infographics, cases, logos, news and more.
35. WPKUBE
The site was created by Devesh Sharma. It focuses on WordPress and includes study guides, tutorial methods, plugins, news, reviews, tips and tricks, plugins, themes, reviews, security, SEO, beginner’s guide, code, and more. It includes links to many resources, such as tools, code hosting and coupons. The site articles are written by WordPress professionals and have a wide range of content aimed at all levels of the industry.
36. Fresh Web Dev
This site covers web design and development with an emphasis on WordPress, Javascript, CSS, PHP, design, HTML5 and various other aspects. The site includes articles and tutorials for WordPress, Photoshop, coding, Linux server development and configuration, fonts, graphics, and more. They also provide links to deals and free resources. Content is written by professional designers and developers for their communities.
37. DesignM.ag
This is a community-based site that includes a blog, design gallery, user-submitted news and a recruitment zone. The blog includes tools, ICONS, themes, snippets, fonts, graphics and more. Tutorials include Photoshop, web design and more. Site topics also include interviews, inspiration, WordPress, designer cases, free resources, typography, UI, and more. The site covers all aspects of web design.
38. Creative Market Blog
This blog has many tutorials on web design and front-end development. It includes many articles and tips, such as font design and optimizing typography, tips for using Photoshop, a list of recommended books, a methodology for solving common design problems, using negative space, WordPress, PHP, HTML, CSS, inspiration, etc. The target audience is from junior to senior web developers and designers.
39. SitePoint
This blog is created by Mark Harbottle and Matt Mickiewicz. The site offers new ideas, concepts, and technologies, as well as articles, courses, tutorials, books, or anything related to designing and building a website. Site users discuss code (HTML, CSS, PHP, JavaScript and Ruby), mobile development, WordPress, design, UX, business operations, and anything related to web technology.
40. Web Design Ledger
This is a blog that covers web design and development and also provides a lot of resources. Site topics include web design, inspiration, UI, graphics, interviews, web development, reviews, and content management systems. Articles contain links to free resources, current events, APP tutorials, tools, fonts, ICONS, vector graphics, WordPress, Drupel, Ghost, coding, e-commerce, mobile development, wearables, typography and design information.
41. envato tuts+
This is a tutorial site with a lot of articles on how to make money and design. Site categories include Photoshop, Illustrator, Vectors, Illustrations, Tools and Tips, Inspiration, News, Design, Text Effects, CSS, HTML, UX, UI, Workflow, Design Theory and more. The article is aimed at the primary stage, the content is very extensive. There are also some classes available by subscription.
42. HappyCog ‘s Cognition Blog
This blog was created by Happy Cog founder Jeffrey Zeldman and focuses on design, experience and code. Site topics include process, design, front-end development, team, project management, community, career, strategy, company and customer relations. Articles include case studies, tutorials, method tips, business operations and customer relations, typography, coding, Photoshop and more. Most articles are carefully written and detailed theoretical research results.
43. WebAppers
This is a blog for Web developers and designers to share open source resources. For designers, the site has free ICONS, fonts, tables, stock photos, brushes and design inspiration. For developers, there are many JavaScript and Ajax components, such as plug-ins, menus, tooltips, charts, rotation charts, calendars, modal Windows, etc. It also covers code hosting, e-commerce, social media, tools, security, statistics and much more. The site’s articles are detailed and cutting edge.
44. Web Field Manual
This blog provides a list of resources for UX and UI design. The site is curated and maintained by web designers and contains a wealth of web design articles and resources. Theme design includes people trends, inspirations, regular and irregular style guides, work processes, workflows, toolkits, good and bad grids and typography, best and worst ways to animate, best and worst ways to adhere to design guidelines, and best and worst standards for accessibility. Each category has a detailed list of resources. Site topics include coding 101, best practices, inspiration, references, trends, performance, CSS/SASS, SVG, JavaScript, workflow, toolkits, and various libraries.
45. UXPin Blog
UXPin is a product design platform for web designers. Their blog focuses on all aspects of the user experience across all platforms. It contains a lot of information about USER experience design, mobile, design trends, best practices, design tips, interaction design, UI design, Web design, Elements and patterns, processes, UXPin, Wireframing, graphic design, teamwork, usability, prototyping, sketching, prototyping, Photoshop and much more. The articles on this site are very useful and detailed.
46. Good UI
This is a website and blog dedicated to making the best website layout in order to improve the user interface. The site introduces best practices, layouts, and how to combine features for a cleaner design. Strongly recommended using social way, to anywhere where you can respond to the call for action, how to make the clickable and can choose different style sheets, to recommend an option to help users decision-making, also provides allows the user to cancel the wrong decision, to specific who is clearly the best audience, to show stronger contrast, using fewer fields, Display all options properly and so on. The information on the site is short, simple, and easy to understand.
47. Spyre Studios
This is an e-zine containing many articles and tutorials on web design and development. Site catalog includes design, Presentation, Unusual Inspiration, Tutorials, CSS, Resources, Tools, UX, Mobile, Free Resources, Usability, Business, Typography, Illustrator, Photoshop, Minimalism, Tools and more. There are also many free download elements, ICONS, fonts, PSD templates, etc. The article is of a suitable size to read, contains and lots of step-by-step details.
48. Skyje
Founded in 2008, this blog is a website for web designers and web developers. Topics include social networking, news, and everything Web 2.0 related. Site topics include design, WordPress, social media, SEO, logos, inspiration, tutorials, free resources, fonts, ICONS, Photoshop, templates and more. The tutorial mainly covers graphics with an emphasis on Photoshop. It also includes plug-ins, code (JavaScript and CSS), and Illustrator.
49. MonsterPost
This is the design blog of Template Monster, one of the world’s best web Template sites. Site topics include news, articles, tools, giveaways, inspiration, infographics, WordPress and Joomla. The tutorials include articles and videos, with a focus on WordPress, typography, CSS, HTML, jQuery, Photoshop, Illustrator, Web technology, Web development methodology, and designing website and UI elements.
50. UX Matters
This online magazine was founded in 2005 by Pabini Gabriel-Petit to provide vision and inspiration for UX developers. It offers many valuable suggestions, best practices, thematic perspectives, and deep thinking articles 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 more.
51. Usability Geek
The blog was started in 2011 by Justin Mifsud as an interest sharing site to promote the importance of web usability. Justin wants to raise awareness among web designers and developers about usability design for commercial and political websites. Site topics include usability, guidance, testing, User experience (UX), business operations, transformation, Human Computer Interaction (HCI), terminology, reviews, resources and Information Architecture (IA).
52. Boxes and Arrows
This is a peer-written magazine that started in 2001, discussing all things design. Site topics include interaction design, information architecture, graphic design, and even business service design. The site directory includes design principles, discovery, research and testing, processes and methods, interfaces, deliverables and documentation, book reviews, conferences and events, software and tools, and workplaces and careers.
53. Web Design Dev
This site focuses on web design and includes everything. Site topics include giveaways, website templates, WordPress themes, Photoshop, Dreamweaver tutorials, Illustrator, reviews, inspiration, Website development, CSS, HTML, collections, programming, online moonlighting, interviews and SEO. The site covers everything from mobile interface design to e-commerce site development.
54. Impressive Webs
This is the personal blog of Louis Lazaris, a freelance web developer, managing editor of HTML/CSS content for magazine site SitePoint, and author of two books on HTML/CSS. Blog posts are mostly about HTML, CSS, and JavaScript. Louis discusses related concepts, principles and bugs on his blog. Blog also includes many articles, tutorials, CSS basics, screen videos, news, reviews and much more. This blog site emphasizes the combination of code and design.
55. Design Bombs
Originally started as a web design showcase gallery, it has now become a platform to share web design ideas, articles, tutorials and resources to help web designers advance their craft. Site content includes WordPress themes and plugins, a review of site design, giveaways, exclusive offers and more. Web designers can find many high quality resources here.
That said, there is more to learning. Have a nice day!