Link to Pages via URLs with Deep Linking in Ionic
Primarily, Ionic is a framework for building mobile applications with web tech that look, feel, and behave like “traditional” native applications. Naturally, it makes sense for the architecture of the...
View ArticleUsing HTML5 Canvas to Create a Rating Component in Ionic
I’ve seen this concept around a few times, where rather than having a typical slider or star rating system, an application will use a smiley face. The smiley face can be adjusted to represent how the...
View ArticleDealing with Asynchronous Code in Ionic
One of the most common things that I see people get tripped up on when learning Ionic is the difference between synchronous and asynchronous tasks and how to appropriately handle results from an...
View Article“Live” Coding a Speed Reading Application in Ionic – Part 1
Time for another “live” coding video. In these screencasts, rather than having the specifics of the video planned out, I only have a vague idea of what I want to build and then I record the process of...
View Article“Live” Coding a Speed Reading Application in Ionic – Part 2
This is the second (and last) part of another “live” coding screencast. In this video, I walk through building a speed reading application that will flash one word on the screen at a time, allow the...
View ArticleBuilding a Custom Speed Reading Component in Ionic
Recently, I released a two part screencast where I walked through building a speed reading component in Ionic. These type of videos typically revolve around me attempting to create something from...
View ArticleUsing Async/Await Syntax for Promises in Ionic
When TypeScript 2.1 was released, support for Async/Await came with it. It is not really an entirely new concept, but it does allow you to deal with asynchronous situations that Promises create using a...
View ArticleImplementing Turn by Turn Navigation with Google Maps in Ionic
One of the most common questions I receive about Ionic is how to create a route between two points with Google Maps. I have quite a few tutorials on doing various things with Google Maps in Ionic, so I...
View ArticleAsynchronous vs Synchronous: Understanding the Difference
Understanding the difference between asynchronous and synchronous code, as well as its implications, is an important topic and I have covered it a couple of times previously. Recently, I wrote an...
View ArticleSound Effects using HTML5 and Native Audio in Ionic
A big part of making a mobile application feel high quality is to provide immediate and obvious feedback for a user’s actions. When a user performs some action, you will want to communicate with them...
View ArticleUsing a Directive to Modify the Behaviour of an Ionic Component
Ionic provides a lot of useful components right out of the box, but sometimes they might not do exactly what you want them to do. In situations like this, you mostly have two options: build a new...
View ArticleUsing a Canvas to Create a Drawing App in Ionic – Part 1
The HTML5 <canvas> element provides a space on the screen that we can “draw” on through using a Javascript API. We are able to do things like defining paths and shapes, and we can then trace...
View ArticleCreating a Fingerprint Lockscreen with TouchID in Ionic
If you own an iOS device then you will have likely come across the TouchID feature at some point – it allows you to easily unlock your phone with your fingerprint rather than a passcode. We can also...
View ArticleUsing a Canvas to Create a Drawing App in Ionic – Part 2
The HTML5 <canvas> element provides a space on the screen that we can “draw” on through using a Javascript API. We are able to do things like defining paths and shapes, and we can then trace...
View ArticleExtracting the Source Code of any Cordova Application
A common misconception when building Cordova applications (which is what we use to create native packages when using frameworks like Ionic), is that the source code for those applications are secure...
View ArticleCreating a Shrinking Header for Segments in Ionic
I was browsing the Ionic Forums earlier this week, and came across a post asking if it was possible to create a layout in Ionic where a header would be initially displayed above a segment, that would...
View ArticleLocation Select Page with Google Maps and Ionic
If you want to accept a user supplied location in your application, and you want it to be in any kind of remotely useful format, it could be quite hard to do. You could of course just have a simple...
View ArticleCreating a Drawing Application in Ionic
Last week I released a two part screencast where I built a simple drawing application in Ionic live on screen. Since I’m just making things up as I go along in these style of videos, the end result...
View ArticleSimple Animations with CSS Transitions in Ionic
When used correctly, animations can do a great deal to make your application look more polished. There are a variety of ways you can add animations to an application, but one of the most simple ways is...
View ArticleUsing the Splash Screen Plugin with Ionic
The splash screen is the image that displays for a few seconds when your application first starts up on iOS and Android. Usually, we would be happy with the default behaviour (the splash screen will...
View Article