Wednesday, September 24, 2014

Media queries, PhoneGap and iPhone 6 / iPhone 6 Plus

If you’re a hybrid app developer using PhoneGap/Cordova, you’re probably already tinkering with getting your media queries updated for the larger Apple devices.

If you need to target the specific devices, the following have worked in testing for me (your mileage may vary):

iPhone 6:
@media screen and (max-device-width: 667px) and (-webkit-device-pixel-ratio: 2) { ... }

iPhone 6 Plus:
@media screen and (min-device-width : 414px) and (max-device-height : 736px) and (max-resolution: 401dpi) { ... }

You’ll also need to make sure you’re specifying the necessary new splash screens in your bundles, otherwise you’ll revert to scaling.

Give it a shot!

posted by Dustin Vannatter at 1:43 am  

Thursday, October 31, 2013

Quick Tip: Coda 2.0.12 and Subversion (on Mavericks)

Having trouble getting the latest build of Coda (2.0.12) to recognize your subversion binaries/repos? Try this, and let me know if it helps:


posted by Dustin Vannatter at 12:39 pm  

Friday, October 4, 2013

Quick Tip: Dealing with PhoneGap, jQuery Mobile and iOS 7 status bars

We’ve been using PhoneGap a lot for our recent projects to help quickly develop simple mobile apps for clients. With the release of iOS 7, all apps are now running in ‘full screen’ mode, which creates an issue with your viewable content as none of our apps were compensating for the top status bar (and thus, overlaying headers, navigation, etc).


posted by Dustin Vannatter at 1:09 pm