Channel Presence: Beautiful Mobile + Web HTML5 Chat
You can do some pretty amazing things when you pair PubNub with a user interface. We jump at the chance to build awesome sample apps (plus it often lets us show off our HTML5/CSS3 chops, which we love). Now, with the launch of Channel Presence, which allows for real-time information and user detection, we were given the perfect opportunity to create a slick, completely free, open source (MIT-licensed) real-time group live HTML5 chat app.
What is PubNub Live Group Chat?
PubNub Live Group Chat is a beautiful-looking chat app powered by PubNub. It uses the new Channel Presence API, providing real-time information and automatic updates when users connect and disconnect. This sample app source is freely downloadable, and serves as a template for:
- Using PubNub Broadcast to create a group chat app that runs everywhere
- Using Channel Presence to let users see who’s online
- Sharing some awesome techniques using HTML5/CSS3 to make slick-looking apps
Understanding Channel Presence
Customizing The HTML5 Chat Interface
Display styling is located in the
default.css CSS3 file.You can modify this file to change the appearance. Some notable sections include the background image: This section includes the main background image url(chat-bg.jpg) that is used to set the tone of the chat experience. Obviously, you can modify this to fit your needs. The CSS File itself is larger and there is a lot to see. Thankfully all design elements and styles in the User Interface considerations have been properly abstracted into the CSS file.
Main Index File
HTML5 Chat Summary
We’d love to hear what you think! Tweet us some feedback, questions, complaints, or thoughts. Stay tuned for more cool PubNub-powered templates coming your way soon. Get Started Sign up for free and use PubNub to power real-time chat