If you were to pick one web development blog post that played a huge part in changing or influencing how you build on the web—which blog post would it be?
@zachleat not a quite a blog but this helped start my career https://philip.greenspun.com/panda/
Philip and Alex's Guide to Web Publishing

@zachleat hard to pick one but “Understanding Progressive Enhancement” by @Aaron is definitely in my top 3.

https://alistapart.com/article/understandingprogressiveenhancement/

Understanding Progressive Enhancement

Steven Champeon turned web development upside down, and created an instant best practice of standards-based design, when he introduced the notion of designing for content and experience instead of …

A List Apart

@zachleat Learning about BEM which is the basis of every CSS architecture I’ve built for the past 8 years.

https://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax/

MindBEMding – getting your head ’round BEM syntax – CSS Wizardry

A primer on the oft-confusing BEM notation for CSS

@mvsde @zachleat I was looking for this earlier! Couldn’t remember the name of the blog post but this is for sure one I referred to a lot, one that helped make BEM “click” for me.
Yes, progressive enhancement is a fucking moral argument

A piece of content from whalecoiner.com

@Seirdy @zachleat @whalecoiner

Omg! 🔥🔥🔥

"These people say "But if you take away the moral argument, why should you care about PE or a11y?".

THE MORAL ARGUMENT IS THE FUCKING ARGUMENT, YOU FEDORA-WEARING SHITBEAN."

Yesssss

@Seirdy @zachleat @whalecoiner Huzzah! I thought only us old farts who care about users with older devices, and who may only be using EDGE because telecoms don't care about farmers cared about PE! I thought I was the last one standing!

I shall keep pressing for PE, and under the guise of Mobile First also for keeping the low bandwidth users, the users with bad eyesight in mind.

@Seirdy @zachleat @whalecoiner I remember that one! haaaaarrd bookmark
@Seirdy Sheesh, I don't think I've ever seen such a good point made so poorly
Responsive Web Design

Designers have coveted print for its precision layouts, lamenting the varying user contexts on the web that compromise their designs. Ethan Marcotte advocates we shift our design thinking to approp…

A List Apart

@zachleat

This one - hands down changed the course of so many things.

https://alistapart.com/article/responsive-web-design/

Hopefully @beep latest book will have as big an impact! Follow him for more info.

Responsive Web Design

Designers have coveted print for its precision layouts, lamenting the varying user contexts on the web that compromise their designs. Ethan Marcotte advocates we shift our design thinking to approp…

A List Apart
Object Oriented CSS

Object Oriented CSS - Download as a PDF or view online for free

@zachleat this one was quite impactful, not in changing how i build, but how i look at the tools i use to build. https://thoughtbot.com/blog/tailwind-and-the-femininity-of-css
Tailwind and the Femininity of CSS

Why we undervalue front-end expertise in the web development world.

thoughtbot

@zachleat Not sure if “blog post” describes it, but Dave Shea’s @daveshea CSS Zen Garden https://www.csszengarden.com/ has GOT to be on the list! 😻

(fixed spelling; added EMPHASIS! ;-)

CSS Zen Garden: The Beauty of CSS Design

A demonstration of what can be accomplished visually through CSS-based design.

@iDGS @zachleat @daveshea yes yes yes that had a huge influence over young me.
Making the world’s fastest website, and other mistakes

Crazed developer attempts real ecommerce without front-end JavaScript to prove that y’all playin’

DEV Community
@danrot @zachleat That series was indeed fascinating.
@zachleat pretty much everything on https://every-layout.dev/
Relearn CSS layout

@zachleat Brad Frost's Atomic design article really clicked with me, and made me realise you have to think about front end in its own unique way.

https://bradfrost.com/blog/post/atomic-web-design/

Atomic Design

Hey there! I wrote a book called Atomic Design that dives into this topic in more detail, which you can buy as an ebook. We’re not designing pages, we’re designing systems of components.—Stephen Hay As the craft of Web design continues to evolve, we're recognizing the need to develop thoughtful desi

Brad Frost
@zachleat I remember this @medium post having a massive effect, for better or worse: https://medium.design/crafting-link-underlines-on-medium-7c03a9274f9
Crafting link underlines on Medium - Medium.design

How hard could it be to draw a horizontal line on the screen? It seems wrangling a few pixels together to stand in a file would be something computers should be pretty good at anno domini…

Medium.design
@jsit yes!! I saw this conference talk from @mwichary too!
@zachleat @mwichary Whoa I had no idea this was the Shift Happens guy! Hello!

@zachleat This guide to building WordPress themes from 2005 threw me into the deep end of PHP and CSS. I learned so much from this series of posts.

