For a long time, I thought a website was “done” when it worked.
The pages loaded.
The buttons clicked.
The API responded.
So I shipped.
And yet… something always felt unfinished.
Not broken.
Not wrong.
Just slightly careless.
It took me a while to understand this:
Most websites don’t feel incomplete because of missing features.
They feel incomplete because of missing attention.
The Details We Skip Because They Feel Too Small
There are things we don’t prioritize because they don’t block progress.
Scrollbars.
Focus states.
Text selection color.
Hover transitions.
Keyboard navigation.
None of these will crash your app.
None of them will fail a build.
So we tell ourselves:
“I’ll come back to this later.”
Most of the time… we don’t.
But users notice.
Not consciously... emotionally.
A site either feels considered... or it doesn’t.
And that feeling affects trust more than we think.
When I Started Treating CSS as a User Experience Tool
The first changes I made weren’t dramatic.
They were quiet.
Things like:
- Matching
::selectioncolors to the brand - Adding a subtle custom scrollbar (nothing flashy, just aligned)
- Making hover states consistent across buttons and links
- Ensuring focus outlines were visible instead of removing them
- Adding smooth but restrained transitions
None of this made my site “cooler”.
It made it calmer.
And calm is underrated on the web.
A website doesn’t need to impress.
It needs to respect attention.
Scrollbars, Selection, and the Feeling of Care
Custom scrollbars are controversial.
And honestly? They should be.
This isn’t about decoration.
It’s about alignment.
When a scrollbar slightly reflects your brand color, without harming usability, it signals intention.
Same with text selection.
Users select text constantly: copying error messages, sharing snippets, highlighting sections.
If the highlight color clashes harshly with your palette, it subtly disrupts the experience.
It’s a small adjustment.
But small adjustments compound.
Lighthouse Didn’t Just Give Me Scores; It Changed My Habits
At first, I treated Lighthouse like a scoreboard.
Green = good.
Red = fix later.
But once I paid attention, I noticed something:
Most Lighthouse improvements weren’t about hacks.
They were about discipline.
- Compressing and properly sizing images
- Fixing contrast instead of overriding it
- Removing unused JavaScript
- Avoiding layout shifts
- Testing on mobile instead of assuming desktop is enough
My scores improved.
But more importantly... my sites felt lighter.
A small habit that helped: I always run Lighthouse in a fresh incognito window. That way, cached assets, extensions, or logged-in states don’t distort the results.
It keeps the feedback honest.
Accessibility Isn’t Extra Work; It’s Basic Respect
This realization changed everything for me.
Accessibility (A11y) used to feel like an advanced layer, something you “optimize for later.”
But most meaningful accessibility improvements are simple:
- Proper color contrast
- Visible focus indicators
- Semantic HTML instead of div soup
- Buttons that are actually
<button>elements - Supporting keyboard navigation
- Respecting
prefers-reduced-motion
None of this is complex engineering.
It’s thoughtful defaults.
Accessibility doesn’t make your site worse for anyone.
It makes it usable for more people.
And when you start thinking that way, it stops feeling optional.
Mobile Performance Exposes What Desktop Hides
Desktop performance is forgiving.
Mobile is honest.
The moment I started checking mobile Lighthouse scores consistently, patterns emerged:
- Oversized images
- Late-loading fonts
- Layout shifts from dynamic content
- JavaScript I didn’t really need
Fixing these didn’t just improve metrics.
It improved trust.
Fast sites feel reliable.
Slow sites feel careless, even when they technically work.
Users may not know why something feels off.
But they feel it.
What Changed When I Started Caring About the Small Stuff
Shipping felt different.
I stopped feeling like my projects were “almost done”.
I stopped apologizing for rough edges.
My sites didn’t scream for attention.
They quietly earned it.
And interestingly, when accessibility improved, performance often improved too. Cleaner structure. Less unnecessary code. Better defaults.
Care tends to cascade.
What I No Longer Ignore
❌ Focus states
❌ Color contrast
❌ Mobile Lighthouse scores
❌ Accessibility warnings
❌ “It’s good enough” moments
Small things compound.
Neglect does too.
Final Thoughts (From One Developer to Another)
You don’t need more frameworks.
You don’t need more features.
Sometimes, you just need to slow down enough to notice what users already feel.
Good websites aren’t loud.
They’re considerate.
They don’t show off effort.
They show care.
And care, quietly, builds trust.
Take your time.
Polish the small things.
That’s what makes a website feel finished.
Wishing you calm UI, thoughtful defaults, and pride in the details, friends 💙.
What’s one “small” detail you started paying attention to that made a bigger difference than expected?
| Thanks for reading! 🙏🏻 I hope you found this useful ✅ Please react and follow for more 😍 Made with 💙 by Hadil Ben Abdallah |
  
|
|---|
Top comments (0)