Editor’s Note: This post is the seventh in the new Smashing Daily series on Smashing Magazine, where we highlight items to help you stay on the top of what’s going on in the Web industry. Vasilis van Gemert will carefully pick the most interesting discussions, tools, techniques and articles that have been published recently and present them in a nice compact overview.
In this edition of The Smashing Daily, you will find an answer to the question of why reinventing the wheel is a good thing, why you should make a mobile friendly website first, how to make that website, how to serve a print style sheet and you’ll get an excellent lesson in out-of-the-box thinking and innovation. Doesn’t that sound interesting? There’s much more in here, so hope you’ll like it!
“Web First for Mobile1”
Steve Souders argues that you should first optimize your website for mobile. When you’re done you can then start thinking about a native app. He came to this conclusion after seeing a few talks on Mobilism2. You should read this article.
“In defense of reinventing wheels4”
A few weeks ago I needed a little script to enable simple left and right swipe gestures on touch devices. People sent me links to amazing libraries that emulate all the possible gestures out there—but I didn’t want all possible gestures, I just needed one. This is a common issue and Lea Verou explains it in detail. You should definitely read it.
“Content Everywhere with Lyza Gardner5”
I have to admit that I haven’t listened to this podcast (to be honest, I never listen to any podcasts, not even my own, it’s just not my thing… I’d rather read) but looking at the Show Notes and Links is enough to link to it. It’s a show by Jen Simmons and Lyza Danger Gardner about a lot of great stuff that’s happening right now with content on the (mobile) Web. You should probably listen to it (and definitely click throught the links).
“5 years later: print CSS still sucks6”
You might think that linking to a separate print style sheet would be a good idea from a performance point of view. Stoyan Stefanov did a little bit of research and yes, you guessed right, linking to a separate print style sheet is very bad for performance. This doesn’t mean you shouldn’t create a print style sheet (you just shouldn’t link to it separately).
“Mobile First Design: Why It’s Great and Why It Sucks7”
More and more designers start looking at websites from a mobile-first perspective and there are many good reasons to do so. Joshua Johnson explores these reasons and he looks at the cons to this approach (which are mostly personal issues, like the fact that he isn’t used to working this way). A good article which clearly shows that we have to rethink our workflows.
Here’s an interesting article in which Matt Gemmell tries to
quantify what constitutes an enticing interface. He looks at iOs, Android and Window Phone (which he describes as
finding yourself living inside an infographic) and looks at different apps on iOs. A very interesting read that explores the many different approaches to interfaces.
“First thing you should do to optimize your desktop website for mobile11”
Jason Grigsby argues that the most important thing you can do if you want to optimize your website for mobile is to focus on performance first. Once performance is good you can then start focusing on things like mediaqueries (but only then).
“TTMMHTM: Cardboard arcade, the power of music, Book tank, Book about Ada and inventing on principles12”
Do you need more to read? Here’s the ever inspiring Things That Made Me Happy This Morning by Christian Heilmann, with some beautiful, amazing and fantastic links.
“Dr. Reggie Watts on innovation and out of the box thinking13”
Definitely: Dr. Reggie Watts is the new Emperor of Marketing Mullshit Bingo. In this presentation he
proposes some new, revealing insights on innovation and out of the box thinking in a new world of challenges for the organizational production funnel in business value environments of seemingly unrealistic, concrete demands from new, experienced entrepreneurs. Exactly (-:
You might be interested in the previous issues of Smashing Daily:
- Smashing Daily #6 (22.05)15
Navigation Design Patterns, TV’s And 1337
- Smashing Daily #5 (21.05)16
Strict Mode, Boring CSS And A Self Portrait
- Smashing Daily #4 (19.05)17
Fonts, CSS And Modern Web Design
- Smashing Daily #3 (18.05)18
Typography, eBooks And Decahedrons
- Smashing Daily #2 (17.05)19
Keyboard Navigation, Responsive Workflow And Goats
- Smashing Daily #1 (16.05)20
Mobile Device Lab, Browsers and Animated GIFs.
- 1 http://www.stevesouders.com/blog/2012/05/16/web-first-for-mobile/
- 2 http://mobilism.nl/2012
- 3 http://www.stevesouders.com/blog/2012/05/16/web-first-for-mobile/
- 4 http://lea.verou.me/2012/04/in-defense-of-reinventing-wheels/
- 5 http://5by5.tv/webahead/20
- 6 http://www.phpied.com/5-years-later-print-css-still-sucks/
- 7 http://designshack.net/articles/css/mobilefirst/
- 8 http://designshack.net/articles/css/mobilefirst/
- 9 http://mattgemmell.com/2012/04/13/augmented-paper/
- 10 http://mattgemmell.com/2012/04/13/augmented-paper/
- 11 http://blog.cloudfour.com/first-thing-you-should-do-to-optimize-your-desktop-site-for-mobile/
- 12 http://christianheilmann.com/2012/04/11/ttmmhtm-cardboard-arcade-the-power-of-music-book-tank-book-about-ada-and-inventing-on-principles/
- 13 https://www.youtube.com/watch?v=Ej_BHc1UaDA&feature=related
- 14 https://www.youtube.com/watch?v=Ej_BHc1UaDA&feature=related
- 15 http://www.smashingmagazine.com/smashing-daily-6-stats-tvs-and-1337/
- 16 http://www.smashingmagazine.com/smashing-daily-5-strict-mode-boring-css-and-a-self-portrait/
- 17 http://www.smashingmagazine.com/smashing-daily-4-fonts-css-and-modern-web-design/
- 18 http://www.smashingmagazine.com/smashing-daily-3-typography-ebooks-and-decahedrons/
- 19 http://www.smashingmagazine.com/smashing-daily-2-keyboard-navigation-responsive-workflow-and-goats/
- 20 http://www.smashingmagazine.com/2012/05/15/smashing-daily-fonts-browsers-maps-money/