The Marquee Element(developer.mozilla.org)
developer.mozilla.org
The Marquee Element
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/marquee
32 comments
TIL that you can nest them and make a DVD bounce effect! There's even an `onbounce` property to which you can add a handler and make it change colors!... at least on Firefox: https://jsbin.com/givevorilu/1/edit?html,console,output
If you change "j" to "y" in the nested marquee, you can make the Betamax logo bounce instead.
I had a tough day followed by a headache - this made my evening.
Thank you.
Thank you.
Oh man... I loved marquee so much. I use it do to all sorts of tricks...
https://jsfiddle.net/vf973btu/
I remember creating an effect like the one above, while some javascript "calculate" the probability of you being an alien... it was my first alien detector! =)
https://jsfiddle.net/vf973btu/
I remember creating an effect like the one above, while some javascript "calculate" the probability of you being an alien... it was my first alien detector! =)
I must be one of the few days old timers (my first web site went live in 1994) who doesn’t miss the marquee element. Always hated. Hated <blink> too.
There’s lots I don’t like about modern web development but the depreciation of marquee and blink aren’t 2 of them.
There’s lots I don’t like about modern web development but the depreciation of marquee and blink aren’t 2 of them.
I hated those tags back then, but they crack me up now...
I agree. Marquee is bad. Blink too.
But combine both?
Greatness ensues!
But combine both?
Greatness ensues!
Not that experienced but still early enough to remember it being used for all kinds of annoying experiences. Still, it was such a fun little thing to use while learning to build my own pages.
You are not. Marquee and blink were a plague.
I hated them too but seeing it today reminded me of some good times spent discovering HTML and Javascript and having my mind boggled by what happens when you write a some characters out and after one FTP upload you see a web site.
Not just depreciated, it's fully deprecated now!
The most OG tag for sure.
Raise your hand if you remember guest books, site counters, marquee tags, and using 4 small positioned images to get rounded corners!
Raise your hand if you remember guest books, site counters, marquee tags, and using 4 small positioned images to get rounded corners!
And Web Rings. In fact, I'm surprised considering how ideas simply get recycled (IRC -> Slack) that nobody has tried to reinvent the web ring. I suppose it's the death of self hosted sites that has killed it.
I don’t think web rings have been killed, I think they’ve just been eaten by platforms like most of the internet.
In most contexts they’ve been replaced by AI driven recommendation engines.
Although I discovered a delightful example of a human curated recommendation engine the other day in the form of bandcamp’s `Recomendations` feature :)
In most contexts they’ve been replaced by AI driven recommendation engines.
Although I discovered a delightful example of a human curated recommendation engine the other day in the form of bandcamp’s `Recomendations` feature :)
The second best part of webcomics is when they have a links section and you get to see what comics the author likes.
And the ubiquitous ‘under construction’ .gif
Also, table driven page layout, actual popup windows, DHTML[1] was a thing and applet tag hasn’t been deprecated yet.
[1]: https://en.m.wikipedia.org/wiki/Dynamic_HTML
[1]: https://en.m.wikipedia.org/wiki/Dynamic_HTML
I can't hear DHTML without thinking DHTML Lemmings[0]. It blew me away 18 years ago and still makes me grin today.
[0]: https://www.elizium.nu/scripts/lemmings/
[0]: https://www.elizium.nu/scripts/lemmings/
That reminds me of my days doing shudder ColdFusion and seeing Microsoft Liquid Motion, their short-lived Macromedia Flash competitor.
Well and DHTML immediately reminds me of Dreamweaver and trying to make everything compatible with IE and Netscape with a lot of browser detection.
I miss the people I worked with back then. But not UI work. As bad as it was, it was less complicated and more stable than it seems to be today.
And I don't miss people asking me to make something "more green" that is #0000FF. To paraphrase Spinal Tap: "None. None more green"
Well and DHTML immediately reminds me of Dreamweaver and trying to make everything compatible with IE and Netscape with a lot of browser detection.
I miss the people I worked with back then. But not UI work. As bad as it was, it was less complicated and more stable than it seems to be today.
And I don't miss people asking me to make something "more green" that is #0000FF. To paraphrase Spinal Tap: "None. None more green"
Modals drive me crazy on the modern web -- I wonder why there's been no pushback equivalent to "actual" pop-up blocking
Ah you're right, and how could we forget <frame>(s)?!
I understand why the marquee element is deprecated, but I'll always have a soft spot in my heart for it. When I was in middle school I spent a lot of time geocaching, and the first person to find a new cache would often get their username in a marquee on the cache's page. It was fun way to celebrate each other when the geocaching website only supported HTML input.
On my iPhone, the one that says direction="down" behavior="alternate" doesn't bounce up and down; it bounces horizontally.
Yeah it doesn't seem to handle nested marquees, only respecting the inner one...
Oh, I guess the intended behavior is for it to bounce like the DVD logo.
An example, which sounds like it won't work on iOS.
https://codepen.io/LukeAtWork/pen/JjYXdbN
https://codepen.io/LukeAtWork/pen/JjYXdbN
Correct. Works fine on Chrome/Firefox on macOS. Though, I notice that the animation on Firefox isn't smooth.
Fond memories of this tag. Like the time during a lab practical I typo'd the closing tag on one of these which caused 100% of the page contents to scroll off the screen...and never come back.
Everyone hates this element, but what I hate even more than this element are implementations of this element using modern html+js+css.
would it be possible to do something like this with marquee instead of SVG/animation?
https://codepen.io/Anna_Batura/pen/MWXjMmE
https://codepen.io/Anna_Batura/pen/MWXjMmE