Smashing Daily #48: Perspective, Widows, A Book

Responsive design starts with the right typography, and in typography you want to avoid widows. Responsive design, if done right, will not impact the performance too much. Also in this edition of The Smashing Daily, how CMSs are bad at managing content, what to do when you’re asked to speak but are uncertain, and much, much more. Enjoy!

Responsive Typography: The Basics1

When you decide to design your website with the content first principle in mind—which you should—it’s a good idea to start with the text, by picking the right fonts and font-sizes. In this incredible article Oliver Reichenstein explains that the right font-size depends only on the distance between the eyes and the text, which he calls perspectively proportional font sizes. An absolute must read for all designers.

Perspective Font-Sizes as a Base for Your Design2

On Widows, And How To Tame Them3

A widow, in typography, is a small piece of leftover text at the end of a paragraph. In print, this is considered harmful. On the Web, we’ve accepted the fact that you can’t really control the way people see text. Well, most of us accepted it, but Nathan C. Ford hasn’t. He wrote a simple script that uses several tricks to get rid of widows.

So, You’ve Been Invited To Speak4

Here are some excellent tips by Lea Verou about what to do if you are asked to speak at a conference but are not experienced (or not confident about your skills).

Performance Implications Of Responsive Design5

One often-heard argument against Responsive Web design is performance: a website simply cannot be faster if all code for all of the layouts is served to everybody, even when they don’t need this code. Jason Grigsby made an excellent presentation about exactly this subject, and shows us how the performance implications can be minimized.

About Performance of Responsive Websites6

What Does Your CMS Actually Do?7

What do you want a CMS to do, what does it actually do, and what should it do? These important questions are answered in this great read by Rick Yagodich about the deplorable state all CMSs are in. If there is one industry that doesn’t understand what it’s doing at all, it’s the CMS industry.

About CMSs and Why They Suck8

Using Media Queries To Hide CSS3 From Older Browsers9

One of the things I enjoyed most when I started making responsive websites a few years ago is that all code inside a media query is ignored by old, crappy browsers. This means that you can use all the CSS3 you want in there. Roger Johansson likes this too (and so will you, probably).

The New Radial Gradient Syntax10

The syntax for radial gradients in CSS3 has changed and are now implemented in IE10. Peter Gasston explains how they work, and what exactly has changed.

Mozilla Hacks Weekly, June 28th, 201211

Do you want more to read? Here are some links that the Mozilla Developer Engagement team collected a while ago.

Last CLick

The Truth About HTML5 (For Web Designers)12

This looks like a good book about HTML5 by Luke Stevens. I skipped through the chapters a bit, bought it (but didn’t read it yet). It definitely looks good. I don’t know how much five dollars is in your currency, but in euros it’s a steal.

A Book About HTML513

Previous Issues14

For previous Smashing Daily issues, check out the Smashing Daily Archive15.

Footnotes

  1. 1 http://informationarchitects.net/blog/responsive-typography-the-basics/
  2. 2 http://informationarchitects.net/blog/responsive-typography-the-basics/
  3. 3 http://artequalswork.com/posts/on-widows.php
  4. 4 http://lea.verou.me/2012/06/so-youve-been-invited-to-speak/
  5. 5 https://speakerdeck.com/u/grigs/p/performance-implications-of-responsive-design
  6. 6 https://speakerdeck.com/u/grigs/p/performance-implications-of-responsive-design
  7. 7 http://think-info.com/2012/06/26/what-does-your-cms-do/
  8. 8 http://think-info.com/2012/06/26/what-does-your-cms-do/
  9. 9 http://www.456bereastreet.com/archive/201206/using_media_queries_to_hide_css3_from_older_browsers/
  10. 10 http://www.broken-links.com/2012/06/26/the-new-radial-gradient-syntax/
  11. 11 https://hacks.mozilla.org/2012/06/mozilla-hacks-weekly-june-28th-2012/
  12. 12 http://www.truthabouthtml5.com/
  13. 13 http://www.truthabouthtml5.com/
  14. 14 www.smashingmagazine.com/the-smashing-daily-archive/
  15. 15 www.smashingmagazine.com/the-smashing-daily-archive/

Vasilis van Gemert is the Principal Front-end Developer at Mirabeau in The Netherlands and a board member of Fronteers. His aim is to close the gap between design and (front-end) development. He believes the excess of knowledge he has can be better used by others, by more creative and smarter people. You can follow him on Twitter.

Advertising

Note: Our rating-system has caused errors, so it's disabled at the moment. It will be back the moment the problem has been resolved. We're very sorry. Happy Holidays!

  1. 00

    No comments have been posted yet. Please feel free to comment first!
    Note: Make sure your comment is related to the topic of the article above. Let's start a personal and meaningful conversation!

Leave a Comment

Yay! You've decided to leave a comment. That's fantastic! Please keep in mind that comments are moderated and rel="nofollow" is in use. So, please do not use a spammy keyword or a domain as your name, or else it will be deleted. Let's have a personal and meaningful conversation instead. Thanks for dropping by!

↑ Back to top