Ionic 2 Camera Example

In this example we are going to show how to use ionic-native’s Camera plugin to take a picture using the camera. This example assumes that you have an ionic 2 project up and running, although these examples are in typescript, it should not be very difficult to adapt this example to run in plain old…

Ionic Push Notifications with NodeJS/Parse

This example is an extension of the previous post on push notifications. We are going send a push notification through a NodeJS/Parse server by invoking an http request in our ionic app. In order to send a push notification we need to

Ionic Crashlytics Android Integration

In this example we are going to show how to integrate Crashlytics in the android version of our ionic application. This example assumes 1. You are using either WebStorm or Intellij as your IDE (we will use Intellij in this example) 2. You have an ionic project setup. 3. Your ionic project is registered with…

Ionic Push Notifications

There are many platforms that let you use push notifications, PushWoosh works very well as does Parse. Ionic has also entered the market making push notifications a breeze. After setting up push notifications for your respective platform ios or android, we can begin configuring our application to receive push notifications. The first thing we

Ionic Vertical Slidebox

Ionic’s latest and greatest version of Ionic (version 1.2) is paving the way for Ionic 2. Ionic 2 will undoubtedly be the best cross-platform mobile development framework on the web. Having used Ionic since it’s initial beta, I am so impressed with how far the ionic team has take the ionic framework. One of Ionic’s…

Ionic Status Bar

Depending on the mobile app you are writing, the default status bar may not suit the needs of your application. If you are developing a game, you may want to hide the status bar completely, whereas if you have an app that uses darker colors, the default black status bar may not be the best…

YYYY-MM-DD to age javascript

Moment makes working with dates extremely easy. A common task we need to do when building applications is display a users age from their date of birth. Moment is smart enough to recognize different formats and help get the user’s age. A common format that I have to deal with on a number of occasions…

Google Analytics with Ionic

Ionic offers a great plugin to gather analytics for your app, combining $ionicAnalytics with google analytics will really help you get deep insight about your app usage. Google analytics give you insights on where your users are located and how much tune they are spending on each page. Thankfully, there is a wonderful cordova plugin…

Play Video with HTML5 and Angular

HTML5 gives us the ability to play videos directly in the browser. Video playback with HTML5 is not as sophisticated as existing libraries such as jwplayer and videogular, but for something simple, playing videos in HTML5 works great. We’ll start with an example in angular and then wrap our code into a directive that we…

Writing AngularJS Directives

Directives are the bread and butter of angular. It’s safe to say that if you understand how directives work, you understand angular pretty well. Before writing the directive, let’s discuss the motivation. Why should you go through the trouble of writing a directive when we can can simply write the following