Episode 59

059 JSJ jQuery Mobile with Todd Parker


May 17th, 2013

1 hr 2 mins 57 secs

Your Hosts
Special Guest

About this Episode


Todd Parker (twitter github)
Joe Eames (twitter github blog)
Jamison Dance (twitter github blog)
Merrick Christensen (twitter github)
Charles Max Wood (twitter github Teach Me To Code Rails Ramp Up)

00:53 - Todd Parker Introduction

Filament Group

01:21 - DevChat.tv Indiegogo Campaign
01:55 - jQuery Mobile

jQuery UI

04:13 - Responsive web design
06:17 - Mobile & Proxy Browsers

Opera & Opera Mini
Amazon Silk

14:06 - Enhancements
17:11 - Plugging jQuery Mobile into Desktop Applications
19:11 - Using client-side MVC frameworks

jQuery Mobile Resources Page

21:52 - Filament Group and jQuery projects

The Filament Group on Github
Microsoft Contributions

28:26 - Theming

Structure vs Style
Object-oriented CSS
Widget Factory

37:25 - Accessibility

058 JSJ Building Accessible Websites with Brian Hogan

44:18 - Progressive Enhancement

Designing with Progressive Enhancement: Building the web that works for everyone by The Filament Group


Disenchanted by Robert Kroese (Joe)
Sid Meier's Ace Patrol (Joe)
Zeds Dead & Omar LinX (Merrick)
RequireJS (Merrick)
Ember 101 Screencasts (Jamison)
Gifsicle (Jamison)
vundle (Jamison)
D-Link SharePort Go Mobile Companion with Rechargeable Battery (Chuck)
E-3lue Cobra Type-M EMS131BK High Precision Gaming Mouse (Chuck)
TotalMount - Apple TV Universal Mounting Kit (Chuck)
Sonos (Todd)
Sketch App (Todd)
GitHub (Todd)
iOctocat (Chuck)
Grunt (Todd)
LEGO Batman: DC Super Heroes (Todd)

Next Week
Development Environments

[Hosting and bandwidth provided by the Blue Box Group. Check them out at Bluebox.net.] 

[This episode is sponsored by Component One, makers of Wijmo. If you need stunning UI elements or awesome graphs and charts, then go to Wijmo.com and check them out.] 

CHUCK:  Hey everybody, and welcome to Episode 59 of the JavaScript Jabber Show. This week on our panel, we have Joe Eames.

JOE:  Hey everybody.

CHUCK:  Jamison Dance.

JAMISON:  Hello.

CHUCK:  Merrick Christensen.

MERRICK:  Hey guys.

CHUCK:  I’m Charles Max Wood from DevChat.tv. And we have a special guest, Todd Parker from the jQuery UI team.

TODD:  Hey everyone.

CHUCK:  You want to introduce yourself really quickly?

TODD:  Sure. My name is Todd Parker. I am a partner here at Filament Group in Boston. We’re a small web design shop. And I’m also the project lead for the jQuery Mobile team. And previous to that, I was on the jQuery UI team as well. So, I’m both covered.

CHUCK:  Did I say jQuery UI? I meant jQuery Mobile.

TODD:  You did. I was covering for you though, it’s okay.

CHUCK:  [Laughs] Awesome. Before we get too far into this, I want to make one announcement and that is that I’ve set up an Indiegogo campaign for the network of podcasts that this is a part of. So, we’re trying to build a website that has all the features that people have been asking for. Mostly it has to do with search and some RSS feed management stuff. So, if you would like to support the show, then by all means do so. You can do it by going to Indiegogo.com/projects/DevChat-tv. And I’ll put a link to the show notes so that you can find it.

Alright. Well, let’s talk about jQuery Mobile here. I’m a little curious. I’ve played with it a little bit, but I haven’t really had to build too many Mobile sites. So, can you explain a little bit about what the focus is and how it’s different from the jQuery that we all know and love?

TODD:  Sure. So, jQuery Mobile started its life, it’s very similar in concept to jQuery UI, so it’s a user interface framework that’s built on top of jQuery core. The difference between UI and Mobile is obviously UI is much more desktop focused, and Mobile is mobile focused. That said, jQuery Mobile, from the beginning,