Mobile Tutorials

  • By
    Wrapping Code Samples on Mobile Devices

    One part of being a technical blogger that I've had to come to grips with is code samples and small mobile device screens.  I was amazed when I saw a double-digit percentage of visits to this blog were from mobile phones -- mental!  I started paying more attention to...

  • By
    Truly Responsive Images with responsive-images.js

    Responsive web design is something you hear a lot about these days. The moment I really started to get into responsive design was a few months ago when I started to realise that 'responsive' is not just about scaling your websites to the size of your...

  • By
    Using pointer-events with Media Queries

    We all know that there are a number of ways we can modify layout based on CSS media queries -- hell, we can even animate properties between media queries. One bit of outside the box thinking with media queries is deals with pointer-events.

  • By
    Mobile and Desktop Event Normalization with pointer.js

    The mobile revolution brought in a variety of new challenges, one being interaction and event handling.  We have a set of new touch events and the traditional desktop events, and click events work on both devices, but mousemove and touchmove aren't always in sync, and there...

  • By
    Firefox OS Phone Unboxing

    I may work at Mozilla but I was just as giddy as anyone to get my Firefox OS device.  I was able get one of the first test driver phones last year but there's something special about getting a finished (well, launch) product.  Here are...

  • By
    3 UX Lessons from Pinterest

    Pinterest has exploded in recent years from obscure project to global phenomenon. Why? And how can Pinterest's user experience inform developers and designers of all sorts? Let's learn from some of Pinterest's bleeding edge design decisions. Search vs. Browsing: How Do...

  • By
    How to Design Responsively

    Introduction In this article I want to share my thoughts regarding responsive design. I made several talks on this subject and this post is some kind of summary. The article presents concepts like mobile first and design in the browser. What is responsive web design Scott Kellum...

  • By
    Windows 8 Pin METAs

    Windows 8 allows for adding websites as apps (or maybe "bookmarks" is a better term) to the home screen, much in the vein that iOS allows users to do the same.  Like iOS devices, Windows 8 allows  users to accomplish this same task using custom...

  • By
    Multiple Facebook Accounts on iOS

    When little Jackson London Walsh was born, I pondered whether we should give him his own Facebook account or simply have my wife and I post to our personal accounts.  We decided to get Jack his own account because: we want to be able to have photos...

  • By
    Turn Your Web Application into a Firefox OS App in 5 Minutes

    One of the promises that comes with HTML5 mobile apps, especially those to be featured on Firefox OS, is that your existing web applications, if created properly (feature detection, responsive design, etc.), can be turned into a working mobile application in relatively little time.  And that's...