Menu Search
Jump to the content X X
Smashing Conf San Francisco

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf San Francisco, dedicated to smart front-end techniques and design patterns.

Smashing Daily #34: Content, Color, Books

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“.

It's about the content stupid

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.

How to show icons5

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!

Understanding the Matrix11

“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.

Mozilla Hacks Weekly, May 24th 201212
Do you need more to read for the weekend? Here’s an old list of links by The Mozilla Developer Engagement Team.

Last Click

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.

Some good color theory14

Previous Issues15

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


  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15
  16. 16

↑ Back to top Tweet itShare on Facebook

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.

  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

You may use simple HTML to add links or lists to your comment. Also, use <pre><code class="language-*">...</code></pre> to mark up code snippets. We support -js, -markup and -css for comments.

↑ Back to top