Front End Web Development Feeds and Newsletters
Tags: rss, newsletters, html, css
Published: 2021-07-16 14:18:30

---
canonical_url: https://alistairshepherd.uk/writing/frontend-feeds-newsletters/
---

The world of Web Development is exciting and moves fast - particularly front end development in the past few years.

Although all of this innovation is great, it can sometimes be pretty difficult to keep up with. One of the ways I keep on top of the latest changes, trends and new technologies is by following the blogs and newsletters of companies and developers leading the industry.

I'm always on the lookout for more blogs or newsletters! If you have any suggestions I should check out [get in touch](https://alistairshepherd.uk/#contact)!

## Table of Contents

1. [Intro](#intro)
2. [Browser Vendors](#browsers)
3. [Company Blogs](#companies)
4. [Development Blogs](#dev-blogs)
5. [Developers and Designers](#developers)
6. [Magazines](#magazines)
7. [Newsletters](#newsletters)

<h2 id="intro" tabindex="-1">Intro</h2>

I thought I'd crack out a post I can point people to with a list of the feeds and newsletters I subscribe to, with a bit of hopefully useful info so you know if you want to subscribe yourself. Most of these are focused on:

- Front End Development
- Full-Stack development
- HTML
- CSS
- JavaScript
- Accessibility
- Web Performance
- Browsers
- 11ty

I find it quite fun that the format for the majority of these feeds about modern web development is RSS, a technology that has existed since 1999! If you're looking for a feed reader I use Feedbin, which is a great cloud RSS and newsletter reader across multiple platforms. You can also find an [export of my RSS subscriptions](https://github.com/accudio/rss) on [my Github](https://github.com/accudio).

<h2 id="browsers" tabindex="-1">Browser Vendors</h2>

Useful for keeping up with changes to the biggest browsers. Topics can be quite technical and writing not particularly approachable, but probably worth a look. I tend to scan the titles to decide if it's something that will likely affect me before reading.

- [Google Chrome blog](https://blog.google/products/chrome/) [[feed](https://blog.google/products/chrome/rss/)] — Fairly approachable summaries of changes, updates and new features coming to Google chrome and probably other chromium browsers;
- [Chromium Blog](https://blog.chromium.org) [[feed](http://blog.chromium.org/atom.xml)] — Similar to the Google Chrome blog but more technical, and posts summaries of every major version;
- [Mozilla Hacks](https://hacks.mozilla.org) [[feed](https://hacks.mozilla.org/feed/)] — Updates on Firefox and Gecko changes, mixture of technical level, summary of major updates;
- [Microsoft Edge Blog](https://blogs.windows.com/msedgedev/) [[feed](https://blogs.windows.com/msedgedev/feed
)] — MS' work on Blink and Chromium, will eventually come to all Chromium browsers so good to follow;
- [Planet Webkit](https://planet.webkit.org) [[feed](http://planet.webkit.org/atom.xml)] — Very technical updates to WebKit and Safari - useful however due to a lack of official Safari updates. Keep in mind WebKit changes can take months or even years to make their way to Safari;
- [Planet Igalia](https://planet.igalia.com/) [[feed](planet.igalia.com/rss20.xml)] — The Igalia team have contributed to all browsers, most recently :focus-visible in Safari. Some really deep-dives into very technical topics. Not for everyone.

<h2 id="companies" tabindex="-1">Company Blogs</h2>

Any blogs by development agencies or dev-related products. A few of the agency blogs have some great tips, best practices and open-source tools. I tend to be a bit wary of product blogs as they're always trying to sell but there are some decent ones out there.

- [9Elements](https://9elements.com/blog/) [[feed](https://9elements.com/blog/rss/)] — Agency with some great front-end skills in their team. I particularly like Nils Binder's articles on layout like "[The Devil's Albatross](https://9elements.com/blog/the-devils-albatros-an-algorithmic-layout-technique/)";
- [Axess Lab](https://axesslab.com) [[feed](https://axesslab.com/feed/)] — Accessibility consultants, they have some great articles offering approachable summaries for accessibility topics including "[What is a screen reader?](https://axesslab.com/what-is-a-screen-reader/)";
- [Bejamas](https://bejamas.io/blog/) [[feed](https://bejamas.io/blog/rss.xml)] — An expert Jamstack agency, if you want more info on [Static Site Generators](https://bejamas.io/discovery/static-site-generators/) or [Headless CMS'](https://bejamas.io/discovery/headless-cms/) their articles are brilliant;
- [DebugBear](https://www.debugbear.com/blog/) [[feed](https://www.debugbear.com/blog/feed/rss)] — DebugBear sells web performance monitoring, I haven't used their product but they write some decent high-level articles about improving web performance.
- [Filament Group](https://www.filamentgroup.com/lab/) [[feed](https://www.filamentgroup.com/lab/atom.xml)] — If you've been on the web a while you've probably used a tool made by Filament Group! Authors of Respond.js, Picturefill, LoadCSS and [the most common async CSS pattern](https://www.filamentgroup.com/lab/load-css-simpler/) - they do great open-source work and really interesting articles about them.
- [Volument Minimalism](https://volument.com/blog/) [[feed](https://volument.com/rss.xml)] — Privacy-focused analytics, haven't used the product but their insight on analytics and modern development is interesting and straight to the point.

<h2 id="dev-blogs" tabindex="-1">Development Blogs</h2>

Blogs generally aimed at sharing knowledge about web development. Separate from Developers and Magazines as they feel somewhere between the two.

- CSS { In Real Life } [[feed](https://css-irl.info/rss.xml)] — Generally short posts focused on CSS and layout. "[Detecting Hover-Capable Devices](https://css-irl.info/detecting-hover-capable-devices/)" is a great recent one to check out;
- [Joy of Computing](https://joy.recurse.com) [[feed](https://joy.recurse.com/feed.atom)] — More general that most other feeds here. Short daily posts about cool or interesting things going on in Computing, can be pretty fun too;
- [Piccalilli](https://piccalil.li) [[feed](https://piccalil.li/feed.xml)] — Piccalilli by Andy Bell has great tutorials and summaries on building modern front ends. Check out "[Modern CSS Reset](https://piccalil.li/blog/a-modern-css-reset/)". The [Piccalilli community membership](https://piccalil.li/membership/) is also great if you're into that!
- [QuirksMode Blog](https://quirksmode.org/blog/) [[feed](https://quirksmode.org/blog/atom.xml)] — QuirksMode has been writing about the web since 2004, talking a lot about browsers and thinking about how the web as a whole should work. Great thinkpieces.
- [web.dev](https://web.dev/blog/) [[feed](https://web.dev/feed.xml)] — Posts mostly by Google Web Developers introducing and covering best practices and new features in the web. The [courses](https://web.dev/learn/) on the site are also well worth checking out;
- [Web Platform News](https://webplatform.news) [[feed](https://webplatform.news/feed.xml)] — Provides short updates on anything new in the web, including bugs and announcements you might not find elsewhere. Only available as a screenshot unless you pay $2/month on [Patreon](https://www.patreon.com/join/webplatformnews), worth considering though as I've found it very useful.

<h2 id="developers" tabindex="-1">Developers and Designers</h2>

These are individual devs and designers who are experts in their field. Not as frequent posts, but there are some real gems here. In alphabetical order for simplicity, and just a short summary as there's a few!

- [Addy Osmani](https://addyosmani.com/) [[feed](https://addyosmani.com/rss.xml)] — Google developer focusing on performance. Author of great book "Image Optimisation";
- [Adrian Roselli](https://adrianroselli.com) [[feed](https://adrianroselli.com/feed)] — One of the best writers on accessibility and does loads of research and testing of screen readers etc;
- [Ahmad Shadeed](http://ishadeed.com/) [[feed](https://ishadeed.com/feed.xml)] — Dev/Designer who is a master of CSS;
- [Brad Frost](https://bradfrost.com/) [[feed](http://feeds.feedburner.com/brad-frosts-blog)] — Mostly thoughts on the front end design industry and design systems;
- [Bruce Lawson](https://www.brucelawson.co.uk/) [[feed](https://www.brucelawson.co.uk/feed/)] — Web veteran with a lot of accessibility knowledge. His Reading Lists provide a great ~monthly list of great articles from around the web.
- [Bryan Robinson](https://bryanlrobinson.com/) [[feed](https://bryanlrobinson.com/feed.xml)] — 11ty wizard and devrel for Sanity - a decent-looking headless CMS;
- [Chen Hui Jing](https://chenhuijing.com/) [[feed](https://chenhuijing.com/feed.xml)] — Well written articles from all areas of web dev from devops to CSS debugging;
- [Christian Heilmann](https://christianheilmann.com/) [[feed](https://christianheilmann.com/feed/)] — Shorter posts and introductions to various front end topics;
- [Dave Rupert](http://daverupert.com/) [[feed](https://daverupert.com/atom.xml)] — co-host of podcast ShopTalk, most of the blog is more about life as a dev and productivity but has some great dev articles also;
- [David Walsh](https://davidwalsh.name/) [[feed](https://davidwalsh.name/feed)] — One of the longest running dev blogs, David has so many brilliant articles, many of which are short tips with exactly what you need;
- [Dmitri Pavlutin](https://dmitripavlutin.com/) [[feed](https://dmitripavlutin.com/rss.xml)] — I love Dmitri's introductions to new JavaScript and React features and patterns;
- [Harry Roberts/CSS Wizardry](https://csswizardry.com/) [[feed](https://feeds.feedburner.com/csswizardry)] — Master web performance consultant, great articles providing fairly easy and accessible performance tips and advice;
- [Heydon Pickering](https://heydonworks.com/) [[feed](https://heydonworks.com/feed.xml)] — Internet maverick, accessibility expert, design systems writer and author of the brilliant "Inclusive Components";
- [Hidde De Vries](https://hiddedevries.nl/en/blog/) [[feed](https://hiddedevries.nl/rss/full/)] — Accessibility, HTML and CSS expert;
- [Jake Archibald](https://jakearchibald.com/) [[feed](https://jakearchibald.com/posts.rss)] — Google developer and co-host of HTTP 203, writes great articles on web performance, images and modern JavaScript;
- [Jens Oliver Meiert](https://meiert.com/en/) [[feed](https://meiert.com/en/feed/)] — What you didn't realise you didn't know about HTML. Check out "HTML Concepts: Body-Ok";
- [Jeremy Keith](https://adactio.com) [[feed](https://adactio.com/articles/rss)] — Jeremy has been writing about the web since 2001 and always has interesting thoughts of development and the industry in general. Manages the great agency [Clearleft](https://clearleft.com).
- [Jeremy Wagner](https://jeremy.codes/) [[feed](https://jeremy.codes/rss.xml)] — Web performance consultant and fan of simple JavaScript;
- [Josh W Comeau](https://joshwcomeau.com/) [[feed](https://joshwcomeau.com/rss.xml)] — React developer, writes great articles about JavaScript and HTML/CSS from the perspective of a JS dev;
- [Kat Maddox](https://leftalign.substack.com/) [[feed](https://leftalign.substack.com/feed/)] — Internet anarchist and computer/programming comedian.
- [Lea Verou](https://lea.verou.me/) [[feed](http://feeds.feedburner.com/leaverou)] — Works on web standards with the W3C Technical Architecture Group. Blog focused on CSS and JS;
- [Malte Ubl](https://www.industrialempathy.com/) [[feed](https://www.industrialempathy.com/feed/feed.xml)] — Web developer and software designer, particularly good articles on web performance;
- [Manuel Matuzovic](https://matuzo.at/) [[feed](https://www.matuzo.at/feed.xml)] — Creator of HTMHell, general tips and snippets of HTML, CSS and on accessibility;
- [Marcus Herrmann](https://marcus.io) [[feed](https://marcus.io/feed)] — Accessibility specialist, writes lots of great articles helping you test for accessibility and digging into testing various practices.
- [Marko Saric](https://markosaric.com/) [[feed](https://markosaric.com/feed/)] — Articles on analytics, web privacy and the state of the web as a whole;
- [Max Böck](https://mxb.dev/) [[feed](https://mxb.dev/feed.xml)] — Creative front end developer and creator of the Whimsical Web Club;
- [Maximiliano Firtman](https://firt.dev/) [[feed](https://firt.dev/feed/feed.xml)] — Best known for being a PWA expert and a better source of Safari news than anyone who work on it. I particularly love his Image CDN article;
- [Nicolas Hoizey](https://nicolas-hoizey.com/) [[feed](https://nicolas-hoizey.com/feeds/articles.xml)] — 11ty plugin author and writes on front end developer topics. He also shares lots of great wee stuff on his "Notes";
- [Rachel Andrew](http://rachelandrew.co.uk/archives) [[feed](https://rachelandrew.co.uk/archives/rss.php)] — One of the best technical writers /editors around, working for Smashing, MDN and web.dev. Brilliant writing about CSS Layout;
- [Sam Smith](https://smth.uk/) [[feed](https://smth.uk/feed/articles.xml)] — Great freelance dev, writes about anything relevant to modern web development;
- [Sam Thorogood](https://whistlr.info/) [[feed](https://whistlr.info/rss.xml)] — Technical articles about JS, HTML and computing;
- [Sara Soueidan](https://sarasoueidan.com/blog/) [[feed](https://www.sarasoueidan.com/blog/index.xml)] — Writes about Accessibility, HTML, CSS and SVG mostly but anything relevant to front end development;
- [Sia Karamalegos](https://sia.codes) [[feed](https://sia.codes/feed/feed.xml)] — Writes a lot about 11ty, but also more general Jamstack and web performance topics;
- [Thomas Steiner](https://blog.tomayac.com) [[feed](https://blog.tomayac.com/feed/feed.xml)] — Google developer working on PWAs and 'Project Fugu', blog is more general explanations of browser features and APIs.
- [Tim Kadlec](https://timkadlec.com/) [[feed](https://timkadlec.com/atom.xml)] — Now working at WebPageTest, great writing on web performance;
- [Tobias Ahlin Bjerrome](https://tobiasahlin.com) [[feed](https://tobiasahlin.com/feed.xml)] — Writes about JS, CSS and Design. Each post focuses on one a particular topic and explains it really well and thoroughly.
- [Zach Leatherman](https://www.zachleat.com/web/) [[feed](https://www.zachleat.com/web/feed/)] — Now working at Netlify, author of 11ty, Glyphhanger and has written some of the best Web Font loading articles around;
- [Zell Liew](https://zellwk.com/) [[feed](https://zellwk.com/feed.xml)] — Brilliant writer whose articles are super easy to understand. Covers so many useful topics including system setup, build chains, technical JavaScript and industry advice;

<h2 id="magazines" tabindex="-1">Magazines</h2>

The big blogs that feature articles from many different authors. A few only run for a month a year, others are year-round. If you only want to subscribe to a few blogs, make it these ones.

### Year-round
- [CSS Tricks](https://css-tricks.com) [[feed](https://css-tricks.com/feed/)] — The big one, possibly the best source for web development articles out there;
- [Smashing Magazine](https://www.smashingmagazine.com) [[feed](https://www.smashingmagazine.com/feed)] — Generally goes into more detail than CSS Tricks, with longer and more in-depth articles;
- [Codrops](https://tympanus.net/codrops/) [[feed](https://tympanus.net/codrops/feed/)] — Publishes the 'Collective', a regular summary of great articles in web development. Also has some super cool JavaScript effect tutorials;

### Seasonal
- [24 Accessibility](https://www.24a11y.com) [[feed](https://www.24a11y.com/feed/)] — Advent calendar of accessibility articles;
- [24 ways](https://24ways.org/) [[feed](https://feeds.feedburner.com/24ways)] — Advent calendar of cool/impressive  things you can do on the web;
- [JavaScript January](https://www.javascriptjanuary.com/) [[feed](https://www.javascriptjanuary.com/blog?format=rss)] — Features all sorts of JS-related articles throughout January, including vanilla, front end frameworks, node.js and testing;
- [Web Performance Calendar](https://calendar.perfplanet.com) [[feed](https://calendar.perfplanet.com/feed/)] — Advent calendar of front and back end web performance articles.

<h2 id="newsletters" tabindex="-1">Newsletters</h2>

Some feed readers allow you to receive email newsletters in the same place, I used Feedbin for this. Regardless, these are some great newsletters to subscribe to:

- [Calibre Performance Newsletter](https://www.calibreapp.com/newsletter) — Regular summary of web performance articles;
- [CSS Layout News](https://csslayout.news) — Curated by Rachel Andrew, this is a newsletter with news, articles and tips specifically focused on web page layouts with CSS;
- [Fauna Developer Weekly](https://www2.fauna.com/l/517431/2018-07-09/6d1b8j) — Developer-focused tips and tricks. Fauna is a database provider so a bit more back end focused;
- [Frontend Focus](https://frontendfoc.us/) — Weekly roundup of front end news and articles, also includes tutorials, jobs and tool suggestions;
- [Frontend Horse](https://frontend.horse/) — focuses on modern CSS and really dynamic and animated interactions. Not super frequent but each issue goes into so much depth;
- [Frontend Weekly](https://frontendweekly.co/) — Lots of articles about the JS ecosystem, particularly React tools and libraries;
- [JAMstacked](https://jamstack.email/) — Jamstack news, articles, libraries and platforms;
- [Rendezvous with Cassidoo](https://buttondown.email/cassidoo) — Weekly newsletter with a few links about the web, a few about other things, an interview question to try and a joke!
- [The UI Animation Newsletter](https://uianimationnewsletter.com/) — A few links with super cool UI animations to check out;
- [Tiny Web Animation](https://theanimatedweb.com/newsletter/) — a short email with 3 links to cool web animations;
- [Web Development Reading List](https://wdrl.info/) — as the name suggests, a list of articles to check out about web development. Well curated;
- [Web Tools weekly](https://webtoolsweekly.com/) — Weekly newsletter that focuses on tooling rather than articles. Links to libraries, packages, platforms and tools you can use while developing.