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 stupid”
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 counterparts1“.
“Issues with position fixed & scrolling on iOS2”
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 fixed3.
“HTML for Icon Font Usage | CSS-Tricks4”
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 · GitHub6”
A while ago I linked to this excellent presentation about responsive design techniques7 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 Present8”
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 future9.
“Understanding the CSS Transforms Matrix10”
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 Mac”
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?13”
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 https://twitter.com/stephenhay/status/218061512596664320
- 2 http://remysharp.com/2012/05/24/issues-with-position-fixed-scrolling-on-ios/
- 3 https://github.com/filamentgroup/fixed-fixed
- 4 http://css-tricks.com/html-for-icon-font-usage/
- 5 http://css-tricks.com/html-for-icon-font-usage/
- 6 https://github.com/andreasbovens/understanding-viewport
- 7 http://slidesha.re/M6TRey
- 8 http://www.alistapart.com/articles/publication-standards-part-1-the-fragmented-present/
- 9 http://www.alistapart.com/articles/publication-standards-part-2-a-standard-future/
- 10 http://dev.opera.com/articles/view/understanding-the-css-transforms-matrix/
- 11 http://dev.opera.com/articles/view/understanding-the-css-transforms-matrix/
- 12 https://hacks.mozilla.org/2012/05/mozilla-hacks-weekly-may-24th-2012/
- 13 http://www.quora.com/Color-and-Colors/Are-there-good-software-libraries-that-accurately-model-mixing-of-different-colors/answer/David-Cole?srid=DG
- 14 http://www.quora.com/Color-and-Colors/Are-there-good-software-libraries-that-accurately-model-mixing-of-different-colors/answer/David-Cole?srid=DG
- 15 www.smashingmagazine.com/the-smashing-daily-archive/
- 16 www.smashingmagazine.com/the-smashing-daily-archive/
Hold on, Tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf New York, on June 14–15, with smart design patterns and front-end techniques.