Quantcast
Channel: BuildMobile » Mobile Web Tutorials
Browsing all 24 articles
Browse latest View live

jQuery Mobile Components

Hello. This is the second in a short run of articles aimed at explaining the basics of jQuery Mobile. In the introductory article Hello jQuery Mobile we covered getting set up, page structures,...

View Article



Roll Your Own Framework With Backbone.js

Let’s make a collective decision here. We’ll stop treating A-grade mobile phones as aliens, and see them for what they are: powerful, capable devices, running powerful rendering engines.Throwing a...

View Article

Building a Staff Directory on jQuery Mobile

Today, we’re designing a company staff directory, using jQuery Mobile. It’s basically a company site for staff to get contact details of other staff based on their Department.This is just a beginner...

View Article

Image may be NSFW.
Clik here to view.

Building SharePoint Web Apps using Sencha Touch

In this post we will explore how to build a SharePoint mobile web app using Sencha Touch, a great mobile JavaScript framework.SharePoint 2010 is a very comprehensive platform, but mobile support is...

View Article

What’s New in jQuery Mobile 1.2.0?

A highly anticipated new version of jQuery Mobile was recently released. Let’s have a look at what’s been added and changed in this 1.2.0 version. Throughout the code samples, you’ll learn also how to...

View Article


Build Lists and Popups in Minutes Using jQuery Mobile

In my last article, I explained what’s new in jQuery Mobile 1.2.0, the latest release of the popular mobile development framework. The article describes the new devices compatibility, the popup widget,...

View Article

Build a Location-Based Mobile App With HTML5 and Javascript: Part 1

You don’t need separate platform-specific technologies to develop powerful, useful apps. You’d be surprised with what you can build with HTML5 and popular JavaScript libraries. This article is the...

View Article

Build a Location-Based Mobile App With HTML5 and Javascript: Part 2

In the first article of this series, I showed the features of the mobile app “Where I parked my car” and outlined an overview of the technologies that will be used for its implementation. In this...

View Article


Build a Location-Based Mobile App With HTML5 and Javascript: Part 3

In the previous part of the series, I showed you the code of all the HTML pages of “Where I parked my car”. However, so far they are useless because we’ve not written the business logic behind them. In...

View Article


Image may be NSFW.
Clik here to view.

Create a Mobile Application Mockup with Codiqa

Before writing the actual code of web applications, every web designer or developer should create mockups or sketches of their work. On the web, there are several tools that you as a designer can use...

View Article

Build a Location-Based Mobile App With HTML5 and Javascript: Part 4

In the previous part of our series, you’ve seen how to configure “Where I parked my car” to adjust the theme, modify the pages’ transitions, and use the option to display text when showing the page...

View Article

Build a Location-Based Mobile App With HTML5 and Javascript: Part 5

In the previous part of our series, I explained how to use the Google Maps API to display stored locations on a map and to trace a route from the user’s current position to his car. I also demonstrated...

View Article

Build a Location-Based Mobile App With HTML5 and Javascript: Part 6

In the previous article in this series, I described the last remaining utility function, as well as those that set up our application. In this final part of the series, you’ll see how to create the...

View Article


Customize Your jQuery Mobile Interface with Specialized Plugins

JavaScript libraries like jQuery Mobile can help you develop mobile apps rapidly, but your results often have a generic feel that leaves your apps resembling many other jQuery Mobile apps. If you want...

View Article

Build a Currency Converter with jQuery Mobile and Cordova: Introduction

Earlier this year, I ran a series of articles on how to Build a Location-Based Mobile App With HTML5 and Javascript. If you enjoyed that series, you can follow this new series, which will teach you how...

View Article


Image may be NSFW.
Clik here to view.

Build a Currency Converter with jQuery Mobile and Cordova: Constructing The...

In the introductory article of this series, I showed the requirements of the soon-to-be-built “Currency Converter” app and the technologies involved. I also built out a file structure and outlined each...

View Article

Build a Currency Converter with jQuery Mobile and Cordova: JavaScript and...

In the second part of the series, I showed you the code of the two HTML pages and the custom CSS file of our “Currency Converter” app. In this article, I’ll show you the jQuery Mobile custom...

View Article


Build a Currency Converter with jQuery Mobile and Cordova: Translation and...

In the previous article of this series, I described the jQuery Mobile custom configuration for our app and highlighted the importance of allowing cross-domain requests to download up-to-the-moment...

View Article

Build a Currency Converter with jQuery Mobile and Cordova: Rate Updates

In the previous article in this series, I described the classes and functions needed to perform currency conversions within our app. I also illustrated the Cordova Globalization API and how we can use...

View Article

Image may be NSFW.
Clik here to view.

Build a Currency Converter with jQuery Mobile and Cordova: Finishing The App

In the previous part of this series, I showed several other functions of the functions.js file, highlighting their key points. In this sixth and final part, I’ll describe the last function left and the...

View Article
Browsing all 24 articles
Browse latest View live




Latest Images