This article provides a nice overview for those looking to understanding what Google Analytics reports will help you decipher your mobile and tablet user base. The overview is great, and the only point I would like to add has to do with the Mobile Device Report.
Under the Mobile Device Report (Audience > Mobile > Device) the iPhone will probably appear as #1, but there is no indication as to which iPhone (3G, 3Gs, 4G, 4Gs, 5, 5s) your are users are using. The user agent strings are not unique to each device or resolution, unlike Samsung. It’s also important to note that the same logic applies to the iPad. The overview is great, but the resolution and bandwidth realities are a little unclear, which can create a challenge when trying to optimize banner ads with static text for multiple resolutions.
How To Use Analytics To Build A Smarter Mobile Website | Smashing Mobile.
Great resource for responsive email templates. Nice to see what is possible and Litmus includes the Email Insights results so you can see what these templates will look like in multiple Email Providers.
Go Responsive with 7 Free Email Templates from Stamplia | Litmus.
There is no silver bullet solution to front-end development, nor should there be, if we want to create unique experiences for users. That being said, using a responsive design framework as a “productivity tool” has immense benefits. I fall on the Foundation and SASS side of the fence for the following reasons.
Foundation does exactly what its name says, it eliminates the need to recreate the wheel and it establishes a foundation on which to build upon. As a bonus, by understanding the code under the hood, my skill-set as a front-end developer has improved. SASS makes the organization, modularization and future maintenance of your site a dream.
To often in this field there are purists that stick to their guns and refuse to remain open minded. Like being a designer that balks every time someone uses the word “font” instead of “typeface”, lets drop the semantics and focus on the task at hand: creating optimal web experiences. I believe that a framework needs to be used for exactly what it is intended for, taking care of the repetitive tasks and the debugging that plagues our field. For this I am grateful as it allows more time for focusing on better UI and UX.
Responsive Design Frameworks: Just Because You Can, Should You? | Smashing Mobile.
Recently I was utilizing CSS @font-face rule to include a little typographic flare to a site. Typically, I work in the browser when doing my front-end development, Firefox with Firebug specifically. Everything was looking great until I upload to start my testing across browsers. My True Type Font (.ttf) was not rendering in Chrome despite the fact that ‘.ttf’ is Chrome’s required format! The font I was using was Lubalin and it wasn’t playing nicely. I had used the @font-face rule with a True Type Font before and not run into any issues with Chrome so I was perplexed as to why it wasn’t working.
Great roundup of current trends for web design via econsultancy. This article includes a brief intro for each trend as well as examples of its use in the field. Great source for inspiration and ideation.
18 pivotal web design trends for 2014 | Econsultancy.