mobile

responsive design: hidden complexities

Working on the hyperkitty frontend has been my first foray into responsive design. Previously, when designing for mobile devices, I'd focus on native applications or do mobile-only websites (e.g., upon detecting a mobile browser, you'd be redirected to a mobile version of the website). Both of these methods have the benefit of being able to design sites/apps that are tailored very specifically for mobile devices. However, the downside is that it's yet another piece of software that has to be maintained. So that's at least one good reason for moving towards responsive web…Read more …

mobile layouts

Recently I've been trying to figure out the best mobile layouts for some of the hyperkitty pages. The challenge has been that there is often a lot of content on these pages, so figuring out a clean way to display that on a small screen can be tricky. The screenshots below give you a sense of what I've been playing around with. These are for 3 different screen widths of the overview page: 320px screen width: 640px screen width: 768px screen width: The 320px is for the smallest Android screens, 640px is a…Read more …

debugging the Javascript Quick-Start Guide for Evernote SDK

Turned out to be a few relatively simple bugs, but together they caused enough of a hiccup that I was left scratching my head for a bit. So if anyone else out there finds themselves in the same boat, hopefully these tips will help. I was interested in checking out Evernote's API and decided to start with their Javascript tutorial. It turns out that they left out a few things in their writeup: In the original gist of index.html that's in the tutorial, there's a missing bracket ('>'): <input type="submit" value="Login" onClick="app.loginWithEvernote()"</input> should…Read more …