Mobile Tutorials
Enable GZIP Compression on nginx Servers
Speed kills, and there's nothing like a speedy website. When you come to this blog, I want you to have a great experience, which is why I've worked tirelessly to compress every asset and avoid unnecessary synchronous interactions. In reviewing my site with Google Pagespeed...
Scroll IFRAMEs on iOS
For the longest time, developers were frustrated by elements with overflow not being scrollable within the page of iOS Safari. For my blog it was particularly frustrating because I display my demos in sandboxed IFRAMEs on top of the article itself, so as to not affect my site's...
Treehouse iPad App
I've been championing my sponsor, Treehouse, for a long time. Their online video tutorials are high quality, their price point is excellent for those who don't want to pay the extortion that is traditional college, and they provide education for a variety of...
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...
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...
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
.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...
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...
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...
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...