The 50th edition of The Smashing Daily! In this edition we have links about type, a suggestion to start using hypotheses instead of requirements, an introduction about CSS regions (and the shadow DOM), some links about responsive images, there’s an article about the glorification of being busy and an amazing art project about silent letters. Enjoy!
English is probably one of the easiest languages around, even it’s characters are simple. There is no word with a cedilla in it, and there definitely isn’t a word with an ogonek in it—a Polish character element. In this old but fascinating article by Adam Twardoch you can learn everything you need to know (and probably more) about the ogonek.
We make websites based on requirements, a set of rules we set at the beginning of the project and have to follow all along. Josh Seiden thinks we need to replace requirements with hypotheses. Sounds like a good idea. However, the hard thing about hypotheses is that they can turn out to be false after some serious testing. For scientific research this is an excellent result—for a startup this can be disastrous (but probably still better than spending a fortune on something that doesn’t work).
If you think front-end development is hard enough as it is, you’ll be surprised about how hard it’s going to get in the near future. Things like CSS regions (and especially the Shadow DOM and Web Components) are even hard to understand as a concept. Razvan Caliman tries to explain these things in this article.
Aegir Hallmundur wrote a great article about wrong assumptions when working with mobile, and he comes up with a nice responsive images technique that you might want to use every now and then. A bit complex, but it might just fit into your project.
James Young did a great job with collecting a long list of problems people encounter while working on a responsive website. He even wrote some conclusions and recommendations. A good read.
I think the worst part of the culture I live in (western business culture) is the glorification of being busy. I really believe that idling and doing nothing9 are very important activities, but that’s definitely not something the culture I live in encourages: be productive and work long days are our mantras. Tim Kreider wrote a good article about the busy trap. You should read it.
Here’s an over-simplified flowchart by Thomas Fuchs about the choices you need to make for optimizing your images for retina screens. An important question that is missing here is if you really need to optimize your images? Performance should really be an important part of this flow chart.
Looking for inspiration with your next design? Why don’t you start where it starts: with the right font. Here’s an edition of Type News, the weekly newsletter filled with new fonts and news about type in general.
Many languages have so called “silent letters”—letters that are written but that are not pronounced, like the letter w in the word written. Momo Miyazaki, Manas Karambelkar, and Kenneth Aleksander Robertson visualized these silent letters on several ways in Silenc, a beautiful work of art.
- 1 http://www.twardoch.com/download/polishhowto/ogonek.html
- 2 http://www.twardoch.com/download/polishhowto/ogonek.html
- 3 http://joshuaseiden.com/blog/2011/12/my-talk-from-ignite-lean-startup-replacing-requirements-with-hypotheses/
- 4 https://blogs.adobe.com/webplatform/2012/06/25/working-with-css-regions-and-shadow-dom/
- 5 https://blogs.adobe.com/webplatform/2012/06/25/working-with-css-regions-and-shadow-dom/
- 6 http://aegirscopic.com/articles/stretchy-pictures/
- 7 http://www.welcomebrand.co.uk/thoughts/responsive-web-design-problems-from-the-coalface/
- 8 http://opinionator.blogs.nytimes.com/2012/06/30/the-busy-trap/
- 9 http://1nothingaday.com/
- 10 http://opinionator.blogs.nytimes.com/2012/06/30/the-busy-trap/
- 11 http://mir.aculo.us/2012/06/26/flowchart-how-to-retinafy-your-website/
- 12 http://typedia.com/blog/post/type-news-one-down/
- 13 http://ciid.dk/education/portfolio/idp12/courses/data-visualisation/projects/silenc/
- 14 http://ciid.dk/education/portfolio/idp12/courses/data-visualisation/projects/silenc/
- 15 www.smashingmagazine.com/the-smashing-daily-archive/
- 16 www.smashingmagazine.com/the-smashing-daily-archive/