Smashing Daily #33: Books, Type And Patent Art
Lots of news and niceties about type, some good advice about CSS, a clever solution for position fixed on mobile, the answer to the question about what element should be embedded in what element, a hilarious blog with patent art, and much more. Enjoy!
“Responsive Design: The New Whipping Boy1”
Here’s a very nice article about the mobile app that LinkedIn launched a while ago. Kirin Prasad, the lead designer on the mobile app, said that responsive design is nice for websites but impossible for apps. Brad Colbow explains that the real problem isn’t responsive design, it’s crufty features and just too much unnecessary content. An excellent read! I’d like to add the clever idea that Bead Frost described2 a while ago that a mobile website/app is a great beginning for a new, responsive website that will gradually replace the old, cluttered one.
“Future of Books & Publishing4”
If you are interested in the future of books and publishing, then you definitely want to bookmark this page, which contains a collection of articles about the subject (curated by Craig Mod). And the great thing about this page is that you can actually download the whole thing, including all the articles, as an eBook!
“Shady Characters » Miscellany ? 115”
There’s a nice alternative take on the @-symbol which uses the “double story a” instead of the usual “single story a” found in this edition of the ever-entertaining Shady Characters blog. Apart from this symbol, there’s lots more to read about than just obscure characters (with a bonus link to a nice article about a bizarre hybrid monotype press).
Some (older) mobile browsers don’t support fixed positioning, which is a pity, since an often-seen pattern on small screens is a fixed tab-bar at the bottom of the screen. The problem with using
position:fixed is that it doesn’t degrade gracefully on these browsers, and the fallback is definitely not what you want. Another issue is that it is very hard to detect support for
position:fixed. But very hard doesn’t mean impossible, especially not if your name is Scott Jehl. Here’s a very clever
position:fixed feature test.
“Keep your CSS selectors short8”
Here’s some simple but excellent advice about writing maintainable CSS. It’s been written many times before by many CSS wizards but it can’t be repeated often enough (since people seem to forget about it). Harry Roberts took his time to thoroughly explain why you should always keep your selectors short.
“Nested tags for italicized hyperlinks9”
When you have a piece of text which is not only emphasized but also a link, “does the
a go inside the
em, or is the other way around a better option?”, asks Martin Sutherland. If you’re a front-end developer chances are high you’ve asked the same question a few times. Martin found the answer, with a little help.
“Prevent background color bleed on touchscreens10”
Here’s a nice obcure problem, with “background colors bleeding through on the edges of an element that also have a background image applied” while zooming in on some touch devices! Lennart Schoors describes it and gives us the simple solution.
“Type News: Embooked12”
Here’s the Type News by Typedia for May 19th, with lots of great new fonts and a long list of type news and entertainment (like the question at the bottom: “what was your first favorite font?”).
“Context-Free Patent Art13”
I think patents suck. You might—for some weird reason—not agree with me, but you might agree that this collection of context-free patent art is probably the best thing patents have ever done for us.
- 1 http://bcolbow.tumblr.com/post/23604594644/responsive-design-the-new-whipping-boy
- 2 http://bradfrostweb.com/blog/mobile/planting-the-seed-for-a-responsive-future/
- 3 http://bradfrostweb.com/blog/mobile/planting-the-seed-for-a-responsive-future/
- 4 http://readlists.com/f926d08b/
- 5 http://www.shadycharacters.co.uk/2012/06/miscellany-?-11/
- 6 http://www.shadycharacters.co.uk/2012/06/miscellany-?-11/
- 7 https://github.com/filamentgroup/fixed-fixed
- 8 http://csswizardry.com/2012/05/keep-your-css-selectors-short/
- 9 http://sunpig.com/martin/archives/2012/06/25/nested-tags-for-italicized-hyperlinks.html
- 10 http://bricss.net/post/23292393396/prevent-background-color-bleed-on-touch-screens
- 11 http://bricss.net/post/23292393396/prevent-background-color-bleed-on-touch-screens
- 12 http://typedia.com/blog/post/type-news-embooked/
- 13 http://contextfreepatentart.tumblr.com/
- 14 http://contextfreepatentart.tumblr.com/
- 15 www.smashingmagazine.com/the-smashing-daily-archive/
- 16 www.smashingmagazine.com/the-smashing-daily-archive/