Show HN: Txt.wav – Text Animation Library | Hacker News Reader

Show HN: Txt.wav – Text Animation Library

stilllife.studio

98 pointseorge_g23 comments

On IE and Edge, every sentence becomes prefixed with the string "null". This appears to be caused by the code that clears the element content with:

  el.innerHTML = null;

Changing that to a blank string fixes the issue for me, i.e.

  el.innerHTML = "";

thanks!

'Meh, thanks'. cool stuff btw.

Thanks for checking out our project! We made this after recreating this functionality a few different times and love giving back to the open source community.

Dependency free, super compact animation library. Enjoy!

Select the text to enjoy fully in reverse video.

First thought: accessibility issues.

Yep, this totally kills VoiceOver (haven't tried other screen readers) the way it's implemented. Each letter gets read separately. Check out ARIA.

what have we done to deserve this?

Feature request: blinky text.

I'll regard this 'request' as a bit of wry sarcasm ;) (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/bl... )

First we need the "marquee" tag, if it hasn't been invented yet... Lets see.

Nice! My first thought was this is a text-to-speech engine.

I wonder if it's possible to increase readability or fun factor or programming code by adding animations. Like an evaluation to color highlighting. I'm sure you will hate the idea but is there actually any R&D in this area?

brainstorming: Make async calls appear like it's on the way and make hot code restless maybe it will reduce cognitive load and help write better code. A global variable would be like hey look at me

This is a great idea. It pretty much adds a new dimension to syntax highlighting, and can be used for many additional semantics. Network communication, dangerous functions / race condition alerts, async behavior, etc etc.

I wonder whether there are any Emacs packages for this.

`txt.avi` could be more descriptive.

Not working on Firefox 48.0.1

thanks for the report, we'll fix that!

thank you for the interest

It works on Firefox 48.0 / Ubuntu (but I had to allow scripts from cdn.rawgit.com in uMatrix)

working in 50.0a2 / win10

can you put this on a CDN so I can bring it into Codepen ?

yes definitely that is on the list for this week as well as making it available as an NPM module.

using rawgit.com might be a good workaround until then.

thanks for the interest

The first 3 seem to be the same effect at different speeds. Quite a limited feature set.

Reply on news.ycombinator.com