Mobile Tutorials
Kotlin Coroutines and Delay
Whenever I suspect that there's a timing conflict causing a problem with rendering and directives, I usually opt for a JavaScript
setTimeout
with a delay. ThesetTimeout
code never makes it to production, but it does help me to understand if my code is the...Mirror Android Device to Computer
As I continue my adventure into Android development, pair programming has been a huge help in learning this new platform. When it's time to build and run the app, relying on the emulator is a fools' game -- the emulator is slow and it's hard to...
Hello Fenix!
Over seven years ago I made the massive career leap to Mozilla. Two years ago I realized a dream of joining the Firefox DevTools team -- it's been a rewarding adventure helping to improve the Firefox DevTools Debugger and other super helpful tools. I'm...
Game of Thrones Snapchat Filter
If you follow me on Twitter, you know I'm a massive Game of Thrones fan. I may not know every name but my mind has a mental map of every angle and epic battle. Not since Sopranos has there been a television show...
Prevent Mobile Browser From Sleeping
Web developers still have a difficult job when it comes to mobile; the web will never provide as many APIs or as much control as native mobile platforms but our users expect the same excellent experience. Creating HTML5 games and media-heavy apps for the web can...
Responsive Images with Client Hints
It doesn't take being a performance fanatic to know that images can really slow down a page's load time. We've come a long way when it comes to images, from lazy loading them to using better image formats like WebP, but they all involve loading the...
JavaScript Battery API: Promises
Working at Mozilla has afforded me the time to look at new APIs, one of them being the Battery API. I wrote about the Battery API a while back, when the API was fresh into browsers. Since then the Battery API has changed, implementing a promise-based...
Responsive Images: The Ultimate Guide
Chances are that any Web designers using our Ghostlab browser testing app, which allows seamless testing across all devices simultaneously, will have worked with responsive design in some shape or form. And as today's websites and devices become ever more varied, a plethora of responsive images...
iOS Mobile Safari Hover Menu Fix
One component I'm quite proud of creating is the Mozilla Developer Network's dropdown menu component. It's elegant, flexible, accessible via keyboard, and relatively compact (though it does require jQuery). One problem I did notice, however, was that tapping once opened the menu (good) but you'd have...
Remove Mobile Firefox Button Gradient
If you have an Android device, you've gotta check out Firefox for Android. It's an outstanding mobile browser -- it has been very well received and you can even install apps from the Firefox Marketplace from within this awesome browser. One usability practice implemented by Firefox for...