HTML5 Mobile Chat Easily with jQuery

2 min readMar 14, 2012

Waving Hand

Good News! We’ve launched an all new Chat Resource Center.

We recommend checking out our new Chat Resource Center, which includes overviews, tutorials, and design patterns for building and deploying mobile and web chat.

Take me to the Chat Resource Center →

Get started quickly with your mobile app development with jQuery Mobile and PubNub. In just 125 HTML+CSS+JavaScript lines of code, I wrote this mobile chat app in under an hour. It was so easy to take advantage of the UI Components of jQuery Mobile and bind them into the Publish and Subscribe PubNub APIs. All the code you need is available on our GitHub Repository. Want to see it in action?

Check out the live HTML5 mobile chat demo here:
HTML5 Mobile Chat Easily with jQuery

HTML5 Mobile Chat + jQuery

Only the basic jQuery functions were used to get this app into action such as bind(), click() and scrollTop(). Then we used the PubNub publish() and subscribe() functions to allow cross-phone communication. The rest was simple because PubNub provides a reliable mobile connection between iPhones/Android devices and jQuery take care of the UI joy.

You’ll first need to sign up for a PubNub account. Once you sign up, you can get your unique PubNub keys in the PubNub Developer Portal.

More from PubNub

How to Create a Dating App: 7 Steps to Fit Any Design
Insights6 minMar 15, 2023

How to Create a Dating App: 7 Steps to Fit Any Design

There are common underlying technologies for a dating app, and in this post, we’ll talk about the major technologies and designs...

Michael Carroll

Michael Carroll

How to Create a Real-time Public Transportation Schedule App
Build6 minMar 14, 2023

How to Create a Real-time Public Transportation Schedule App

How to use geohashing, JavaScript, Google Maps API, and BART API to build a real-time public transit schedule app.

Michael Carroll

Michael Carroll

How to Create Real-Time Vehicle Location Tracking App
Build2 minMar 9, 2023

How to Create Real-Time Vehicle Location Tracking App

How to track and stream real-time vehicle location on a live-updating map using EON, JavaScript, and the Mapbox API.

Michael Carroll

Michael Carroll

Talk to an expert