"My niece didn't seem to care about the actual code I was writing, like the specific HTML tags that littered my code editor. No, she was more concerned with what was happening in the browser. Niece: Oh. So, this big box is your house? Me: Kind of, yes. At that time the screen was empty, looking more like a vast expanse than a webpage. I love that she saw a big white space and likened it to a house that I was building."
"I told her the editor is where I place my building blocks - not totally unlike having a place where she keeps her LEGOS together as building materials. She watched quietly while I added a simple heading, a short line of text and a button that did not have any behavior yet. Her eyes were glued on the screen as I refreshed my browser, a few texts appeared."
A person opened a code editor and browser and began writing basic HTML boilerplate while a five-year-old niece entered and watched quietly. The child asked what was being typed and called the lines funny, prompting an explanation that they were instructions. The child compared the empty browser viewport to a house, inspiring an analogy that the editor contains building blocks like LEGO. A heading, a short line of text, and a non-functional button were added, and refreshing the browser transformed the blank space into rendered elements. The child could not read the code but could perceive the visual changes, illustrating how showing cause and effect teaches web basics.
Read at CSS-Tricks
Unable to calculate read time
Collection
[
|
...
]