Twitter: raymondcamden


Address: Lafayette, LA, USA

Logs from Open PhoneGap Session

04-23-2014 1,579 views Mobile, Development Comments

Thank you to everyone (especially the PhoneGap team!) who showed up to the open session that Holly and I ran today. We had a great size crowd and a very interesting set of questions. Between Holly and I and other PhoneGap members we were able to cover nearly everything. The pace picked up towards the end but we had a firm cut off time so we couldn't go long. We definitely plan on repeating this soon. I'm using Gists for the logs. First is the Q and A log:

Project Parfait - PSD Introspection in the Browser

04-22-2014 1,025 views Development, Design 3 Comments

Today Adobe launched a pretty cool new site - Project Parfait. Project Parfait lets you work with PSDs via your web browser.

PhoneGap Developer App

04-21-2014 2,753 views Mobile, Development 17 Comments

At the end of last week a really interesting new PhoneGap tool was launched - the PhoneGap Developer App. The PG Developer App is a "shell" application that you can install on a real device (both Android and iOS with Windows Phone coming soon) and test with a local copy of your code. You can skip the SDK. You can test iOS on Windows. All you need is the core PhoneGap CLI and you are good to go. Let's take a quick look.

First - ensure you have installed the phonegap CLI via npm. Ensure you have the latest version (see my guide if you are new to npm) and then create a new project.

At this point you do not have to add a platform. Next - fire up the server:

Make note of the IP address. It should be obvious, but this tool requires that your mobile device be able to "see" your development machine. If you aren't on the same network (or on one of those cluttered free WiFi networks) you may have an issue. Ok, now, run the PhoneGap you downloaded to your device. Here's mine running on my iPhone.

Simply enter your IP address and hit connect. What you're seeing now in the app is the code from your project. If you switch back to your command prompt, you can see a butt load of messages - essentially an access log of requests. Fire up your favorite editor, make a change, and just click save.

It should update automatically, but if it doesn't, try a four finger tap. But to be clear, you do not have to go to the command line and run anything. It just - plain - happens.

Another interesting feature of the Dev App is that will automatically load all the core plugins. So if you want to test the Camera API, you just do it. No need to install the plugin manually. This is cool... but I kinda worry it may trip people up when they stop using the Dev App. I tend to be a worry wart though.

Another issue is that you cannot use remote debugging with it. By that I mean Safari Remote Debugging or Chrome Remote Debugging. Weinre works fine with it though.

So - thoughts? I've said before that I tend to focus on the Cordova CLI, especially when I teach, but I definitely see me demonstrating this next time I present on PhoneGap/Cordova.

Recording: Debugging Mobile Applications Presentation

04-18-2014 1,539 views Mobile, Development 9 Comments

Thank you to everyone who attended (not sure how many - 20+ I think?) my Google Hangout presentation today. I think I'm getting used to the platform but as always, if anyone has any tips for how I could do these better, I'll gladly listen to your advice. You can watch the recording below. I'm not attaching the slide deck as there aren't any 'real' demo files for you to play with, but if anyone really wants it, I will.

Another Weekly to Sign Up For...

04-18-2014 1,254 views Mobile 2 Comments

I've blogged before about some excellent newsletters to sign up in regards to web dev. A new one has just launched - Mobile Web Weekly. This newsletter is curated by two friends of mine - Brian Rinaldi and Holly Schinsky. Check it out. To get an idea of what they are covering, here is the latest issue, with a story by yours truly.

Article: HTML out of the Browser

04-17-2014 1,331 views Development, HTML5 Comments

Very happy to announce the first publication of an article of mine on the Mozilla Hacks blog. This article is a bit of a departure for me. Less techy and more touchy-feely. Broadly, the article is a look at how HTML (well, web standards in general) are branching out of the browser. Probably some (or most) of this is known to my readers, but I felt like a look at this phenomenon was worthwhile. I hope you enjoy it as well.

HTML out of the Browser

Open PhoneGap/Cordova Session next week

04-16-2014 2,502 views Mobile, HTML5 Comments

It has been a while, but next week (Wednesday, April 23rd) at 12PM CST, Holly Schinsky and I will be hosting an open Q and A session for PhoneGap and Cordova. We've run these before and they are pretty successful. There will not be any presentation, but we will take your questions and answer them to the best of our ability. These sessions tend to bring up great discussions and are a good chance to see what other people are struggling with as well. We won't make a recording, but we will share the text of the questions and answers after the session is complete.

We will use Connect for this and the URL will be: https://my.adobeconnect.com/r5ld5x2k7na/.

Example of Async Linting support in Brackets Sprint 38

04-15-2014 1,668 views Development, JavaScript Comments

One of the more cooler updates to Brackets recently was the linting API. This came out back in October and I wrote up a review of the API for the Brackets blog. It basically took 90% of the boiler plate code for linters and made it a heck of a lot simpler.

Google Hangout - Debugging Mobile Web/Cordova Apps - A Quick Review

04-15-2014 3,070 views Mobile, Development Comments

This Friday at 1PM CST, I'll be hosting an online Google Hangout about debugging mobile web/Cordova applications. This is a repeat of what I did at this years FluentConf, so if you couldn't make it, this is your chance. Note that I've set the meeting length to 1.5 hours. It will be much shorter than that. The original presentation was 30 minutes and I anticipate it taking about the same. I'm not sure what Google Hangouts will do if I go past the end of a meeting so I wanted to ensure we didn't get cut off. For folks who can't make it, it will be posted to YouTube about an hour later.

Debugging Mobile Web/Cordova Apps - A Quick Review

Multi-File Uploads and Multiple Selects (Part 2)

04-14-2014 2,319 views JavaScript, HTML5 4 Comments

A while back I wrote a simple example of using JavaScript to add file previews for a multi-file upload HTML control. You can find that entry here: Adding a file display list to a multi-file upload HTML control. I followed it up with another example (Multi-File Uploads and Multiple Selects) that demonstrated adding support for multiple selections. This weekend a reader asked for a way to remove files from the list before uploading. Here is an example of that.