Comments on: Type study: A responsive 3D text effect

By: Zandy

Zandy — Wed, 28 Sep 2011 13:53:33 +0000

How fun – what a good example of modifying something fun and useful into something that’s also fun and useful but in a different way.

By: J Curby

J Curby — Tue, 27 Sep 2011 02:25:28 +0000

Great idea, already looking for ways to use this in some of our work.

By: Russ Maschmeyer (@StrangeNative)

Russ Maschmeyer (@StrangeNative) — Mon, 26 Sep 2011 20:49:35 +0000

Thanks Trent!

@DanBoulet, I agree with you. I hesitated to call it “Responsive” as it really isn’t about creating an optimal experience for any screen size or browser capability. Just figured it was a fun experiment that “responds” to the resizing of a conventional browser to keep the font size the same with a fun accordion effect.

Apologies if that was misleading to folks!

By: Trent Walton (@TrentWalton)

Trent Walton (@TrentWalton) — Mon, 26 Sep 2011 18:51:33 +0000

I was thrilled to see that Russ had created this. My idea turned up to eleven! Delightful!

By: Mandy Brown

Mandy Brown — Mon, 26 Sep 2011 18:27:55 +0000

In reply to Daniel Boulet (@DanBoulet). This is intended as a fun experiment to showcase what you can do with type on the web, not as an improvement on Trent's article (which is lovely just as it is).

By: Hamish Macpherson (@hamstu)

Hamish Macpherson (@hamstu) — Mon, 26 Sep 2011 18:27:29 +0000

This is great Russ. Typographical magic.

By: dpawson

dpawson — Mon, 26 Sep 2011 18:26:29 +0000

Unsure about the js inclusion?

(function(){
var foldEverything = function(){
$(‘.stranger’).foldup();
}
$(document).ready(foldEverything);
$(window).resize(foldEverything);
})();

Is shown externally to any element?
I’m getting js errors in Chrome,

$(‘.stranger’).foldup();
containerWidth: 0.8, // Width at which the effect begins working
startColor: [255, 165, 0], // Card starting background-color

Pointing to this line,
foldup.js, line 7 Uncaught syntax error :

By: Daniel Boulet (@DanBoulet)

Daniel Boulet (@DanBoulet) — Mon, 26 Sep 2011 18:22:35 +0000

Neat effect, but I really think that this misses the point of responsive design. The goal is to have the text be nice and readable on any screen or device, not to animate page elements as the window is resized. Trent’s original design gets it right.

By: Bobby George (@bobbyjgeorge)

Bobby George (@bobbyjgeorge) — Mon, 26 Sep 2011 16:30:31 +0000

Awesome.

By: François Joseph de Kermadec

François Joseph de Kermadec — Mon, 26 Sep 2011 16:21:00 +0000

This is HTML and JavaScript jewellery…