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 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 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"
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.
$(window).load(function() { setTimeout(slabTextHeadlines, 1000); });
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. :-)
"Roddick SURVIVES, Staving Off Retirement" vs "Roddick Survives, Staving Off RETIREMENT"
Really nice that it's automatically disabled when displayed on a small screen than viewport defined.
http://fittextjs.com/
Full Disclosure: I have nothing to do with this product :)