As always on Friday, lots of good reading material for the weekend in The Smashing Daily. Some in-depth articles about the state and future of publishing, a nice little read about content, a good explanation of the right ways to show an icon, a great article about working with color on computers and much, much more. Enjoy!
“It’s about the content stupid1”
Stephanie Rieger makes an excellent point by saying we need less interactivity and more content. It’s similar to the conversation I had with Stephen Hay a while ago about the fact that “many mobile-specific websites are better than their desktop counterparts2“.
“Issues with position fixed & scrolling on iOS4”
position:fixed is buggy in iOS5. Remy Sharp collected all the bugs he could find about this issue. If you really need fixed positioning you could try to use Scott Jehl’s fixed fixed5.
“HTML for Icon Font Usage | CSS-Tricks6”
What’s the right way to place an icon in front of a word? Yes, there are many, many ways to do this and Chris Coyier explains which ones are the best. Thorough, as always.
“andreasbovens/understanding-viewport · GitHub8”
A while ago I linked to this excellent presentation about responsive design techniques9 by Andreas Bovens. Here are the files with the code used in this presentation, for you to play with.
“Publication Standards Part 1: The Fragmented Present10”
If you’re interested in (digital) books and the current state of publishing, then you should definitely read this article by Nick Disabato. If you want to have a happy weekend, you’d better wait until Monday. A slightly more positive read is the second article in this series, the one about the future11.
“Understanding the CSS Transforms Matrix12”
If you ever took a look at a CSS transform matrix, and changed a few numbers here and there to see what happens, then you realize how ambitious the title of this article is. The first paragraph slightly tempers the ambition: “It’s helpful to understand a bit about how they work, so let’s take a look“. Have fun with it!
“Contrast Analyser for Windows and Mac14”
There’s a trend in user interface design where the contrast between the text and the background is minimal. This looks great for young people with good eyes and an excellent monitor, but most people will have difficulties reading it. Here’s a handy—though a bit outdated—tool to check if the contrast is big enough.
“Are there good software libraries that accurately model the mixing of different colors?16”
Here’s an interesting question about colors: is it possible to emulate the way that real life colors (Red, Yellow, Blue) mix on your computer screen (Red, Green and Blue)? The answer by David Cole is a very informative read.
- 1 http://stephanierieger.com/its-about-the-content-stupid/
- 2 https://twitter.com/stephenhay/status/218061512596664320
- 3 http://stephanierieger.com/its-about-the-content-stupid/
- 4 http://remysharp.com/2012/05/24/issues-with-position-fixed-scrolling-on-ios/
- 5 https://github.com/filamentgroup/fixed-fixed
- 6 http://css-tricks.com/html-for-icon-font-usage/
- 7 http://css-tricks.com/html-for-icon-font-usage/
- 8 https://github.com/andreasbovens/understanding-viewport
- 9 http://slidesha.re/M6TRey
- 10 http://www.alistapart.com/articles/publication-standards-part-1-the-fragmented-present/
- 11 http://www.alistapart.com/articles/publication-standards-part-2-a-standard-future/
- 12 http://dev.opera.com/articles/view/understanding-the-css-transforms-matrix/
- 13 http://dev.opera.com/articles/view/understanding-the-css-transforms-matrix/
- 14 http://www.paciellogroup.com/resources/contrast-analyser.html
- 15 https://hacks.mozilla.org/2012/05/mozilla-hacks-weekly-may-24th-2012/
- 16 http://www.quora.com/Color-and-Colors/Are-there-good-software-libraries-that-accurately-model-mixing-of-different-colors/answer/David-Cole?srid=DG
- 17 http://www.quora.com/Color-and-Colors/Are-there-good-software-libraries-that-accurately-model-mixing-of-different-colors/answer/David-Cole?srid=DG
- 18 www.smashingmagazine.com/the-smashing-daily-archive/
- 19 www.smashingmagazine.com/the-smashing-daily-archive/