Since attempting to use Dreamweaver way back when to build websites with a Drag & Drop interface, I’ve avoided similar programs like the plague. Typically WYSIWYG (What You See is What You Get) editors are notorious for producing awful, messy & unmaintainable code. I recently discovered the Ionic Creator though, and have a lot of […]
↧
Is Ionic’s Drag & Drop App Builder Any Good?
↧
The Difference Between Building with PhoneGap and PhoneGap Build
I’ve been developing iOS applications on a windows machine for about 3 years now, and have learned the ins and outs and all the little tricks you need to know to build and deploy iOS applications without a Mac and XCode. The most important tool you will need to use if you’re developing iOS applications without […]
↧
↧
How to Minify an Ionic Application using Gulp and Cordova Hooks
I recently wrote about how I switched from PhoneGap Build to using PhoneGap locally which involved tweaking my development process a little bit and figuring out what differences there were between the two approaches. I’ve also written about how to minify an Ionic application for PhoneGap Build but this is another thing that is going […]
↧
The Chrome 43 Update Broke Sencha Touch Apps, Here’s How to Fix It
There’s nothing quite as frustrating as having a tested and working application, only to open it up one day and discover it’s… not working. This is an experience many Sencha Touch developers will have had recently, as the latest Chrome update (Chrome 43) caused some bugs in Sencha Touch applications. The issue would occur if […]
↧
An Introduction to Ionic Push
The Ionic team have been more than a little bit busy lately. Not only have they just recently officially launched the 1.0.0 release of Ionic, they have also announced alpha versions of Ionic Push and Ionic Deploy. Ionic Deploy will allow Ionic developers to push updates to applications that are already live on the app […]
↧
↧
Why Do HTML5 Mobile Apps Have a Bad Reputation?
Hybrid HTML5 mobile apps seem to get a bit of a bad rap, it’s not really justified though. If you speak to most native mobile app developers they will tell you that hybrid applications are: Only good for building quick prototypes Slower and less performant than native applications Not real mobile apps It’s not always […]
↧
How to Build HTML5 Mobile Games with CocoonJS
I have previously used Ludei’s cloud service, which does seem to still be available, but I just recently received my invite for Cocoon.io. I’m a little confused as to what the difference is between these two platforms but I think the main difference between this new cloud compiler and the old one is that it […]
↧
Mobile Development for Web Developers: Ionic Preview
Over the past few months I’ve been pouring all the time I can muster into building a complete introduction to HTML5 mobile development. When I say complete I don’t just mean a course that will teach you how to build an app or two, I mean that I will teach you how to do everything […]
↧
9 Fun HTML5 Games Built with Phaser
Since I’ve been busy finishing Mobile Development for Web Developers I figured I’d do a bit of a fun post today – posts like this don’t take me as long to write as tutorials do and I get to play some cool games to unwind at the same time! I’m a fan of simple games, […]
↧
↧
How to Use Retina Graphics in HTML5 Phaser Games
If you don’t have one, you’ve probably heard of Apple’s “Retina” devices. Retina is just marketing spiel that refers to the device pixel ratio of the device. If we take a look at the iPhone 5 as an example, it has a resolution of: 640 x 1136 this is how many pixels we have to […]
↧
User Authentication with Parse in an Ionic Application
Creating a login system for any kind of application, mobile or desktop, has historically been a pretty hard task. In the case of a mobile app it would at least involve: Setting up a secure server Creating a database to hold user information Posting information from the app to a script on the server which […]
↧
User Authentication with Ionic and Parse, Part 2: Facebook Login
In Part 1 we generated a new Ionic application, set up Parse, and created an email login system. You will need to have Parse set up in an Ionic application already to complete this tutorial, so I would recommend going back and taking a look at Part 1 if you haven’t already. Creating a new […]
↧
Integrating Google Maps with an Ionic Application
Google Maps and mobile apps are a perfect match. The Google Maps API is an awesome piece of tech by itself, but when you couple it with a device that is meant to be mobile, as in not stationary, it opens up a wide range of possibilities. There’s a ton of cool apps out there […]
↧
↧
Installing ngCordova in an Ionic Application
In just about any Ionic tutorial I write that uses Cordova plugins, I use ngCordova. So, instead of writing a mini tutorial on how to get it up and running and what exactly it does in all of those tutorials, I thought it would make sense to do a single post explainining it in a […]
↧
Part 1: Using the $http Service in Ionic to Dynamically Load Google Map Markers
In a recent tutorial I showed you how to integrate Google Maps into an Ionic application, if you haven’t already read that tutorial I would recommend doing so now because we will be building on top of that in this tutorial. We’ve already created a simple Google Maps display with a single marker and info […]
↧
Monitoring Online and Offline States in an Ionic Application
The ability to pull in data from the Internet is something many mobile applications rely on. Mobile devices don’t always have access to the Internet though, so we need to make sure that our applications either continue to work offline or at least display an appropriate error message to the user. If you’ve designed your […]
↧
Part 3: Advanced Google Maps Integration with Ionic and Remote Data
In Part 1 of this tutorial series we looked at how to set up a basic Google Maps integration within an Ionic application. In Part 2, we took that a little further and looked at how we might load in map markers dynamically using the $http service. In this tutorial we’re going to complete the […]
↧
↧
Create a Running Platformer Game in Phaser with Tilemaps
Not too long ago I downloaded a game called Try Harder which is a fun little running platformer where you play as some kind of penguin-snowman thing and try to get as far as you can. I love simple games like this and wanted to create a similar one in Phaser, but I’d never actually […]
↧
Setting up Ninja Physics in Phaser
There’s a few different Physics systems provided by default in Phaser, each with their own uses cases, advantages and disadvantages. The three default physics systems are: Arcade Ninja P2 Arcade Physics is probably the one most people use in general, most examples and tutorials you will find for Phaser will use the Arcade Physics system. […]
↧
Building a Running Platformer in Phaser with Ninja Physics
Recently I covered how to make a running platformer game in Phaser with Tilemaps, which used the Arcade Physics system. I’ve also covered how to set up the Ninja Physics system in Phaser. Now we’re going to combine both of those to make a running platformer game in Phaser that uses the Ninja Physics system. […]
↧