DEV Community

Cover image for CSS is Emotional: The Box Model of Personal Space

CSS is Emotional: The Box Model of Personal Space

EIO • Emmanuel Imolorhe on December 01, 2024

We are living, breathing websites – each of us a complex layout system constantly negotiating space. Our boundaries flex like responsive design, ex...
Collapse
 
eioluseyi profile image
EIO • Emmanuel Imolorhe

Let's talk.
What did you enjoy most about this post?
How did it make you feel?
How has it changed the way you view CSS?

Collapse
 
dami-bhf profile image
Dami BHF

That's a fantastic analogy! I never thought of CSS as such a good metaphor for human interaction. Isn't it fascinating how the digital world can mirror our real-world experiences.

I especially love the idea of margins as invisible force fields. We truly are masters of spacing ourselves, whether it's in a crowded room or a virtual chat.

Perhaps we could take this a step further: Consider the concept of z-index in the context of social dominance or assertiveness. Or how overflow: hidden might relate to our tendency to suppress certain emotions.

Keep the insightful posts coming! I'm eager to see how you'll continue to unravel the emotional side of web development

Collapse
 
eioluseyi profile image
EIO • Emmanuel Imolorhe

Yup!

We're going to come to that in the following weeks.
I can't wait to share with everyone either.
Thank you!

Collapse
 
blessing_imolorhe_4006425 profile image
Blessing Afolabi

It made me feel emotional 😊
I love this. It is so simple and easy to understand. Thanks for the free lecture

Collapse
 
eioluseyi profile image
EIO • Emmanuel Imolorhe

I'm so glad to hear this.
This is the goal actually.

And you're welcome!

Collapse
 
yinka_adeoye_8bf2461772a9 profile image
Yinka Adeoye

Learning this is added insight to what I already know about CSS. In truth, CSS is more than making websites look pretty.

Collapse
 
eioluseyi profile image
EIO • Emmanuel Imolorhe

Love it!!

Collapse
 
faith_dimowo_bb1ccc29b1ba profile image
Faith Dimowo

I never considered the box model as a metaphor for personal space, but it makes perfect sense.

Collapse
 
eioluseyi profile image
EIO • Emmanuel Imolorhe

IKR!

Collapse
 
moonieee profile image
Ashley Moon

I've always been intimidated by coding, but this post has changed that. It's shown me that even something as seemingly complex as CSS can be understood through human concepts.

Collapse
 
eioluseyi profile image
EIO • Emmanuel Imolorhe

Woww, this is touching.
My goal is to make coding concepts very relatable so that people can "experience" them on a daily basis