Published on

14 of My Favorite Developer Blog Posts in 2018

Authors

There was truly so much great content in 2018, it was hard to limit this list (thus why I ended up with 14 in a post originally intended for 10). In reviewing articles for this, some themes stuck out. 2018 was a year when developers seemed to focus on things like performance, making the transition to mobile (and specifically this was the year of the PWA) and, finally, making the often difficult choices about which technologies to focus on (especially when faced with so many options).

I went through a years worth of articles that I shared and picked out my favorites (listed in reverse chronological order). It goes without saying that they reflect my own biases as well as my personal focus on JavaScript and front-end development. If you have some time over the holidays, it'll be well used to give any one of these posts a read.

As a side note, I know that none of these posts came from dev.to. This is in no way meant to diminish the amazing content being created on this site - I am a huge fan and this is one of the few sites I read on a daily basis.

Please share some of your favorites from this site and others in the comments.

All About Prefetching by Katie Hempenius

As I said, one of the focus this year seemed to be on improving performance, often as it relates to mobile. Katie Hempenius took a deep dive into how you can use a prefetching strategy to improve perceived performance. This is a great overview of a topic that is rarely covered.

<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">A great overview of what prefetching is, how it can improve perceived performance, how to use it and when to use it by <a href="https://twitter.com/katiehempenius?ref_src=twsrc%5Etfw">@katiehempenius</a> <a href="https://t.co/kHe8PL6HvK">https://t.co/kHe8PL6HvK</a></p>&mdash; Brian Rinaldi (@remotesynth) <a href="https://twitter.com/remotesynth/status/1073584645839745030?ref_src=twsrc%5Etfw">December 14, 2018</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

Faster than AMP (author unidentified)

AMP was a topic of much controversy in 2018. However, what I love about this post is that it doesn't offer another perspective on the same controversy, but, rather, digs into how AMP works (or doesn't in some cases) to improve performance. The author (whose name I cannot find) promises more in this series, and I hope they follow through.

<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">A good post (1st in a series) looking at the slowest AMP page and examining why performance is failing to better understand what AMP does to try to address performance. It&#39;s not trying to pitch you AMP, just understand what&#39;s going on under the covers. <a href="https://t.co/md2cXaRaC4">https://t.co/md2cXaRaC4</a> <a href="https://t.co/K50EgSZS7C">pic.twitter.com/K50EgSZS7C</a></p>&mdash; Brian Rinaldi (@remotesynth) <a href="https://twitter.com/remotesynth/status/1072132796506873856?ref_src=twsrc%5Etfw">December 10, 2018</a></blockquote>

Elements To Ditch Or Repurpose On Mobile by Suzanne Scacca

By 2018, most sites have made a transition to mobile in one way or another, however, this is not always a smooth transition. Often sites have taken their desktop mindset and brought it - along with unusable desktop design elements - to their mobile site. This post covers some of the worst offenders and, better yet, offers strategies to fix them.

<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">A great post by <a href="https://twitter.com/SEScacca?ref_src=twsrc%5Etfw">@sescacca</a> on some web design elements that need to be scrapped or rethought for mobile. Couldn&#39;t agree more, especially with modal popups and oversized content. <a href="https://t.co/NUgNr0FlOk">https://t.co/NUgNr0FlOk</a></p>&mdash; Brian Rinaldi (@remotesynth) <a href="https://twitter.com/remotesynth/status/1070701310423560192?ref_src=twsrc%5Etfw">December 6, 2018</a></blockquote>

Reluctant Gatekeeping: The Problem With Full Stack by Heydon Pickering

This post stuck with me because it makes a similar case to one I have been making about the issues with the title "full stack developer." Heydon focuses on the unintended consequences of accepting that one person can do all the things.

<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">This is a very good post on some of the often unspoken implications of the rise of the title of &quot;full stack developer&quot; by <a href="https://twitter.com/heydonworks?ref_src=twsrc%5Etfw">@heydonworks</a>. I like that it gets at some of the economic aspects of the title, which I&#39;ve argued, are really what drives the it. <a href="https://t.co/acJNJ4Fh3X">https://t.co/acJNJ4Fh3X</a></p>&mdash; Brian Rinaldi (@remotesynth) <a href="https://twitter.com/remotesynth/status/1070082148563107842?ref_src=twsrc%5Etfw">December 4, 2018</a></blockquote>

An Extensive Guide To Progressive Web Applications by Ankita Masand

