Two helpful links for debugging websites when viewed through mobile safari.
Tag: mobile
-
On WebSQL, mobile programming
Been experimenting with Phonegap, but I’ve run into some major struggles with WebSQL and specifically the craziness of clear tutorials/documentation on it. I spent over an hour not knowing why AUTO_INCREMENT wasn’t working before learning that the WebSQL version of that function is AUTOINCREMENT (one word). FYI, there’s several versions of SQL, so search for your specific use case if stuck on syntax errors. Props to twoHard blog for solving that one.
I also want to point out 2 books that have helped tremendously as I learn Javascript and PhoneGap:
- Javascript Patterns by Stoyan Stefanov
- Beginning Phonegap by Thomas Myer
-
Mobile app – part 2
Ok- so after going to a phonegap SF meetup tonight– I got super excited and needed to get something done tonight. I needed to get something small done since I only had about 3 hours.
Goal: Generate & show QR code on iphone simulator
- Started by following this tutorial on embedding a map:
- At first I couldn’t click on links or view external images. Was baffled until I noticed errors on bottom panel.
- You must edit phone gap preferences and white list external pages. Read: Xcode phonegap White list rejection
- Next I gutted the code to just show a url of an image.
- Google has a nifty qr code generator. Based on the url, google will return a qr png image.
- function run() { var url = “https://chart.googleapis.com/chart?chs=150×150&cht=qr&chl=Hiya”; document.getElementById(‘map’).setAttribute(‘src’,url); }
- And that’s it! Run and done!
Next up: Reading QR codes…
Seems like there’s 2 main phonegap iphone plugins: ZXing and ZBar. I need to read up on both.
Edit- Ok I lied- I got bored and decided to add a form submission to change the qr image. I used jquery mobile to get the quick and dirty styling. ~1hr (’cause I forgot how to handle forms)
-
Mobile app experimentation
Everyone tells me that two fields are rather hot right now in design: UX (User experience) and Mobile design. So, in the two weeks I took off for the holidays, I figured I’d do some dappling in some mobile app creation starting with a simple iPad game. I want to document some of my thoughts around the process as I go through it- just in case I forget (always)
- Purchased IOS Dev account. $99 (Actually $107 w/tax)
- Downloaded Phone gap for iPad
- Downloaded & installed xTools on Apple’s site (>4gb! So large a download!)
Tools Used
- Phonegap
- jQuery mobile
- Sencha?
- Crafty
Articles read
- Crafty: Creating your first Crafty game
- A tale of two app stores – tools and tips on html5 mobile game dev.
Update 12/26: Got phonegap working on xTools
Was able to get phonegap up and running. Basically allows you to use js instead of ios. You still use xTools for the iphone simulator and the deployment of your in-process project. It’s pretty wild to see your own ‘app’ on an iPhone.
Update 12/28: Trying out Crafty JS
Saw Crafty JS was a good game JS library, so I’m trying it out following this tutorial.
