I understand that not everyone here knows what CSS is. If you don’t know what CSS is, this won’t be extremely impressive until you have a little more understanding. In short, CSS (short for Cascading Style Sheets) is a language that allows a web developer to tell the browser how their page should look, and it is much more powerful than HTML for describing page layout and stuff like that. Usually it works hand-in-hand with HTML. CSS allows you to create invisible boxes in your page inside which you can put content, like this text you’re reading right now. Those boxes help to give the page structure. And those boxes can have different background colors, or different kinds or borders and margin sizes and padding, and… you get the idea.
But that’s just the tip of the iceberg. Look what somebody made CSS do: 3D Border Demo 2 by Chris Hester
I don’t know who Chris Hester is, but he is certainly a master of CSS. There are no images on that page. There are no GIFs. There are no JPGs. If you know web source well enough, go ahead and take a peek. It’s incredibly impressive.
That house was made up entirely of little CSS boxes with different border shadings. My guess is that every single brick on that house is a separate CSS box, and they’re all aligned with each other down to the pixel. The window frame, the door, those are all separate boxes.
I should be clear that this was not at all what CSS was intended to do. Chris Hester must have sat for hours and hours in front of his computer trying to get that thing to work. And for that, he deserves our admiration. 🙂