Smashing Daily #11: Batteries, Colors, Videos

All mobile performance nerds, responsive image thinkers, font lovers, colorblind people and everybody else who works on the Web will probably find something of interest in this edition of The Smashing Daily. Enjoy!

The real conflict behind <picture> and @srcset1
A few weeks ago there was this row about responsive images: two competing proposals that somehow clashed. Jason Grigsby takes another look at both of these proposals from the viewpoint of the lookahead pre-parser, claiming that they are both conflicting with this idea and that they are a maintenance nightmare. He concludes with the fact that this issue should be solved from within the image itself, and he’s right about that. We’ll just have to wait awhile. Anybody at Adobe listening?

Picture and srcset2

Open Source Mobile Performance Test3
Testing performance on mobile devices can be pretty hard to do. There are some different tools out there and one of them, Mobitest, has been open sourced for a while now. This tool lets you remotely run accurate tests on real devices. You can try it out here4 or you can install it yourself now (which is rather complicated, like everything on mobile).

Browsers and Apps in 20125
So is this the final piece written about native vs. Web? Tim Bray wrote down all the reasons for making a native or a Web app, concluded nothing, and shared a lot of links on the subject. Go ahead and read it if you’re still amused by this discussion.

JavaScript Battery API6
New APIs seem to be released every week. A while ago the Battery API was implemented in Firefox Aurora (and I believe it’s in Chrome as well now). David Walsh explains how this new API works and what it’s for.

The battery API7

Blog: Type News: Feral Lamb Chop8
The weekly update by Typedia for all font nerds, with some beautiful new typefaces (there’s even one with a windmill!) and lots of links to all of the things that have happened in the world of letters.

We are Colorblind9
About 8% of the male population—that’s about 4% of all people—have some kind of color blindness. We may optimize our websites for browsers (with that many users), yet we may not always think about these men. Here’s a whole website dedicated to colorblindness, with good articles on buying clothes10, and good examples like finding the links in Readability11. A section with tools would be a good addition to this website

We are colorblind12

Video, Mobile, and the Open Web13
In this very long post Brandan Eich explains why Firefox will support the H.264 video codec on devices that have hardware support for it. If you’re interested in this matter, go ahead and read all of it, it is interesting stuff.

Mozilla Hacks Weekly, May 3rd 201214
Is The Smashing Daily not enough? Do you need more to read? Here’s another list with links, provided by the Mozilla Developer Engagement team.

Last Click

CSS States15
The more we play with CSS transitions the more incredible things/hacks we find. It reminds me of the old days when every week or so a new CSS trick was published (things like sliding doors, or some sort of blob navigation with sprites). Here’s an incredible transition hack that keeps the state of the animated figure. Yes, I know, that’s an extremely vague description, so you should probably just check it out and read the blog post about it16.

Endless transition delays17

Previous Issues18

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

Footnotes

  1. 1 http://blog.cloudfour.com/the-real-conflict-behind-picture-and-srcset/
  2. 2 http://blog.cloudfour.com/the-real-conflict-behind-picture-and-srcset/
  3. 3 http://www.blaze.io/technical/open-sourcing-mobitest/
  4. 4 http://www.blaze.io/technical/open-sourcing-mobitest/
  5. 5 http://www.tbray.org/ongoing/When/201x/2012/05/02/Web-Futurez
  6. 6 http://davidwalsh.name/battery-api
  7. 7 http://davidwalsh.name/battery-api
  8. 8 http://typedia.com/blog/post/type-news-feral-lamb-chop/
  9. 9 http://wearecolorblind.com/
  10. 10 http://wearecolorblind.com/article/on-buying-clothes-the-color-of-asphalt-and-price-tags/
  11. 11 http://wearecolorblind.com/example/readability/
  12. 12 http://wearecolorblind.com/
  13. 13 https://hacks.mozilla.org/2012/03/video-mobile-and-the-open-web/
  14. 14 https://hacks.mozilla.org/2012/05/mozilla-hacks-weekly-may-3rd-2012/
  15. 15 http://dabblet.com/gist/2076449
  16. 16 http://joelb.me/blog/2012/maintaining-css-style-states-using-infinite-transition-delays/
  17. 17 http://dabblet.com/gist/2076449
  18. 18 www.smashingmagazine.com/the-smashing-daily-archive/
  19. 19 www.smashingmagazine.com/the-smashing-daily-archive/

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.

Advertising

Note: Our rating-system has caused errors, so it's disabled at the moment. It will be back the moment the problem has been resolved. We're very sorry. Happy Holidays!

  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

Yay! You've decided to leave a comment. That's fantastic! Please keep in mind that comments are moderated and rel="nofollow" is in use. So, please do not use a spammy keyword or a domain as your name, or else it will be deleted. Let's have a personal and meaningful conversation instead. Thanks for dropping by!

↑ Back to top