DEV Community

Discussion on: Animations without JS...or CSS...or IMAGES??!? 😲 Pure HTML animation!

Collapse
 
adam_cyclones profile image
Adam Crockett 🌀

SVG SMIL it's animation without CSS or JavaScript

Collapse
 
grahamthedev profile image
GrahamTheDev • Edited

SVG is an image format...so that would be animation without CSS or JS - in which case I could also have just used a GIF 😋

The article was pure HTML animation!

Collapse
 
adam_cyclones profile image
Adam Crockett 🌀

SVG is made of XML so is html so by the transit of properties 🤔 we are all winning here

Thread Thread
 
grahamthedev profile image
GrahamTheDev

That is XHTML if we are going to try and squeeze it in (which never quite took off). I could make the document HTML 4 and then get away with it, but HTML != XML due to the fact you can declare a void element like this <br> or <hr> - that would break XML as it isn't self-closed!

SVG is also a separate spec to HTML so I don't think I could get away with it without it being clickbait!

However using SVG SMIL is going to be another part of this series of silly experiments with "clickbait" titles that turn out to not be clickbait! 😉.

Thread Thread
 
adam_cyclones profile image
Adam Crockett 🌀

On the subject of clickbait titles.

Do X in Y time

X things you wouldn't Y

That's the magic right there 🤣

Thread Thread
 
grahamthedev profile image
GrahamTheDev • Edited

I am practicing my clickbait titles - see if you like any of these (these are actual articles I am working on, just made the titles pure clickbait for you! 🤣)

  • I downloaded every article on dev.to [246000 articles!] - here is what I learned (I actually did download every article - 9.3GB without images!)
  • Sorry guys, the results are in and SIZE DOES MATTER. (byte efficiency article)
  • A website without a single line of HTML? (part of this series!)
  • GDPR and cookie consent are making things LESS private (the new Google spying they are trialing)
  • 10 useful HTML elements your probably don't know (with a bonus one of course!)
  • The secret to a happy website is good <HEAD> (preloading etc.)

A couple of them might be a little too far 🤣🤣