2018 was definitely the year that everyone seemed to decide that they needed to take a closer look at building progressive web applications, driven largely by improved browser support for PWA features. There were a lot of PWA-focused tutorials in 2018, but Ankita's was definitely one of the most extensive and helpful.

<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">This is a really thorough guide To Progressive Web Applications by <a href="https://twitter.com/AnkitaMasand?ref_src=twsrc%5Etfw">@AnkitaMasand</a>. If you haven&#39;t yet explored PWAs or if you are just looking for details and examples on some of the key parts of a PWA, keep this one for reference. <a href="https://t.co/pIAExCoT1F">https://t.co/pIAExCoT1F</a></p>&mdash; Brian Rinaldi (@remotesynth) <a href="https://twitter.com/remotesynth/status/1067532645658181634?ref_src=twsrc%5Etfw">November 27, 2018</a></blockquote>

Making music with magenta.js by Monica Dinculescu

Soemtimes it is great to just build something because it is fun - it helps us reconnect with why we love to code in the first place. I also love reading posts when developers do these sorts of project because their passion for the idea comes through clearly. In this post, Monica Dinculescu experiments with generating music using machine learning. Will I use this is my day-to-day work? Unlikely. Was it fun to read and learn? Absolutely!

<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">I love fun and creative tutorials. It&#39;s great to learn and reengage with your love of code. This tutorial on making music with magenta.js by <a href="https://twitter.com/notwaldorf?ref_src=twsrc%5Etfw">@notwaldorf</a> is a perfect example! <a href="https://t.co/gN45X5NCjb">https://t.co/gN45X5NCjb</a></p>&mdash; Brian Rinaldi (@remotesynth) <a href="https://twitter.com/remotesynth/status/1067078606797635586?ref_src=twsrc%5Etfw">November 26, 2018</a></blockquote>

Methodologies for measuring project health by Nadia Eghbal

This is an extremely difficult topic that tackles an issue developers face - knowingly or not - on a consistent basis. That issue is whether a particular open source project is healthy enough to adopt and use. There are no easy answers, but Nadia Eghbal explores some options in this well-researched and detailed post.

<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">Should we measure the health of an open source project by its contributors, by the rate and recency of changes or some combination? A good look at methodologies for measuring open source project health by <a href="https://twitter.com/nayafia?ref_src=twsrc%5Etfw">@nayafia</a>. <a href="https://t.co/RGzos3ByGu">https://t.co/RGzos3ByGu</a></p>&mdash; Brian Rinaldi (@remotesynth) <a href="https://twitter.com/remotesynth/status/1034543394809360384?ref_src=twsrc%5Etfw">August 28, 2018</a></blockquote>

The Bullshit Web by Nick Heer

Another performance-focused post that looks at the useless cruft we often include on web pages unthinkingly. Nick argues that this cruft has impaired the progress we have made with the power and speed of our hardware, and with little tangible benefit.

<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">The speed of the web has not kept pace with the speed of our internet connections because we&#39;ve loaded pages with useless cruft that often has little to do with the actual content being displayed, argues <a href="https://twitter.com/pxlnv?ref_src=twsrc%5Etfw">@pxlnv</a> <a href="https://t.co/qAL1EwWVg0">https://t.co/qAL1EwWVg0</a></p>&mdash; Brian Rinaldi (@remotesynth) <a href="https://twitter.com/remotesynth/status/1025103901144608768?ref_src=twsrc%5Etfw">August 2, 2018</a></blockquote>

Leveling up: why developers need to be able to identify technologies with staying power (and how to do it) by Matt Biilmann

It can be difficult for a developer to know what to focus on for their long-term health of their career these days. There are not only so many options to choose from, but everyone is out there pushing their own agenda it seems. Matt, one of the founders of Netlify, offers a ton of excellent advice in this post on what to focus on and how to see it in the context of the bigger picture of the overall trajectory of your career and development as a coder.

<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">This is some truly fantastic career advice for developers from <a href="https://twitter.com/biilmann?ref_src=twsrc%5Etfw">@biilmann</a> to be able to identify technologies with staying power. <a href="https://t.co/VqCKQkIQSq">https://t.co/VqCKQkIQSq</a></p>&mdash; Brian Rinaldi (@remotesynth) <a href="https://twitter.com/remotesynth/status/1005126817781637121?ref_src=twsrc%5Etfw">June 8, 2018</a></blockquote>

A Guide to JavaScript Regular Expressions by Flavio Copes

