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 #38: Heatmaps, Animations, Images

The new workflow for people who write JavaScript, W3C’s design principles, a study about the usage of Firefox’s interface, a nice interactive color keyword diagram, a physical backup of Google Images, and much, much more in this edition of The Smashing Daily. Enjoy!

Firefox Heatmap Study 20121

Here’s a very interesting study which investigates the use of the various items in the Firefox desktop interface. This study could easily result in a better, more intelligent interface (if the right conclusions are drawn).

What Parts of the Firefox UI do People Use Most?2

An Essay On W3C’s Design Principles—Contents3

Here’s a very interesting essay about the design principles behind the work of the W3C, which means the design principles behind languages like CSS and HTML. It’s long, but good to know.

JavaScript Development Workflow Of 20134

JavaScrip (and front-end development as a whole) has changed a lot over the past few years, which means that our workflow should have changed too. Paul Irish shows us some tricks to improve this workflow.

Your Shell Should Be Sexy5

An Introduction To CSS3 Animations

Here’s a simple article that explains the basics of CSS animations. If you never used them this might be a good starting point, but be sure to read more about them (there’s much more to know).

IE-Friendly Mobile-First CSS With Sass 3.26

Depending on how you look at things you can just simply (or complicatedly) set up your CSS using the mobile-first approach, or you can complicate things/make things easier by doing the same thing with SASS. Jake Archibald explains.

Ajax With Images7

Here’s a nice trick by Stoyan Stefanov in which you use the response of an image to check a few things. Very clever!

CSS Color Keyword Distribution8

Here’s a nice interactive diagram, made by Tab Atkins Jr. with all the CSS-color keywords. Now go ahead and find the colors papayawhip and olivedrab.

A Nice Color Keyword Picker9

Accessibility And Developers10

Paul Irish believes there are not enough articles about accessibility for developers, about how this works and how to implement things like ARIA. So he makes a call for action. Are there any experts on this field? Read this, your knowledge is needed.

Last Click

Google Book

What would happen if the internet goes off? Do you have a physical backup of all the important parts you need? Probably not. Luckily for us there is this book that Ben West and Felix Heyes made which contains the first Google image for all 21,000 words in the dictionary.

The Google Images Book

Previous Issues11

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


  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12

↑ 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