Smashing Daily #29: Retina, Pixels, Color Management
A while ago the new iPad was released, and the thing that struck people the most was that images on websites suddenly looked blurry. Trent Walton was one of these people. So he wrote down his—smart as ever—thoughts about this issue, suggesting to use as much CSS as possible, and asks the question if we need to optimize all out images for retina displays (are crispy visuals more important than a crispy performance? Sometimes, but not always).
“Forget the perfect logo3”
I completely agree with Mads Jakob Poulsen, design is not just about the logo, that the combination of all elements should form the identity. He calls this system based design. I came to the same conclusion by the simple observation that you have to be able to recognize the website you’re on wherever you are (especially when viewing a long, single column, mobile website). It’s an important insight, and all designers should probably read this article (it will definitely not hurt them).
You should not use vector graphics for logos or icons if you don’t know the exact dimensions, explains Dustin Curtis. You might think that vector graphics are exactly the right format for these kinds of things, but Dustin shows us that humans are much better at pixel-fitting than machines… unfortunately.
A while ago Jeremy Keith explained why
“Simple CSS color management with SASS8”
I definitely have to get used to some features of SASS, like color management. But designers really must learn this clever and extremely powerful way of working with colors that Chris Hart explains in this article. I don’t believe all designers must know how to code, but I do believe they have to know how to make a basic color pallete, like this one.
If you need a solid style guide for your project, then Barebones (a project by Paul Lloyd), might be exactly what you’re looking for. Not too complicated, but not to simple, either.
“The Evolution of CSS Layout: Through CSS 3 and Beyond11”
If you have an hour to spare, you might be interested in watching this presentation by Elika J. Etemad about the history and future of CSS layout, a very interesting and important subject. I can’t wait for that future to finally be here…
If you need something to do for the weekend, here’s a brilliant idea for a camera: a descriptive camera that outputs a description of the picture, instead of the picture itself. A fantastic idea!
- 1 http://trentwalton.com/2012/05/08/in-flux/
- 2 http://trentwalton.com/2012/05/08/in-flux/
- 3 http://www.computerarts.co.uk/features/forget-perfect-logo
- 4 http://dcurt.is/pixel-fitting
- 5 http://dcurt.is/pixel-fitting
- 7 http://adactio.com/journal/5429/
- 8 http://blog.12spokes.com/web-design-development/simple-css-color-management-with-sass/
- 9 http://blog.12spokes.com/web-design-development/simple-css-color-management-with-sass/
- 10 https://github.com/paulrobertlloyd/barebones
- 11 http://emergingtech.chariotsolutions.com/2012/05/ete-2012-elika-j-etemad-the-evolution-of-css-layout-through-css-3-and-beyond/
- 12 http://theletter.co.uk/index/6391/link+dump
- 13 http://mattrichardson.com/Descriptive-Camera/
- 14 http://mattrichardson.com/Descriptive-Camera/
- 15 www.smashingmagazine.com/the-smashing-daily-archive/
- 16 www.smashingmagazine.com/the-smashing-daily-archive/