how websites learned to fit everywhere

Let's travel back in time and learn about the history of responsive design, all the way from 1990s to 2020s.

// Helpful links:

// ✨ Let's connect:

------------------

#nostalgia #webdesign #responsivewebsite

[juxtopposed]

did you get as nostalgic as me after watching this?

In 6 minutes you managed to recap almost 30 years of web design developments. I've been around for all of that. The feat of this video blows my mind.

[fanovaohsmuts]

I guarantee you, this channel will be the “Every Frame A painting” of ui design

[WayOfMani]

After a long time, I'm watching a quality content on YouTube. Thanks.

[cbumforolympia]

6:04 Make sure you do your magic down below 💀

[cristinelcostachescu]

Oh, yes, <table> layouts, the only escape for dividing your layout into proper columns.
Thank you for this nostalgic recap!

[darkwoodmovies]

I kinda miss web 1.0 websites. They were very simple and straightforward to build, and didn't use 500Mb of RAM nor did they melt Intel CPUs. And I daresay `<form>` is like 90% of all you need to make a static page interactive.

(I love React BTW, but nostalgia)

[alexanderbateman]

The 80 character recommendation is not based on any research, but on the fact that IBM punch cards used to have 80 slots, so programmers kept their lines to 80 characters (because they had to) and that spread to web design, many people not knowing what the origin is at all. It has nothing to do with "readability".

[hybridjunkie]

Back when centering a <div> was a great accomplishment

[melio]

I just finished watching all of your videos. Finally! Another video!

[RobbPage]

nice vid. i would only add that tables are still very much a part of web design these days. we don't use them for page layout but they still have their place for displaying tabular data and it's a lot easier/faster than getting flex or grid to give the same results.

[Craki_]

I think it's absolutely brilliant to explain so much in such a short time, all while being clear and humorous!!!! 🤯

[rdmercer]

i started my web dev life in 2001 with CSS2 and the complex spiral demo by Eric Meyer (still up today!). Even then we couldnt believe how bad the space jam website of 1996 was. Man its been a crazy ride. These videos are so epic and underrated. Please keep this up!

[sip-oh]

all your videos scripting and editing are done well, the steady flow paired with the buttery-smooth visuals make me lose track of time
I can tell tons effort is put into your videos, and it shows

[frytura]

its nice to learn about this in a small video, really helps understanding why float is a thing when flex boxes are simply superior.

[blunty]

not sure if the thumbnail is a reference to the movie but if it is i love this channel 10x times more

[LukasSmith]

ngl this is by far the best explanation on responsive design I've seen lol

[polymathematics_]

reliving all the horrible implementations of my previous websites one phase at a time lol

[CsE]

Neocities goes so hard I was looking for a place to find retro inspiration 😮

[darylphuah]

You could do 90% of what you do with flexbox, using floats. So having columns/panels shift around in different viewports were possible even before flexboxes were a thing. It was harder to do and had a lot more limitations.