If you’ve been alive long enough, then you’ll probably remember:
The idea is: you take a long background and paint the left side dark:
The technique was the second popular after Michael Jackson. Back in the day when the background-color property didn’t exist yet, it was a smart invention to combine page background with two-column table over it.
We still live with the legacy of this quick fix. That’s the reason why we look for navigation on the left side of the screen, even to this day.
Life is good in 2017: people enjoy Snapchat and the border-radius CSS property.
Not back in 1996. People used to hunt mammoths and make round corners with tables:
This insanely beautiful button would have cost you just 8 images and a table 3×3.
This is where Bootstrap came from.
Nostalgia? Give your present website a touch of beauty.
Browsers were part of the webmaster’s personality:
Somehow it became common to deploy things that don’t exist.
Home pages were covered with awards like the chests of small time dictators.
We must admit these awards are fake. We didn’t deserve them. They come from Paper Rad. Here’s some more.
A variation of this scam is the software awards scam. In one notorious case, the software with the description “This program does nothing at all” won 16 awards:
It’s hard to believe that the award scam still exists in the software downloads industry. After submitting our Icons8 App to Softpedia, they offered to give us the “100% clean” label.
The art of creating awards is still preserved.
Table guys are those who resisted CSS even into the iPhone era. They pointed out the poor browser support for CSS and kept mastering the art of speed typing.
I did it with our website once in 2009 and it looked okay. But everybody else refused to work with my code.
Did you ever write so many tables that your browser froze? Then you know something that we’ll call “table profiling”: optimization of the tables for faster rendering.
Son of thousands fathers Netscape. Usability disaster. Infant terrible of HTML. You won’t admit, but hey! You’ve tried it at least once. We know it. You know it. It’s ok.
For the nostalgic among you, you can reproduce it with CSS.
Everybody had one. Padding-bottom was:
<br><img src=1x1.gif width=1 height=8></br> No spaces between the tags!
Pages weighed under 50 kb. Packing 100 kb into a single page made you a public enemy.
Maybe you even remember the name of your favorite image map editor.
Let’s scratch our memories together. Chances are, you’ll remember fondly:
Back to the point, which HTML tricks come to your mind? Leave your fond memories in the comments.
About the Author
Ivan Boyko is a founder of Icons8. He got his first job after drawing a banner with CTR of 43%. After years of creating icons, he specializes in rapid prototyping and backlog grooming.
Sweeping list of Halloween’s visual symbols enriched with some fun facts to know. Icons, illustrations,…
Halloween is almost here. It's time to think about costumes. If you're looking for something…
Create spooky, funny, or creative face swaps for your Halloween celebration with Face Swapper.
Design a stunning book cover with the Illustration Generator. This guide helps you brainstorm, craft…
Why is my printed logo not as vibrant as the digital one? Why do I…
Get an all-in-one UI kit to build a professional fintech landing page. It includes everything…
This website uses cookies.