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
 
_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
 
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
 
coolscratcher profile image
CoolScratcher

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

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
 
darkwiiplayer profile image
𒎏Wii 🏳️‍⚧️

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

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...