In the world of web development, those who become experts usually do so by learning from their predecessors. Reading and following the right web development blogs makes it much easier to get a solid education. That’s why in this post, we’ve compiled a list of the top web development blogs that will help you find your footing and acquire essential skills in modern web dev.
Where to Learn Web Development
Whether your new to the world of web development or have been in the industry for years, there’s always new things to learn. New technologies, libraries, and techniques are continuously emerging and if you want to stay on top of all these changes you will need to immerse yourself in communities, groups, and conferences all revolving around web development.
Another great way to stay on top of new information or even get an entry-level understanding of how web development works is to follow well-known blogs in the space. That’s why we’ve compiled an exhaustive list of web development blogs and newsletters to make this process easier.
Best Web Development Blogs
Although these blogs aren’t in any specific order, we’ve tried to indicate which topics each one focuses on. Pick your favorites based on the brief descriptions below, or take a look through them all.
- Where to Learn Web Development
- Best Web Development Blogs
- 1. Codrops
- 2. HTML5 Doctor
- 3. CSS-Tricks
- 4. CSS Weekly
- 5. A List Apart
- 6. Superhero.js
- 7. Tutorialzine
- 8. WDRL
- 9. CodePen Blog
- 10. CSS Author
- 11. Creative Bloq
- 12. Design Shack
- 13. Five a Day
- 14. CSSWizardy
- 15. Frontend Focus
- 16. Smashing Magazine
- 17. Github Blog
- 18. Coding Horror
- 19. DZone
- 20. Pttrns
- 21. UX Myths
- 22. UXPin
- 23. Toptal Blog
- 24. CodeCondo
- 25. Webdesigner News
- 26. Six Revisions
- 27. Speckyboy Design Magazine
- 28. Oneextrapixel
- 29. Scotch.io
- 30. Twitter Engineering Blog
- 31. Tuts+
- 32. Web Design Weekly
- 33. Sidebar
- 35. Responsive Design Weekly
- 36. Sitepoint
- 37. Pixelhint
- 38. jQuery Blog
- 39. React Blog
- 40. JSter
- 41. David Walsh Blog
- 42. Echo JS
- 43. Position Absolute
- 44. Cats Who Code
- 45. Ariya
- 46. Igvita
- List of Web Development Blogs – Summary
2. HTML5 Doctor
HTML5 Doctor covers many of the features and topics that you might have missed when moving from HTML to HTML5. It also has a helpful element index that’s worth investigating in and of itself.
4. CSS Weekly
CSS Weekly is an aggregator that collects a ton of useful resources from around the web. Its archives are packed with ideas for making the most of CSS and HTML, but they also touch on other style frameworks, like SCSS, Sass and Less. You can subscribe to receive weekly email lists of the latest and greatest or submit your own links to give back to the community.
5. A List Apart
A List Apart focuses on UX and branding from business and design-oriented perspectives. Its blog articles will definitely come in handy as your projects scale, but they’re also great reading for those who simply want to understand the philosophies behind specific dev practices in the front end or server side.
WDRL is another great web development reading list that you can either sign up to and receive newsletters or read the archived posts. Topics include web design, security, web-based tools and workflows and more.
9. CodePen Blog
The CodePen Blog is focused on CodePen features, but since this is such an indispensable tool to so many web developers, it’s a great place to get inspired. If you frequently rely on Pens to test ideas, this blog is a must-read for its highlights of new functionalities.
10. CSS Author
CSS Author is a great place to pick up new tricks and daily inspirations. In addition to general CSS articles and technique roundups, it includes a number of PSD design tools and other freebies.
11. Creative Bloq
Creative Bloq may tout itself as an art and design blog, but it’s just as detailed as any other web developer blog. It’s awesome for discovering how grid systems, CSS animation, Big Data, etc all play roles in real-world web design. Be sure to check it out if your dev process needs a creative kick in the pants.
12. Design Shack
Design Shack is a good place to learn about design culture and practice in one go. When you’re not finding templates and time-saving Photoshop Actions, you’ll discover great font resources, typography trends and website builder tutorials.
13. Five a Day
Five a Day’s aggregator addresses an extremely broad field of topics that some other web development blogs overlook or fail to cover in depth. Subjects like version control, crowdfunding, database selection and code editor choices are essential to efficient modern workflows, and this is a good place to start learning about them.
CSSWizardy is a good place to learn about scalable CSS practices and robust coding in general. It also addresses potentially complex project-oversight problems, like refactoring and typographical style management.
15. Frontend Focus
Frontend Focus’s issues are available from their site or as subscription emails. These roundups are curated by a range of contributors, so they cover diverse DOM-oriented topics.
Smashing Magazine is an established resource for those who want to master the front end. You can search past issues and current blogs to learn about design, coding, graphics, UX, mobile development and CMS frameworks.
17. Github Blog
The Github Blog is useful even if you don’t use GitHub for version control. There’s a good chance that some aspect of your code comes from a GitHub repo, and the platform’s connection with devs of all stripes means its articles pretty much cover the gamut of useful tips and tricks.
18. Coding Horror
Coding Horror, written by a co-founder of Stack Overflow and Discourse, speaks to the reality that you need to learn from mistakes as well as successes. Although it strays into territory that isn’t strictly web-dev-oriented, it does so in a way that’s bound to make you a better coder and simultaneously inject some humor into your routine.
DZone is widely known for its massive range of topics. Whether you want a primer on machine learning, benchmarking, functional programming, developing for the cloud or agile practices, there are articles from reputable contributors that can help you get learning.
Pttrns is a good resource for when you grow tired of reading and just want to get to the implementation stage. It features live examples of design patterns that make it easy to see how concepts work on different platforms. The blog’s unique design is no less inspiring than its content.
21. UX Myths
The UX Myths blog is perfect for making sure you don’t fall into common web development traps. Although it’s a short read overall, it covers a number of vital principles for creating apps and sites.
UXPin’s blog concentrates on usability testing, interaction design, documentation and other often forgotten topics. These articles will come in handy when you’re trying to refine your products for demanding clients.
23. Toptal Blog
Toptal is a marketplace to hire freelance developers so its no wonder they also have a dedicated engineering blog. This blog provides in-depth development tutorials on a wide array of topics.
CodeCondo shares useful news, tutorials, tips, resources, and tools that are primarily focussed towards web design and development. Their goal is to simplify web development by providing comprehensive and high-quality posts.
25. Webdesigner News
26. Six Revisions
Six Revisions features lots of current news from the dev world, but that doesn’t make it any less technically useful than other web development blogs. It includes tutorials, links to data-visualization tools, design resources and articles that cite real-world business experiments. Use it to find inspiration, learn how to pitch projects or simply keep up with new technologies.
Oneextrapixel is a Singapore-based resource for devs and designers alike. It sources its own articles that are written by web dev professionals with the credentials to prove their expertise, and it publishes tutorials, galleries and free resource collections.
Scotch.io is written by coders, so it naturally includes a lot of great articles about specific APIs, app workflows, industry conference news and frameworks. It also features a Bar Talk category filled with career rants that let you commiserate in a digital space and discover solutions to problems you didn’t know were commonplace.
The Twitter Engineering Blog is mostly Twitter news, but it contains a lot of good lessons about effective practices. It’s a smart resource to visit when you want to take your dev game to the next level.
Tuts+ has thousands of free tutorials on coding, design, 3-D and motion graphics, photography and business. It also contains a lot of good articles about WordPress, development on Unix-like systems and back-end languages like Python. Tuts+ tutorials are well-known among self-taught coders.
Sidebar curates five daily design links that include essays, data visualizations, case studies and code resources. These range from implementable tools to mere curiosities, but they’re voluminous enough that you’ll generally find something useful.
Responsive Design Weekly is geared towards those trying to build web apps and sites that actually cater to modern mobile users. The blog curates content from around the web, but it also hosts periodic interviews with top designers, consultants and developers.
Sitepoint’s straightforward tutorial layout makes it among the most-trafficked web development blogs on the internet. In addition to videos and written content on different aspects of development and design, it includes a pretty handy forum and premium offerings, such as courses and books.
Pixelhint features tutorials, templates and other resources that aid web UI creation. The content here is all free, and there are a number of great code snippets that can help with bootstrapping a project.
38. jQuery Blog
The official jQuery blog may not be a frequent read, but it’s the definitive source of news about one of the web’s most popular front-end tools.
39. React Blog
Facebook’s React blog is important source material for anyone who creates apps with the framework.
41. David Walsh Blog
David Walsh Blog posts articles about all kinds of front and back-end tech. While it’s not the most exhaustive resource out there, the issues it does address are covered competently, and its tales of professional life are sure to resonate with freelancers.
42. Echo JS
44. Cats Who Code
Igvita is the blog of Google’s web performance engineer, Ilya Grigorik. Articles heavily focus on tips and techniques regarding web performance, security, etc. Although articles aren’t published on a frequent basis, each one is very well detailed and easy to understand.
List of Web Development Blogs – Summary
Now that you know more about some of the most useful modern web development blogs, you can begin adding a few to your favorites list and checking up on them occasionally to read their latest posts. If you’re a beginner and are not sure which web development technology you should start learning, the following chart is the result of the StackOverflow developer survey displaying the most popular web dev technologies in 2018.Source: Stackoverflow
Staying up to date with the latest technologies, tools, and techniques will help you advance as a web developer much more quickly. Let us know in the comments section if you think we missed an important web development blog that should be listed.
- 100+ Awesome Web Development Tools and Resources
- 60 Web Performance Experts to Follow Online
- 15+ Experts Share Their Web Performance Advice for 2018