DEV Community

Cover image for A Typewriter, but with no HTML, CSS, or JS?!

A Typewriter, but with no HTML, CSS, or JS?!

Timothy Foster on August 29, 2021

Apparently a battle of sorts has erupted amongst devs clamoring for the title of Best Typewriter Animator Person. @alvaromontoro started with a ...
Collapse
 
alvaromontoro profile image
Alvaro Montoro •

Nice 🙂

Collapse
 
alvaromontoro profile image
Alvaro Montoro •

Wait... No multiline? I may need to revoke the "nice" comment 😋

But seriously, this looks really nice. Good entry. And welcome to the "fight."

Collapse
 
auroratide profile image
Timothy Foster •

Lol, no multiline, hardcoded magic numbers, and the background has to be white! Truly the height of flexible code 😆

Collapse
 
afif profile image
Temani Afif • • Edited

oh, a new warrior!

PS: add some tags to your post to get some visibility (the #webdev and even #html can fit, also #codepen and the #SVG of course)

Collapse
 
auroratide profile image
Timothy Foster •

Thanks! Totally forgot to do that ^^'

Collapse
 
thumbone profile image
Bernd Wechner •

Nice. I like.

But I think it a tad extreme to claim no HTML. I mean the svg tag is... er, HTML, not?

Collapse
 
auroratide profile image
Timothy Foster •

Technically, there's a clause in the HTML spec for the svg element; but, you could also save this as a literal *.svg file and load it up in a browser, hence HTML isn't necessary!

Or a different way of putting it, I technically used HTML to present it in this post, but only used features provided by the SVG specification 😊

Collapse
 
_hs_ profile image
HS •

It's Schrödinger's tag. It's HTML and it's not. It's markup not HTML but HTML "supports" it. So if browser supports it while rendering it's HTML. But not really. I think you see how this could be series of blog posts by itself.

Collapse
 
coolscratcher profile image
CoolScratcher •

Nah, that's considered SVG as it's present within an SVG file anyways I believe

Collapse
 
darkwiiplayer profile image
𒎏Wii 🏳️‍⚧️ •

Ah, SVG, very nice! It's probably one of the most underappreciated technologies on the web :D

Collapse
 
grahamthedev profile image
GrahamTheDev •

Even my sacred SVG isn’t safe from people beating me to the punch.

Just so you know Temani normally needs a health warning on SVG stuff as the lack of CSS causes him pain! 🤣

Collapse
 
brandonmcconnell profile image
Brandon McConnell •

I created a CSS-only (no HTML or JS) typewriter 2½ years ago and feel it’s worth a mention… 👀
twitter.com/branmcconnell/status/1...