Responsive Text
frankieroberto.com
Responsive Text
1–10 of 63 posts
Re: Responsive Text
#2I love the idea, but I suspect that most people writing the sorts of content that could benefit from this wouldn't take the time to break down their work in a way that would take advantage of the layout.
Re: Responsive Text
#3Excellent idea. I like the idea of different content (rather than only different design) for mobile devices - only show what is absolutely necessary. I also really like that this is done with CSS; much cleaner than a mobile-only site, though you aren't saving any bandwidth here (it's just text, though). Anyway, nice experiment.
Re: Responsive Text
#4This reminds moe of Joe Davis' Telescopic Text: http://www.telescopictext.com/. Assuming you see this on a desktop computer, it's exactly the opposite of Frankie's responsive text: instead of gradually reducing the amount of information, it gradually increases it.
Re: Responsive Text
#5Brilliant!
Are you using the Summly API to condense the text?
Could be a good solution to @kyle's comment.
Re: Responsive Text
#6I love the idea, but I suspect that most people writing the sorts of content that could benefit from this wouldn't take the time to break down their work in a way that would take advantage of the layout.
I agree, but I think this format could work well in certain situations where it can be done automatically, like for comments with karma. You could vary the threshold for hidden comments, so mobile users see less but overall higher quality comments (with a link to show hidden ones), and desktop users see all by default.
Re: Responsive Text
#7We do something similar to this on Lanyrd - try shrinking the browser window on http://sxsw.lanyrd.com/ for example. The labels on the tabs change from "your sessions, your contacts' sessions, all sessions (1114), attendees (2594)" at the widest setting to "you, contacts, all, attendees" on narrower screens.
It's implemented by wrapping a span with a class of "not-narrow-friendly" around the words that should be hidden at narrow widths, then using media queries to hide them.
Re: Responsive Text
#8After a significant amount of window-resizing this ended up throwing webkit into an infinite loop. Impressive.
Re: Responsive Text
#9I may have a problem with OCD, but I would hate the idea that some content is hidden to me just because I'm browsing with the wrong screen/window size.
Hiding redundant elements, navigational bars, maybe images, etc... is fine, but I'm definitely not comfortable with the idea of hiding content based on context.
Re: Responsive Text
#10After a significant amount of window-resizing this ended up throwing webkit into an infinite loop. Impressive.
Which browser/version/OS?