featured

How to create a mobile installable apps with HTML5 offline storage – Part 1/2

Every time I play with a cool app on mobile devices I wish I have learned how to do cools things like that. Have you ever thought about it? Cool, huh?

So, after looking at some of them I realized that if it was possible to use HTML5 and JS to build Apps, we all could easily code many cool ideas.

Well, good news, buddy. It’s possible, and you’ll learn how to do it right now.

Here we’ll see how to build Apps with the tools you already have, HTML, CSS and JavaScript. And a few new things that we’ll be talking about ;)

Our first app will be something simple but yet useful for me and many others freelancers and writers. We’ll build an app to automatically grab currencies and convert them so you’ll know exactly how much you’re earning and the best day to withdraw payments (higher currency). Also we’ll have a few other cool features, like tendency analysis, and withdraw rate (for services like paypal which keeps part of your payment).

Our goal here is also learn about:

  • Development process
  • Wireframes and Flowcharts
  • Local Storage and Cache.Manifest
  • jQuery Mobile
  • CSS3

Since I’m from Brazil I’ll use BRL (Brazilian Real – R$) from now on, but don’t be scared it’s easy to change it on the app.

Ready? So, let’s rock!

featured

Rocking Collapsible Panels jQuery Plugin

Have you ever seen wikipedia’s mobile version? Or ever heard about <details> HTML element? Well, basically, these examples are good implementations of “collapsible panels” that allows users to see just what they need to see. And they are specially good for mobile devices with those small screens.

The downside of them is that they need additional markup to work. You know, it works fine when you are the only one who updates content, but won’t work at all when you are dealing with CMS or user (client) generated content.

Here we’ll see the whole process of planning, coding, testing and correcting a Rocking jQuery Plugin for Collapsible Panels. Hope you enjoy it!