X-Ray Overload
X-Ray Overload
Man of Steel — Dir. Zack Snyder (2013)
Young Clark Kent cannot turn off his x-ray vision. He sees through everything, all at once, and it is too much.
He hasn’t learned to control the power yet.
The Scene — Clark’s Classroom Crisis
Man of Steel (2013) opens not in Metropolis, not in Smallville, but inside a moment of pure sensory terror. A young Clark Kent — maybe ten or eleven — is sitting in class when his x-ray vision activates without warning. He cannot turn it off. He cannot control what he sees. The walls dissolve. The desks dissolve. His classmates become skeletons surrounded by pulsing circulatory systems. The teacher’s skull floats where her face should be. The building itself becomes transparent scaffolding around a child who has no frame for what is happening to him.
He runs. He makes it to a supply closet, locks himself inside, and curls against the wall. “The world’s too big, Mom,” he says when Martha Kent arrives. What he means is: there is too much information. Too many layers. Too much truth arriving at once without structure or filter. He is seeing everything correctly — and that correctness is the problem.
Martha’s answer is not “don’t look.” It is: look differently. She tells him to listen to her voice. To build a box in his mind — to put everything outside the box away for now and focus on just one thing. Not less information. Structured information. He tries. The chaos resolves. The walls come back.
“Then make it small. Focus on my voice. … Can you see the box?”
The scene is not about power. It is about learning to see. Clark already has x-ray vision. What he does not yet have is the discipline to deploy it usefully. That takes practice, structure, and a framework for deciding what to look at and when.
Why This Is the Best Metaphor We Have for Learning to Read Web Pages
A novice sitting down to learn how a web page works for the first time faces exactly what Clark faces in that closet. Open the source code of any modern page and you see hundreds of HTML elements, thousands of CSS declarations, dozens of JavaScript files, Bootstrap classes, custom classes, inline styles, nested divs, event listeners, font imports, meta tags, and API calls — all at once, all without context, all demanding attention simultaneously. The world is too big.
The solution is the same. Not less information — structured information. A framework for deciding what layer to look at and when. A box that keeps the rest at bay until you are ready for it.
That framework is the XRAY method from Ask Copilot Entry #030:
The framework is Martha’s box. It does not reduce what you can see. It sequences what you look at: user experience first, then HTML skeleton, then CSS skin, then JavaScript and network behavior. One layer at a time. One question at a time. The rest waits outside the box until you call it in.
There is also a “vision moment” in web development that maps perfectly to Clark’s arc. Ask Copilot Entry #030 calls it the X-Ray Vision Moment:
transition: transform 0.25s. … This is x-ray vision. It cannot be taught
directly. It is the product of the habit.”
Before the moment: chaos. After the moment: structure. Clark does not stop seeing through walls. He learns to look through them on purpose, with focus and intent. That is exactly the trajectory of a student who goes from “all this HTML is overwhelming” to “I can see the Bootstrap grid, the CSS cascade, and the JavaScript event listener all at once, and I know which one to look at first.” The power does not diminish. The control arrives.
Discussion Prompts for the CS and Design Classroom
- The overwhelm phase. Think about the first time you opened a real professional website’s source code. How did it feel? What would have helped you most in that moment — less information, or a framework for organizing the information you already had?
- Martha’s box technique. The XRAY framework is a structured sequence: X before R, R before A, A before Y. Why does the order matter? What happens to your investigation if you skip straight to the JavaScript (Y layer) without reading the experience layer (X) first?
- The irreversibility of x-ray vision. Once Clark could control his vision, he could not go back to being a person who did not see through walls. Once you have genuinely internalized the XRAY framework, you cannot look at a web page the same way. Is that a good thing? Are there situations where a novice perspective — seeing the surface only — is actually useful?
- “Focus on my voice.” Martha gives Clark a single anchor — one thing to focus on until the chaos organizes itself. In the web detective framework, the equivalent anchor is: “What is this page for?” Why is purpose (the X layer) the right starting point before any DevTools panel opens?
- Power vs. control. Clark has the power on Day 1 — he just cannot use it productively yet. A developer who opens DevTools for the first time has all the same power. Every layer is visible. Every clue is there. What is the practical difference between having access to information and knowing what to do with it?
Movie clips are only available in larger viewports.
On some mobile devices, rotating to landscape will allow viewing.
X-Ray Overload — Man of Steel (2013)
Young Clark Kent’s x-ray vision activates without warning in his classroom. He sees through everything simultaneously and cannot make it stop. He runs to a supply closet. His mother comes. She teaches him to build a box — to focus on one thing until the world becomes manageable again.