{"id":329,"date":"2021-07-15T09:23:56","date_gmt":"2021-07-15T09:23:56","guid":{"rendered":"http:\/\/suimy.me\/?p=329"},"modified":"2024-05-01T17:04:47","modified_gmt":"2024-05-01T17:04:47","slug":"best-web-development-blogs-to-follow-right-now-2022","status":"publish","type":"post","link":"http:\/\/suimy.me\/index.php\/2021\/07\/15\/best-web-development-blogs-to-follow-right-now-2022\/","title":{"rendered":"Best Web Development Blogs To Follow Right Now [2022]"},"content":{"rendered":"\n
\n
\n

With this list of\u00a010 best web development blogs<\/strong>, with a treat of best YouTube channels and podcasts, you\u2019ll be able to stay up to date with the latest web standards on all fronts \u2014 front end, back end, as well as UX\/UI design, and every other branch pertaining to the web development services.<\/p>\n

Your experience doesn\u2019t matter; if you\u2019re a code newbie looking for new skills or you\u2019re a veteran in the coding world looking for latest news, new standards or solutions to unconventional problems, this list is still for you. And even if you\u2019re neither, and you simply want to discover all the things web development is about, stay on this page and read on!<\/p>\n

<\/span>Top 9 blogs for web developers.<\/strong><\/h2>\n

<\/span>1. A List Apart<\/h3>\n<\/section><\/div>\n
\n
\n \"list<\/section>\n<\/p><\/div>\n
\n
\n

Main Topics:\u00a0<\/strong>Code, Content, Design, Industry & Business, Process, User Experience<\/p>\n

Audience:\u00a0<\/strong>Front end Developers, Project Managers, UX\/UI Designers, Graphic Designers, Content Creators<\/p>\n

A List Apart<\/a><\/strong>\u00a0is a webzine that\u2019s been active for 23 years now, with a focus on\u00a0web design and development, web content and its meaning, best practices and standards of modern web.<\/strong>\u00a0Most of the content consists of\u00a0opinion articles<\/strong>, ranging from future trends to environmental impact of IT and career advice. That\u2019s why this site is wonderful for people who are not involved directly with web development \u2014 they can prepare themselves for better teamwork, understand common practices and be able to spot frauds during recruitment.<\/p>\n

The articles are of the highest quality. They do invite writers to submit their pieces, but they\u2019re all diligently checked over, reviewed, and edited. It\u2019s not easy to submit a guest post, but they promise that\u00a0it\u2019s very rewarding<\/a>. So you can expect to find articles from other IT professionals, keen on sharing their coding expertise.<\/p>\n

A List Apart doesn\u2019t stop at blogging. They also organise\u00a0An Event Apart<\/strong><\/a>, a conference in San Francisco (which you can also join online) that\u2019s known for being informative, educational, as well as inspirational. For some, it\u2019s an event you can\u2019t miss, especially since the invited speakers are well\u2013known industry leaders.<\/p>\n

And if you\u2019re looking for knowledge condensed in one place, check out their book:\u00a0A Book Apart<\/strong><\/a>, for those who design, write, and code.\u00a0<\/strong><\/p>\n

<\/span>2. Codrops<\/h3>\n<\/section><\/div>\n
\n
\n \"Codrops<\/section>\n<\/p><\/div>\n
\n
\n

Main Topics:\u00a0<\/strong>Tutorials, Resources,\u00a0<\/strong>Code, Design, User Experience<\/p>\n

Audience:\u00a0<\/strong>Front end Developers, UX\/UI Designers<\/p>\n

Codrops<\/a><\/strong>\u00a0is a fantastic source for front end developers,\u00a0<\/strong>full of inspiration, useful tutorials, free resources that we all love, and articles with practical advice.<\/p>\n

Their\u00a0tutorials<\/strong>\u00a0are long and comprehensive, and easy to follow through. They have plenty of embedded images, experimental videos, and lines of code shown in action. So if you want to learn fancy tricks, from creating\u00a0infinite circular galleries to kinetic typography and glitch effects<\/strong>, this is your go\u2013to site. Just like when you need inspiration: Codrops regularly posts\u00a0Inspirational Websites Roundup, UI Interactions & Animations Roundup,\u00a0<\/strong>and many others to spark your creativity.<\/p>\n

If you\u2019re not experienced enough to jump straight into tutorials and want to start with the CSS basics, there\u2019s a\u00a0CSS Reference\u00a0<\/strong>library with the most important properties and information for you. All for free!<\/p>\n

And if you want to know what\u2019s happening in the tech world, check out their\u00a0Collective<\/strong>, bundles of posts highlighting the latest news and resources.<\/p>\n

For non\u2013coding people, it\u2019s a good site to see what can be done, and what the possibilities are.<\/p>\n

<\/span>3.\u00a0CSS Author\u00a0<\/strong><\/h3>\n<\/section><\/div>\n
\n
\n \"css<\/section>\n<\/p><\/div>\n
\n
\n

Main Topics:<\/strong>\u00a0Resources, Design, Content, User Experience<\/p>\n

Audience:\u00a0<\/strong>Front end Developers, UX\/UI Designers, Graphic Designers, Content Creators<\/p>\n

CSS Author<\/strong><\/a>\u00a0<\/strong>is a front end coding blog\u00a0<\/strong>that\u2019s a\u00a0goldmine of resources for web developers and web designers\u00a0<\/strong>alike, with occasional publications useful for graphic designers and content writers as well. It has a staggering amount of \u201cfreebies\u201d: you can find mockups, icons, and templates for WordPress and CMS, such as Magento or Drupal, etc. They\u2019re all\u00a0available for personal and commercial use.<\/strong><\/p>\n

This site acts\u00a0<\/strong>as a good place to find free libraries, plugins, bootstraps, and tools for developers working with\u00a0HTML, CSS, Java Script, jQuery, PHP.<\/strong><\/p>\n

<\/span>4.\u00a0CSS\u2013Tricks\u00a0<\/strong><\/h3>\n<\/section><\/div>\n
\n
\n \"css-tricks\"<\/section>\n<\/p><\/div>\n
\n
\n

Main Topics:<\/strong>\u00a0Tutorials, Resources, Code, User Experience<\/p>\n

Audience:\u00a0<\/strong>Front end Developers, UX\/UI Designers<\/p>\n

CSS\u2013Tricks<\/strong><\/a>\u00a0is a site you can count on to be constantly posting, sometimes even several times a day. They focus on\u00a0CSS, HTML, and Java Script<\/strong>\u00a0in the form of\u00a0tutorials, guides, tricks, and articles<\/strong>. They range from animation, typography, accessibility, web performance, serverless, and many more. And if you\u2019d rather watch a video than read \u2014 there\u2019s more than\u00a0200 video posts\u00a0<\/strong>to choose from.<\/p>\n

When it comes to resources, there\u2019s an Almanac with\u00a0CSS Selectors<\/strong>\u00a0and\u00a0CSS Properties<\/strong>\u00a0with lots of examples and demos. If you\u2019d like some concrete knowledge in one place, the author of the site,\u00a0Chris Coyier,\u00a0<\/strong>has\u00a0two books<\/a>\u00a0that are available to MVP Supporters.<\/p>\n

<\/span>5.\u00a0David Walsh<\/strong><\/h3>\n
<\/div>\n<\/section><\/div>\n
\n
\n \"david-welsch\"<\/section>\n<\/p><\/div>\n
\n
\n

Main Topics:<\/strong>\u00a0Tips and Guides, Code, Mobile Development, User Experience<\/p>\n

Audience:\u00a0<\/strong>Full\u2013Stack Developers, UX\/UI Designers, Content Creators<\/p>\n

David Walsh<\/strong><\/a>\u00a0<\/strong>is a personal blog, run by a professional senior full stack engineer<\/p>\n

working for MetaMask, who also used to work for Mozilla for eight years. So you can be sure that the guy knows what he\u2019s talking about.<\/p>\n

Besides tips and guides mostly on\u00a0JavaScript (React<\/a>, Node.js, jQuery), HTML5, CSS3<\/strong>, you can also find sneak peeks into a\u00a0life in a web development industry,\u00a0<\/strong>some\u00a0career advice<\/strong>, and even\u00a0interviews\u00a0<\/strong>with other experienced developers. He\u2019s a firm believer that practice triumphs over theory, and that experiments are a worthy pursuit. This approach has resulted in almost 83,000 followers on Twitter.<\/p>\n

If you want to discover what a successful web developer needs to make an impact, following David\u2019s blog is a good choice. Especially since new articles\u00a0<\/strong>just keep on coming, even though the blog has been up for more than a decade.<\/p>\n

There\u2019s also some advice on\u00a0technical SEO<\/strong>, so Content Creators should definitely take a closer look.<\/p>\n

6.\u00a0Dev.to<\/strong><\/h3>\n<\/section><\/div>\n
\n
\n \"dev-io\"<\/section>\n<\/p><\/div>\n
\n
\n

Main Topics:<\/strong>\u00a0Tutorials, Code, Graphic Design, Content, User Experience, Industry & Business, Career Advice<\/p>\n

Audience:<\/strong>\u00a0<\/strong>Full\u2013Stack Developers, UX\/UI Designers, Graphic Designers, Content Creators, Project Managers<\/p>\n

Dev.to<\/strong><\/a>\u00a0isn\u2019t really a blog and more of a community of software developers, but we couldn\u2019t not mention it.<\/p>\n

On the contrary to all the previous blogs, anyone can contribute to dev.to. All the posts published on the feed are tagged for easier navigation, and it\u2019s easy to notice the popularity of\u00a0Java Script, React.Js, Python, CSS<\/strong>,\u00a0HTML, Node.js, PHP, Vue.js,\u00a0<\/strong>and\u00a0Ruby.<\/strong>\u00a0There\u2019s also a lot of content for beginners, as well as posts centered around career, testing, machine learning, and security, among others.<\/p>\n

If you like\u00a0podcasts<\/strong>, dev.to has hundreds of them, along with\u00a0videos<\/strong>\u00a0in the form of practical tutorials, guides, tips, and useful tricks. You can also find full blog posts that are often cross shared in places like\u00a0Medium<\/a>\u00a0or\u00a0Hacker Noon<\/a>. And if you have trouble understanding a concept, you can ask the community to explain it to you \u201clike you\u2019re five years old\u201d. It works wonders and is great even for non\u2013tech people.<\/p>\n

<\/span>7.\u00a0Joel on Software<\/strong><\/h3>\n<\/section><\/div>\n
\n
\n \"joel-on-software\"<\/section>\n<\/p><\/div>\n
\n
\n

Main Topics:<\/strong>\u00a0Software Development, Project Management, Industry & Business, Career Advice<\/p>\n

Audience:<\/strong>\u00a0<\/strong>Software developers,\u00a0<\/strong>Tech Leads, Project Managers, Recruiters, CEOs, Startup Founders<\/p>\n

Joel on Software<\/strong><\/a>\u00a0<\/strong>is another personal blog of an accomplished software engineer,\u00a0Joel Spolsky<\/strong>, a creator of the project management software\u00a0Trello<\/strong><\/a>\u00a0and a\u00a0Stack Exchange<\/strong><\/a>\u00a0network. He shares his perspective not only on software development itself, but also on business, project management, recruitment, and getting started in the tech field, served with practical advice on career.<\/p>\n

When it comes to the blog, which has been online for over a decade, it has\u00a0more than 1000 useful articles.<\/strong>\u00a0Anyone can find valuable content\u00a0<\/strong>for themselves, from developers and tech leads to project managers, CEOs, and recruiters. Part of that knowledge has been captured into\u00a0five books<\/strong><\/a>,\u00a0<\/strong>available on Amazon.<\/p>\n

<\/span>8.\u00a0SitePoint<\/strong><\/h3>\n
<\/div>\n<\/section><\/div>\n
\n
\n \"sitepoint\"<\/section>\n<\/p><\/div>\n
\n
\n

Main Topics:<\/strong>\u00a0Code, Web Application Development, Graphic Design, User Experience, Industry<\/p>\n

Audience:<\/strong>\u00a0<\/strong>Full\u2013Stack\u00a0<\/strong>Developers, UI\/UX Designers, Entrepreneurs<\/p>\n

SitePoint<\/strong><\/a>\u00a0<\/strong>is bursting with books, online courses, and tech talks on topics of\u00a0Java Script, HTML, CSS, PHP, Python, WordPress, Design & UX, App Development.<\/strong>\u00a0The library is curated by the experts in web design and web development, so you can trust their input.<\/p>\n

This web development blog focuses on a much wider range of subjects. You can learn more about the next wave of web technologies, such as\u00a0Deno, Eleventy, Gatsby, Rust, WebAssembly,<\/strong>\u00a0and many others. Reading the blog also ensures that you\u2019re staying up to date\u00a0<\/strong>with the future of the web and the state of the technology industry.<\/p>\n

Not only web developers will benefit from paying attention to this blog, but designers as well. If you want to master\u00a0Adobe XD, Figma\u00a0<\/strong>or\u00a0Sketch<\/strong>, along with any other similar programs, check out their materials. And even those that only want to polish their skills with\u00a0Notion, Airtable, Obsidian,<\/strong>\u00a0and other productivity tools, should also take a look.<\/p>\n

It\u2019s also a good place for people looking for a web development job or who want to advance their already prospering career. You can find articles full of advice for juniors and seniors alike, along with current\u00a0job listings<\/a>\u00a0for remote positions.<\/p>\n

And lastly, if you have questions that are still left unanswered after perusing the blog\u2019s content, you can easily ask the\u00a0community<\/a>.<\/p>\n

<\/span>9.\u00a0Smashing Magazine<\/strong><\/h3>\n<\/section><\/div>\n
\n
\n \"smashing-magazine\"<\/section>\n<\/p><\/div>\n
\n
\n

Main Topics:<\/strong>\u00a0Code, Mobile App Development, User Experience, Graphic Design<\/p>\n

Audience:<\/strong>\u00a0<\/strong>Full\u2013Stack Developers, Mobile Developers, UX\/UI Designers, Graphic Designers<\/p>\n

Smashing Magazine\u00a0<\/strong><\/a>is an online magazine of the highest quality, geared towards\u00a0professional web designers and developers,<\/strong>\u00a0offering them practical and useful content to improve their skills.<\/p>\n

Their goal is to support the virtual community of the coding world with news on the latest web technologies, from app development, responsive web design to accessibility and usability, among many others.<\/p>\n

New articles\u00a0<\/strong>are published several times a week on a wide variety of topics, to keep front end developers, designers, animators, and illustrators more than satisfied. And of course, you can find articles to keep up with the latest trends and opinion articles as food for thought, along with productivity tips<\/p>\n

Besides the articles, you can also jump right into\u00a0guides, books,\u00a0<\/strong>and\u00a0online workshops<\/strong>. Not all of them are for free \u2014 to access them, you need to buy a membership. There are three levels: for $3, $5 and $9 a month or $30, $50 and $90 a year.<\/p>\n

Don\u2019t forget to check out this site\u2019s podcasts.\u00a0\u201cThe Smashing Podcast\u201d<\/strong><\/a>\u00a0runs around 1 hour each, so be prepared to gain a lot of new insight.<\/p>\n

Smashing Magazine also takes care to post current job openings and present\u2013day conferences.<\/p>\n

<\/span>Searching For Knowledge Beyond Blogs<\/strong><\/h2>\n

Nowadays, blogging sites are not the only source of knowledge that\u2019s worthy of our notice. Several times we\u2019ve mentioned\u00a0videos and podcasts<\/strong>, that\u2019s why it would have been remiss of us not to list our favourites.<\/p>\n

<\/span>Youtube Channels<\/strong><\/h3>\n

<\/span>freeCodeCamp<\/strong><\/h4>\n

FreeCodeCamp<\/strong><\/a>\u00a0is a non\u2013profit organization, supported by donors, with a mission to help people become developers for free. Besides a youtube channel, they run their own site with even more resources, and they also organize study group sessions around the world. They even offer certifications to give you an easier start in the industry.<\/p>\n

FreeCodeCamp is perfect for self\u2013learners. You can find there long and comprehensive courses for beginners on\u00a0Python, SQL, Java Script, C++, C, Penetration Testing, HTML, Data Structure, React, HTML5, CSS3, Django, PHP, APIs, Laravel<\/strong>, and many more. Some of them even last for 15 hours.<\/p>\n

<\/span>TraversyMedia<\/strong><\/h4>\n

Traversy Media<\/strong><\/a>\u00a0is perfect for people who already know some basics and wish to learn something new in a quick manner without delving too deeply into each concept. Offered courses last from 20 minutes to 2 hours, with the more comprehensive ones available on Udemy.\u00a0HTML, CSS, JavaScript, React, Async.js, Laravel, Rust, Ruby, Ruby on Rails,\u00a0<\/strong>and many more \u2014 they\u2019re all waiting to be learned and mastered while building projects from scratch.<\/p>\n

<\/span>The Net Ninja<\/strong><\/h4>\n

If you prefer your courses divided into small, digestible parts, look up\u00a0<\/strong>The Net Ninja<\/strong><\/a>. It\u2019s perfect for beginners who want to learn bits and pieces on the run or in between other tasks. The overall tone is light and fun, due to the enthusiastic nature of the host, who is also very thorough and methodical in his approach.<\/p>\n

You can choose what to learn next from over 1000 tutorials, that delve into\u00a0Java Script<\/strong>,\u00a0Firebase, Flutter, HTML & CSS, Laravel, MongoDB, Node.js, PHP, React, Vue.js,\u00a0<\/strong>and many more. You can find both beginner and advanced material, so better keep a close eye on this channel.<\/p>\n

<\/span>Fireship<\/strong><\/h4>\n

If you\u2019re even more pressed for time, look up\u00a0Fireship<\/strong><\/a>, a channel created by Jeff Delaney on the topic of building web applications\u00a0<\/strong>of highest quality fast. His longest series is called \u201c100 Seconds of Code\u201d, which is straight to the point while being very informative. It\u2019s perfect for those who want to grasp various concepts quickly before delving into them, or for those who simply want a reminder.<\/p>\n

Besides that, you can find out more about development tools, pro tips, productivity tips, 15\u201325 minutes beginner guides, both for front end and back end, from Java Script to API and cloud infrastructure.<\/p>\n

<\/span>Coding Tech<\/strong><\/h4>\n

If you\u2019d like to take a step back from tutorials and to find out what\u2019s happening during tech conferences without attending any, go to\u00a0Coding Tech<\/strong><\/a>. They partner with many different conferences around the world and have their explicit permission to publish videos on youtube. Among their partners are\u00a0ConFoo, JavaScriptLA, Pixels Camp, PyData, React Amsterdam, You Gotta Love Frontend<\/strong>, and many others. So if you want to stay on top of trends in the tech world, gain some valuable career tips while developing your hard and soft skills, subscribe without further delay.<\/p>\n

<\/span>Podcasts<\/strong><\/h3>\n

<\/span>JavaScript Talks \/ Conferences as Podcasts<\/strong><\/h4>\n

JavaScript Talks<\/strong><\/a>\u00a0was created with accessibility in mind. To bring conferences to those, who cannot attend them themselves, who can\u2019t watch the videos due to visual impairment, or who simply don\u2019t have the time to sit down and press play. It\u2019s also a solution to those who lack a proper internet connection for one reason or another.<\/p>\n

Thanks to this initiative, many people around the world can get access to Java Script conference talks, discover what\u2019s new and, of course, to learn.<\/p>\n

<\/span>JS Party: JavaScript, CSS, Web Development<\/strong><\/h4>\n

JS Party<\/strong><\/a>\u00a0<\/strong>is a weekly podcast with a heavy focus on\u00a0Java Script,<\/strong>\u00a0but including as well\u00a0Go, Ruby, Python, Node.js<\/strong>, and others. Besides talking about all things code, they also have episodes on developer\u2019s culture, startups, sustainability, web development tools,\u00a0<\/strong>and many others.<\/p>\n

This podcast is well known for being informative (each episode lasts for an hour), yet at the same time, entertaining. With lots of banter involved.<\/p>\n

<\/span>React Talks<\/strong><\/h4>\n

Interested in React? Then\u00a0<\/strong>React Talks<\/strong><\/a>\u00a0are perfect for you, with over 100 episodes, 1 hour long each. Every episode has a new guest invited to share their experience and expertise with React, from starting their career to leading some exciting projects to analyzing the newest and upcoming trends. If you like hearing stories concerning the web development world, listen to this one.<\/p>\n

<\/span>Syntax \u2014 Tasty Web Development Treats<\/strong><\/h4>\n

Syntax<\/strong><\/a>\u00a0is a podcast created by Full\u2013Stack Developers Wes Bos and Scott Tolinski. It\u2019s updated several times a month and each episode tends to last anywhere from 20 to 60 minutes. It\u2019s well known for being fun, knowledgeable, and suited for both beginners and more experienced developers, improving their soft and hard skills.<\/p>\n

Besides talking about their own experience as developers and dishing out career and portfolio tips, they explain Java Script and its frameworks, additionally venturing into HTML, CSS, Deno, development tools, freelancing, and many more.<\/p>\n

<\/span>Web Rush<\/strong><\/h4>\n

Web Rush<\/strong><\/a>\u00a0is another weekly JavaScript\u2013centric podcast, run by John Papa, Ward Bell, Craig Shoemaker, and Dan Wahlin. They invite guests to share their stories of web development, challenges they\u2019ve faced and the solutions they came up with. It\u2019s full of practical advice and hands\u2013on approach, making people excited to experiment on their own.<\/p>\n

So if you\u2019re curious about Google Maps behind the scenes, developing apps and themes for Shopify, or how to get started as a developer, check out this podcast.<\/p>\n

<\/span>Key Takeaways<\/strong><\/h2>\n<\/section><\/div>\n
\n
\n \"Comparison-of-Blogs-Youtube-Channels-and-Podcasts-Table-1203x1536\"<\/section>\n<\/p><\/div>\n
\n
\n

Following a web development blog \u2014 still a necessity<\/strong><\/h2>\n

Minimal commitment in website design won\u2019t cut it.<\/strong>\u00a0You need to stay up to date, which may seem like a challenge in the field that just keeps growing and changing. And if you\u2019re not a web developer, but a graphic designer or a content creator, or an owner of your own website, it\u2019s good to be aware of what\u2019s happening on that front. This way you\u2019ll create better content, by knowing what\u2019s possible, what are the restrictions of web design, and what doesn\u2019t work well in the long run.<\/p>\n

And if you\u2019re at the point of your coding journey where you can call yourself a professional, consider\u00a0setting up your own web development blog\u00a0<\/strong>or at least contributing to one. It\u2019s a great way of giving back to the community and helping out those who are just starting. If you\u2019re worried about creating competition for yourself, don\u2019t \u2014 keep in mind the ongoing shortage of IT professionals that threatens the entire field and contribute to a better world instead.<\/p>\n<\/section><\/div>\n","protected":false},"excerpt":{"rendered":"

With this list of\u00a010 best web development blogs, with a treat of best YouTube channels and podcasts, you\u2019ll be able […]<\/p>\n","protected":false},"author":1,"featured_media":331,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[14],"tags":[],"_links":{"self":[{"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/posts\/329"}],"collection":[{"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/comments?post=329"}],"version-history":[{"count":3,"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/posts\/329\/revisions"}],"predecessor-version":[{"id":353,"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/posts\/329\/revisions\/353"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/media\/331"}],"wp:attachment":[{"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/media?parent=329"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/categories?post=329"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/tags?post=329"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}