Email and Facebook Authentication with Ionic and Firebase
Firebase has been on my radar lately as they seem to be doing a lot with Ionic. I’ve seen a few blog posts and a few people mentioning that they built their app with it. I’ve been looking at Parse...
View ArticleHow to Create a Nested Tab View in Ionic
Among the many useful JavaScript components Ionic offers, the tabbed view is perhaps one of the most commonly used user interface elements. Tabs can sit either at the top or bottom of your application...
View ArticleBuilding a Simple Spotify Player with Ionic
Simon Reimler of Devdactic has dropped by this week to drop some knowledge on how you can integrate an Ionic app with the Spotify API to create a sweet music player. Simon knows more than a thing or...
View ArticleIntro to ECMAScript 6 and Angular 2 for Ionic Developers
AngularJS 2 will be coming along soon, which involves basically a complete rewrite of the previous iteration of the popular framework. AngularJS is the backbone of Ionic, so big changes to Angular mean...
View ArticleCreate a Real Time Chat App with Ionic and Firebase
In my last Firebase tutorial we used Firebase to create a simple authentication system with email and Facebook support in Ionic. Services like Firebase make it super easy to do things like this –...
View ArticleCreating an Attractive Login Screen in Ionic with Flexbox
The difference between a good app and a great app is in the little details. I think the two biggest contributing factors to what makes an app feel great is paying attention to performance and the...
View ArticleImplementing the Master Detail Pattern in Ionic with Firebase
Andrew McGivery recently wrote a tutorial on what the “Master Detail” pattern is and how to implement it in an Ionic application. You should definitely go read his post before continuing with this one,...
View ArticleHow to Create an Infinite Climbing Game in Phaser
I remember playing quite a few simple platformer games when I was younger where you would basically have platforms running vertically down the screen, each with a space somewhere to get up to the next...
View ArticleHow to Create Animations with CSS in Ionic
Animations are one of the little details that can make an average mobile app outstanding. You need to be careful with animations though, especially with HTML5 based mobile applications, as they can...
View ArticleHow to Create Animations in Phaser with a Texture Atlas
In a previous tutorial I’ve shown you how to create an animated sprite with a spritesheet in Phaser. In this tutorial I’m going to show you how to use something called a texture atlas instead. Here’s...
View Article8 Reasons Why I’m Glad I Switched to the Ionic Framework
I’ve been in the HTML5 mobile development scene for over 3 years now, and during that time I’ve dabbled in quite a few frameworks and used two extensively. Those two frameworks are Ionic and Sencha...
View ArticleBuild a Flappy Bird & Jetpack Joyride Hybrid Game in Phaser
Recently I wrote a tutorial on building an infinite climbing game in Phaser which borrowed some concepts from Thomas Palef’s tutorial on building a Flappy Bird clone but kind of flipped it on its head...
View ArticleWhat’s the Difference Between Ionic and AngularJS?
If you’re familiar with Ionic and Angular and the roles they play then the question posed in the title probably sounds a bit silly, but I quite often see questions like: “Is PhoneGap better than...
View ArticleCan you use P2 Physics with Phaser on Mobile?
Recently I finished writing a tutorial for CodeAndWeb which featured using the P2 Physics system in Phaser with their Physics Editor program. In the tutorial I built a simple game that involved some...
View ArticleHow to Create a Candy Crush or Bejeweled Game in Phaser
Rather than starting from scratch I started to take a look around to see if somebody had already done it and came across Bombevo which executes the concept very well in a fun game where you fight an...
View ArticleA Summary of Local Storage Options for PhoneGap Applications
Quite often when creating mobile applications you will want to store data that the user can retrieve later. A lot of the time this is done by storing the data somewhere that can be accessed through...
View ArticleHTML5 Mobile Podcast Episode 01
This is the first episode of a new podcast I’ll be running about HTML5 mobile development. I provide some more detail about what exactly this is all about and what you can expect in future episodes in...
View ArticlePart 1: Building a Word Search Game in HTML5 with Phaser
Puzzle games are all the rage on the mobile app stores, with the most notable being the absolute giant that is Candy Crush. Puzzle games are usually pretty casual games, but they have mass appeal right...
View ArticleIonic 2 First Look Series: New Angular 2 Concepts & Syntax
We all know by now that Angular 2 and Ionic 2 are coming. In short this means we will be able to make apps that perform better on mobile, adhere to the latest web standards, are scalable, reusable,...
View ArticleCreating Animated Scoring in an HTML5 Phaser Game
When it comes to games (and apps in general really), I’m a big believer that making your game just that little bit more juicy can make the overall quality and enjoyability of your game increase...
View Article