Syncing data in an Ionic app using Firebase

I released my most popular mobile app, Hours Worked Time Tracker, over five years ago. Over those five years I have received a lot of feature requests. By far the most requested feature is the ability to backup and sync data. The app has always saved data on each device using a local database. Earlier this week I released version 3.4 which includes the ability to sync data using an account for Hours Worked Pro subscribers. I relied on Firebase to add this feature. This guide will cover the steps necessary to add a similar feature to your Ionic mobile application.

Continue reading “Syncing data in an Ionic app using Firebase”

5 Step Guide on Translating your Ionic App to Reach a Global Audience

Request a PDF of this post

An easy way to reach more users with your mobile app is by supporting their native language. Apple strongly encourages preparing your app for a global audience. This tutorial introduces how to translate your Ionic application to support other languages. My recent Hours Worked update (version 3.2) included support for 5 other languages. This tutorial walks through updating an app in 5 simple steps:

Continue reading “5 Step Guide on Translating your Ionic App to Reach a Global Audience”

Using the Foundation Framework for Responsive Web Design

Request a PDF of this post

A development framework can assist tremendously when upgrading to a responsive website. One of the most robust responsive web frameworks is Zurb Foundation. This post dives into using Foundation when converting a non-responsive website into a responsive website. At the time of writing the latest version of Foundation was 6.3 according to the Foundation Documentation.

Continue reading “Using the Foundation Framework for Responsive Web Design”

Getting Started with Responsive Web Design

Get this guide as a PDF

An increasing number of people are using a mobile phone to access the web. A lot of websites were built on the assumption that most visitors used a computer and unfortunately do not serve mobile visitors well. This leads to less impact, less conversions, and less attention.

TL;DR jump to the full screencast video.

One way to better serve a mobile audience is to upgrade your website using Responsive Web Design. This post will cover the basics of making a website more mobile friendly with Responsive Web Design.

Continue reading “Getting Started with Responsive Web Design”

Unable to edit input element Phonegap iOS

Are you having trouble editing the value of an input element in your iOS Phonegap app? It may likely be the CSS rule used to prohibit users from selecting content by long pressing: -webkit-user-select: none; 

Apply the rule -webkit-user-select: text; to your input element to fix the issue.