https://urbangiraffe.com/themes/guides/

WordPress Theme Guide – Urban Giraffe

The Great Divide | CSS-Tricks

Let’s say there is a divide happening in front-end development. I feel it, but it's not just in my bones. Based on an awful lot of written developer

CSS-Tricks
@zachleat Dated now, but mind-expanding when it was originally published. https://alistapart.com/article/slidingdoors/
Sliding Doors of CSS

Image-driven, visually compelling user interfaces. Text-based, semantic markup. Now you can have both! Douglas Bowman’s sliding doors method of CSS design offers sophisticated graphics that s…

A List Apart

@zachleat The obvious one would be @beep’s https://alistapart.com/article/responsive-web-design/ both for its broader influence and for sucking me into the responsive images blackhole with @Wilto.

But if I were to pick something earlier and less well known, maybe Yahoo’s Best Practices for Speeding Up Your Site: https://developer.yahoo.com/performance/rules.html

And if we include books, a long forgotten gem is Speed Up Your Site by Andrew King which opened my eyes to #webperf.

Responsive Web Design

Designers have coveted print for its precision layouts, lamenting the varying user contexts on the web that compromise their designs. Ethan Marcotte advocates we shift our design thinking to approp…

A List Apart
The Market for Lemons

New web services are being built to a self-defeatingly low UX and performance standard, and existing experiences are now pervasively re-developed on unspeakably slow, JS-taxed stacks. At a business level, this is a disaster, raising the question: why are new teams buying into stacks that have failed so often before?

Alex Russell
@zachleat See the answers as a reminder that we clearly need a new magazine, following up on A List Apart and CSS Tricks. Smashing Mag is okay, but still we need another one.
@zachleat the still classic from 2000: https://alistapart.com/article/dao/
A Dao of Web Design

Web designers often bemoan the malleable nature of the web, which seems to defy our efforts at strict control over layout and typography. But maybe the problem is not the web. Maybe the problem is …

A List Apart
@dogwonder yeah—this one is on my list too—and https://frankchimero.com/blog/2015/the-webs-grain/
Frank Chimero · The Web’s Grain

Frank Chimero’s Personal Website

@zachleat that looks great, saved!
@dogwonder @zachleat This. It’s a must read.

@zachleat
This post from @beep was the reason my “weird” prototype that no one understood got green lit at Adobe to become Adobe Edge Reflow ( just to be murdered by product management )

https://alistapart.com/article/responsive-web-design/

Responsive Web Design

Designers have coveted print for its precision layouts, lamenting the varying user contexts on the web that compromise their designs. Ethan Marcotte advocates we shift our design thinking to approp…

A List Apart

Was going to say http://www.csszengarden.com/ but that’s not a blog post.

So I’d have to say https://alistapart.com/article/responsive-web-design/ by @beep which I hope counts?

@zachleat

CSS Zen Garden: The Beauty of CSS Design

A demonstration of what can be accomplished visually through CSS-based design.

Modern JavaScript Explained For Dinosaurs

Learning modern JavaScript is tough if you haven’t been there since the beginning. The ecosystem is growing and changing so rapidly that…

A Dao of Web Design

Web designers often bemoan the malleable nature of the web, which seems to defy our efforts at strict control over layout and typography. But maybe the problem is not the web. Maybe the problem is …

A List Apart
@zachleat (hugs to everyone in your mentions who kindly mentioned the ol’ responsive design article 💜 💜 💜)
@beep it was officially a Big Damn Deal™—changed the trajectory of my career for sure! ❤️
@zachleat @beep Definitely everything from A List Apart (books too) — my first proper “dev” job was making an existing custom ecommerce responsive so Ethan’s writing was pretty pivotal. 🫡
@zachleat And I’m damned grateful it helped our paths cross, friend 💜💜
@beep Same! Watching you moving the needle yet again in an even bigger way with your new book too—I can’t wait for it to come out!
@zachleat Don’t mind me, just passing through this blog post buffet and gathering some links to read later; thanks all 💚
@zachleat I think I'll pick, off the top of my head, The CSS Mindset by Max Bock: https://mxb.dev/blog/the-css-mindset/
The CSS Mindset

CSS can be difficult to grasp if you think about it in terms of a "traditional" programming language. There is a certain mindset involved that helps to understand why it works the way it does.

Max Böck
@zachleat I'm not sure I can narrow it down to a single post/article, but https://alistapart.com and (the previous incarnation of) webmonkey . com were both pretty influential.
A List Apart

For people who make websites

A List Apart
@zachleat The five simple steps series by @markboulton some 15 years ago essentially led to me moving from engineering to design.
@beseku @zachleat that’s lovely to hear (I think!)