News for hackers. Stuff that matters.
Re:SlabText.js by wamatt on Sunday September 02, 2012 @09:46PM (#4468809)
Nice :)

Just some feedback, there's about a 1 second delay before the final text is rendered on initial load. This creates a slight jarring experience due to resizing, kinda analogous to the infamous @font-face FOUC/FOUT issue

Tested on latest versions of Chrome, Firefox and Safari.

Re:SlabText.js by dsellergren on Sunday September 02, 2012 @11:02PM (#4468957)
It's actually exactly a 1 second delay:

$(window).load(function() { setTimeout(slabTextHeadlines, 1000); });

Re:SlabText.js by jonah on Monday September 03, 2012 @01:00AM (#4469153)
"Always call the script after all fontface fonts have downloaded. I’ve hacked this for the demo to enable you to see the headline transformation as the script kicks-in but you should always use google WebFont loaders active() and inactive() callbacks to launch the slabText treatment (or a similar "font loaded" callback feature from another font provider)."
Re:SlabText.js by monsterix on Monday September 03, 2012 @12:03AM (#4469047)
This is very useful in a scenario where one wants the text to scale up and occupy space like it had been done on physical paper.

I remember attempting something like this earlier (http://stackoverflow.com/questions/8421533/how-to-obtain-ctr...) but I am stoked by your approach.

Nice work. :-)

Re:SlabText.js by trimetric on Sunday September 02, 2012 @08:23PM (#4468643)
This is a really impressive effect, but I'd hesitate to use it as part of a generic cms backed site since the auto-sizing could inadvertently editorialize the meaning of a headline at different page widths.

"Roddick SURVIVES, Staving Off Retirement" vs "Roddick Survives, Staving Off RETIREMENT"

Re:SlabText.js by zaptheimpaler on Sunday September 02, 2012 @08:27PM (#4468649)
This is what the preset word combinations mentioned in the post are for.
Re:SlabText.js by trimetric on Sunday September 02, 2012 @11:30PM (#4468992)
Ahh, right, i missed that. I was distracted from the sub-headings by the big bold responsive headings.
Re:SlabText.js by vhf on Sunday September 02, 2012 @07:54PM (#4468602)
Great work, the effect is stunning !

Really nice that it's automatically disabled when displayed on a small screen than viewport defined.

Re:SlabText.js by creamyhorror on Monday September 03, 2012 @12:08AM (#4469058)
Now I'll have to decide whether to replace my existing brute-force text-fitting code with your more optimal solution. Argh!
Re:SlabText.js by oliwarner on Tuesday September 04, 2012 @06:28AM (#4473910)
It's a horrible mess on Chrome for Android. Use with extreme caution (and testing).
Re:SlabText.js by federicoweber on Monday September 03, 2012 @05:20AM (#4469738)
Nice approach, Fittext is nice, but this bring the game to another level.
Re:SlabText.js by lukeholder on Monday September 03, 2012 @04:35AM (#4469620)
another useful text JavaScript plugin

http://fittextjs.com/

Full Disclosure: I have nothing to do with this product :)

Re:SlabText.js by duiker101 on Monday September 03, 2012 @08:05AM (#4470074)
Not that OP's isn't nice, but I like this one more.
Re:SlabText.js by pud on Sunday September 02, 2012 @08:21PM (#4468638)
Beautiful. Does it work in IE? (i'm too lazy to fire it up)
Re:SlabText.js by the_unknown on Monday September 03, 2012 @09:06AM (#4470207)
works in IE10 - so good for the future.
Re:SlabText.js by pooriaazimi on Monday September 03, 2012 @07:38AM (#4470014)
No (IE9).