Orbit · Explore

Web Dev · by Ethan Brooks · 2026-09-01

Is there a simple rule of thumb for css without fancy tools?

I started this becuase my commute felt a little stuck, and performance seemed like a manageable place to experiment. The funny part is that the smallest change was the one I kept.

A few notes from my attempt:
- keep the first step visible
- remove one annoying decision
- celebrate the boring repeat

46 sparks · 31 comments

Comments

Marco Conti · 34 likes

I would log the input, the expected output and the actual output first. Once those three are visible, the bug usually stops feeling mysterious. The chaotic part is easy to underestimate

Cian Kelly · 7 likes

Honestly, great taste. The Jakarta example makes it feel concrete

Aoi Ito · 6 likes

the safe answer is to keep the API boring: clear names, explicit errors and one behavior per function. I keep a note about performance for exactly this reason

Jan Nowak · 4 likes

Start by reducing it to the smallest reproducible piece, then change one variable at a time. Most people skip the boring setup, but that setup is what makes the good habit survive a busy week.

- Write down the exact error and the input that caused it.
- Make a tiny example, then add pieces back slowly.
- Keep the final fix boring and well-named.

That should give you a solid first pass

Siti Lim · 0 likes

helpful correction

Camila Soto · 3 likes

Try making a tiny reproduction with no framework code. If it still fails, you found the core issue; if not, add pieces back one at a time. This pairs weirdly well with jollof rice

Lotte Jansen · 9 likes

That sounds great until you add children/pets/deadlines

Felix Weber · 2 likes

Start by reducing it to the smallest reproducible piece, then change one variable at a time. You will learn more from a simple version repeated three times than from a perfect plan you never start.

- Write down the exact error and the input that caused it.
- Make a tiny example, then add pieces back slowly.
- Keep the final fix boring and well-named.

Hope this helps!

Silver Fern · 2 likes

You explained the tradeoff really clearly. I noticed the same thing in Nairobi

Liam Eriksson · 1 likes

Start by reducing it to the smallest reproducible piece then change one variable at a time. If two options look equal, choose the one that is easier to reverse.

- Write down the exact error and the input that caused it.
- Make a tiny example, then add pieces back slowly.
- Keep the final fix boring and well-named.

Source: mostly hard-won experiance and comparing notes with people who stuck with it

Ethan Brooks · 12 likes

Kind of wild how often start is the whole issue

Avery Johnson · 2 likes

anecdote beats theory here

Noah Miller · 3 likes

fair pushback

Valeria López · 2 likes

Same here. It took me too long to learn

Laura Gómez · 0 likes

adding this to my notes

Liam Eriksson · 1 likes

yep, the boring details matter

Zeynep Demir · 2 likes

You just saved me a bad purchase

Avery Johnson · 1 likes

@quiet_laura This. Exactly this

Urban Baker · 0 likes

I needed the reminder to start smaller

Kabir Khan · 8 likes

Exactly; the hidden cost is energy

Faisal Al Saud · 0 likes

The Tuesday test is undefeated

Aarav Sharma · 0 likes

I would pin this if I could

Camille Dubois · 1 likes

The safe answer is to keep the API boring: clear names, explicit errors and one behavior per function. I care less about the perfect answer and more about repeatability

Curious Orbit · 1 likes

The safe answer is to keep the API boring: clear names, explicit errors and one behavior per function. For me it came down to the setup

Paolo Garcia · 1 likes

Try making a tiny reproduction with no framework code. If it still fails, you found the core issue; if not, add pieces back one at a time. I keep a note about backend for exactly this reason

Hamza Malik · 3 likes

Appreciate the nuance

Élodie Favre · 1 likes

The safe answer is to keep the API boring: clear names, explicit errors and one behavior per function. This is where I would ask one more question before choosing

Valentina Ruiz · 1 likes

The safe answer is to keep the API boring: clear names explicit errors and one behavior per function. I learned that one the expensive way

Nusrat Akter · 1 likes

this is the kind of useful internet I still show up for. That is where the boring checklist helps

Mia Anderson · 0 likes

Try making a tiny reproduction with no framework code. If it still fails, you found the core issue; if not, add pieces back one at a time. It sounds small, but the recipe matters

Miguel Santos · 0 likes

Try making a tiny reproduction with no framework code. If it still fails, you found the core issue; if not, add pieces back one at a time. The my desk detail changes the whole answer