Smashing Daily #9: Mobiles, Stopwatches, Books
“Testing the Firefox browser on mobile websites1”
When using a mobile, we test our websites on Opera Mini, Opera Mobile, Safari on iOs (a few versions), the Browser in Android (many versions), and Chrome on Android 4. But there’s another browser you might want to start learning and that’s Fennec, the mobile version of Firefox.
“Mobile Web Resources3”
Here’s an incredible list with resources about the mobile Web. Important articles, clever bookmarklets, books, frameworks, presentations, tools, useful websites, and much, much more, everything is in there. Isn’t this how Yahoo started? Kidding. The rest of the website4 is pretty interesting and well informed, too.
One of the possible tools in a new, responsive workflow are style tiles—design studies which are somewhere in between a sketch and a mockup. They can be very handy in giving your client an impression of how things might look without going into too much detail. Here’s an explanation of what these things are (the only thing missing are some beautiful examples, I think the examples provided are awful—at least here in the Netherlands people react negatively when they see them, which is a shame since it is a useful tool).
“The value of 1000 Androids | Stephanie Rieger7”
If you have to support 1,000 different Android Phones there are a few things you can do: run away, test everything on every single one of them, or do what Staphanie Rieger advises you to do: learn and understand these devices. It’ll save you a lot of time eventually.
“Most Web Design Agencies Suck8”
Nathan McGinness agrees with Andy Budd when he says that most Web design agencies suck. He says that somehow we must cut the overhead and find ways to put makers (designers, engineers, writers etc.) directly in touch with the people who need their expertise. He’s definitely right.
Specificity can be hard in CSS, things do not always work the way you’d expect them to work. Eric Meyer has a great example, and he explains the negation pseudo-class. Not sure what the negation pseudo-class is? That’s another good reason to read this.
“About HTML semantics and front-end architecture11”
Building a small website with CSS is easy, but once the website gets a little bit bigger, things get complicated. Great minds have been thinking and writing about this for years—people like Nicole Sullivan12, Jonathan Snook13 and projects like BEM14—and now Nicolas Gallagher wrote this excellent piece on the subject. If building big websites in teams is your thing, then you should definitely read this.
“GitHub for Windows17”
One of the most clever things GitHub did was creating a desktop application for the Mac that typical Mac users could understand without too many problems and without too much explanation. The next clever thing they did is creating a similar application for Windows. This means that Windows users don’t have to pretend they understand Git anymore, they can just use it!
“Craig Mod—Nourishing Habits for Nourishing Design18”
How do you design something that’s new and not completely understood yet, like a digital book? Should you mimic what came before it, or shouldn’t you? Craig Mod explains that it’s not just a black-and-white answer in this beautiful and intelligent presentation. If you have some spare time, take that time to watch it, it’s really good.
- 1 https://hacks.mozilla.org/2012/05/testing-the-firefox-browser-on-mobile-websites-are-you-game/
- 2 https://hacks.mozilla.org/2012/05/testing-the-firefox-browser-on-mobile-websites-are-you-game/
- 3 http://mobilewebbestpractices.com/resources/
- 4 http://mobilewebbestpractices.com/
- 5 http://styletil.es/
- 6 http://styletil.es/
- 7 http://stephanierieger.com/the-value-of-1000-androids/
- 8 http://nthn.net/2012/03/most-web-design-agencies-suck.html
- 9 http://meyerweb.com/eric/thoughts/2012/03/07/negative-proximity/
- 10 http://cennydd.co.uk/2012/why-i-dont-wireframe-much/
- 11 http://nicolasgallagher.com/about-html-semantics-front-end-architecture/
- 12 https://github.com/stubbornella/oocss/wiki
- 13 http://smacss.com/book/
- 14 http://bem.github.com/bem-method/pages/beginning/beginning.en.html
- 17 https://github.com/blog/1127-github-for-windows
- 18 http://vimeo.com/33919422
- 19 http://vimeo.com/33919422
- 20 www.smashingmagazine.com/the-smashing-daily-archive/
- 21 www.smashingmagazine.com/the-smashing-daily-archive/