I'm sure there are developers out there who love regular expressions. I am not one of them. RegEx is something that I often need and then need to look up. And if I ever need to look up anything related to RegEx in JavaScript, this is exactly the post I'd refer to. It is extensive, detailed and is the perfect reference guide to bookmark.

<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">Everything you ever wanted...ok, needed (but never wanted) to know about JavaScript regular expressions. <a href="https://t.co/UQDsvXVYSz">https://t.co/UQDsvXVYSz</a></p>&mdash; Brian Rinaldi (@remotesynth) <a href="https://twitter.com/remotesynth/status/991056848697610241?ref_src=twsrc%5Etfw">April 30, 2018</a></blockquote>

Loading Third-Party JavaScript by Addy Osmani and Arthur Evans

This is another performance-related (and security-related) post that gets at an issue many front-end developers face consistently: third-party scripts can be extremely helpful in providing added and necessary functionality, but they come with inherent risks. This post tries to help you mitigate those risks by measuring the impact of third-party scripts on your site and finding ways to offset the risks.

<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">A guide to finding and fixing issues related to loading third-party JavaScript by <a href="https://twitter.com/addyosmani?ref_src=twsrc%5Etfw">@addyosmani</a> &amp; <a href="https://twitter.com/DevDocDude?ref_src=twsrc%5Etfw">@devdocdude</a> <a href="https://t.co/TR4npCQt9r">https://t.co/TR4npCQt9r</a></p>&mdash; Brian Rinaldi (@remotesynth) <a href="https://twitter.com/remotesynth/status/971810532633300992?ref_src=twsrc%5Etfw">March 8, 2018</a></blockquote>

Everything Easy is Hard Again by Frank Chimero

If you've ever felt like things move so fast that it is difficult to keep up with the constant need to learn new skills necessary just to keep your head above water, then Frank Chimero's post may strike a chord with you (as it did with me). He discusses how we've managed to make the simple things difficult in many cases, and made learning (and keeping up with( web development in the process. His message of developing a personal philosophy towards change and learning is an important one for developers of all skill levels.

<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">Everything Easy is Hard Again by <a href="https://twitter.com/frank_chimero?ref_src=twsrc%5Etfw">@frank_chimero</a>. I relate to so much of this. Especially the sense that we&#39;re solving the same problems 20 yrs later but in increasingly complex ways. The common refrain is that the problems are new but I&#39;m old &amp; can&#39;t adapt <a href="https://t.co/s3lCRDawjS">https://t.co/s3lCRDawjS</a></p>&mdash; Brian Rinaldi (@remotesynth) <a href="https://twitter.com/remotesynth/status/964491485763850240?ref_src=twsrc%5Etfw">February 16, 2018</a></blockquote>

Native And PWA: Choices, Not Challengers! by Aaron Gustafson

Things are often presented to developers as binary choices. You either learn web or native. You must learn Angular - and not React - to succeed or vice versa. The truth is that these rarely are as binary as they seem, and this is especially true when it comes to choosing PWA or app for mobile. You are free to choose which best suits the needs of what you are creating - or you are free to choose both. Aaron lays out the options nicely.

<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">The choice of Native And PWA is not zero sum. As <a href="https://twitter.com/AaronGustafson?ref_src=twsrc%5Etfw">@AaronGustafson</a> explains, it is a matter of understanding the needs of your project and matching that to the strengths of each solution. <a href="https://t.co/v9YNdjMpBS">https://t.co/v9YNdjMpBS</a></p>&mdash; Brian Rinaldi (@remotesynth) <a href="https://twitter.com/remotesynth/status/962017756819308544?ref_src=twsrc%5Etfw">February 9, 2018</a></blockquote>

Advice to the newish programmer by Tom MacWright

Another post that discusses the difficulties of working in a fast-changing industry with a lot of competing demands (and voices) pushing you in a variety of directions. While Tom MacWright directs this post at "newish" programmers, it is an excellent reminder for any of us of the challenges we face (and maybe gets us thinking on how to address them).

<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">Some interesting (and basically spot on) advice for new(ish) programmers. <a href="https://t.co/12Ts85mVbd">https://t.co/12Ts85mVbd</a> <a href="https://t.co/uNWYH9WUCO">https://t.co/uNWYH9WUCO</a></p>&mdash; Brian Rinaldi (@remotesynth) <a href="https://twitter.com/remotesynth/status/961703854806102016?ref_src=twsrc%5Etfw">February 8, 2018</a></blockquote>