JS app that produces text along a path in pure CSS

by duopixel on 3/10/2011, 8:58 AM with 18 comments
  • by ars on 3/10/2011, 10:08 AM

    Just to clarify: The app is written in JavaScript, but the output is html + css.

    Also, it's not designed for live updates. It generates static text.

  • by ot on 3/10/2011, 11:35 AM

    Oh, no, what will be next? pure-CSS WordArt?

  • by Breefield on 3/10/2011, 10:40 AM

    This is quite awesome, hopefully we'll see some cool things come out of it like we have of lettering.js Two things though, a.) should turn it into a plugin as well, b.) s/kerning/letter spacing

  • by tjpick on 3/10/2011, 7:20 PM

    1 letter of text = 252 characters of code? 99.6% overhead?

    No way.

    http://www.w3.org/TR/SVG/text.html#TextOnAPath

  • by bruceboughton on 3/10/2011, 10:22 AM

    Frontpage all over again.

  • by makeee on 3/10/2011, 5:36 PM

    What are the browser requirements for this? I'm interested in building something like this, but just want to make sure most browsers out there would be able to run it.

  • by coenhyde on 3/10/2011, 11:14 AM

    Cool, but Google wont like it. If it's important text you'd want to make sure you had the text somewhere else.

    Maybe the html/css generator should include a hidden span with the text?

  • by Swizec on 3/10/2011, 10:17 AM

    If I'm seeing correctly this basically creates an element with some css properties for every letter in the text right?

    Couldn't this become incredibly slow to load very quickly?

  • by philthy on 3/10/2011, 6:34 PM

    This looks like it could slowly edge towards a browser based .SVG editor in combination with a bunch of other stuff, I like it.

  • by Trufa on 3/10/2011, 12:14 PM

    It doesn't seem to be working for chrome... (latest version, who knows which, probably a new one when you read this)