So you have played around with the Ionic Framework for a while? You might have recognised that there are some reoccurring command line statements. There are many times when I need a special flag or option, so I made a little Cheatsheet to have all options at hand. On this way I can focus on coding and I don’t have to search for a specific command while building my app.
Since the release of the iOS 8 SDK, developers have access to the HealthKit App and its services. Through this service you can read and write body data like weight, height or store a complete sports workout session. To implement this feature in your Ionic app, you can make use of the ngCordova wrapper for cordova plugins, and that’s what I will show you today.
[Read more…] about How To Make A HealthKit App With Ionic and ngCordova
Let’s say you have some plain text in your AngularJS app which you want to display properly to the user. If you just assign your unfiltered text to a scope variable, you won’t have a good time. The user will see unformatted text with links he can not click, and other stuff which looks just plain and boring.
[Read more…] about Using AngularJS Filters for HTML Parsing
When working with a Restful API in Angular, you need to make a lot of calls most of the time. Using the default $http provider can inflate your code, which should not be your goal. As I was working with a REST API lately, I noticed the simplicity of ngResource and therefore want to share my knowledge with you, to help you get smaller services and cleaner code!
[Read more…] about How to Improve Your REST Calls in Angular With ngResource
Apps not just live from a large amount of functions and options they provide (although this is most of the time recommended), but to a big amount the live from the user experience. Designing a great user experience can be quite challenging, so this time I want to show you how to make your app more alive by adding some cool animations.
For this we will use the lightweight animation framework Move.js to easily get our Ionic app moving!
[Read more…] about Animations For Your Ionic App with Move.js
Tinder Styled cards have become very popular in the last time due to the success of the Tinder app. In a recent article on Nic’s Blog I explained how to make Tinder style swipe Cards with Ionic. Due to some feedback are here some things you experienced or wanted to know regarding the use of Tinder Cards.
[Read more…] about Tinder Style Swipe Cards Optimization in Ionic
Maybe you’re making an app that distributes reminders or requires some kind of notification. You don’t necessarily need push notifications, but you would still like notifications. This could be a challenging task in native Android and iOS development.
Lucky for us, we can make use of the Apache Cordova local notifications plugin created by Sebastian Katzer in our Ionic Framework project.
Recently I was working on some app and wanted an opportunity for the user to write something down. As I was working with the html5 canvas, I found a very good looking library which I want to show you today: The signature pad. This library allows to draw on your device, with not just a normal bold line but with a quite realistic appeal. Let’s make a simple app to test it!
[Read more…] about Making a Signature Drawpad with Ionic
Today I will show you how to add the pull to refresh feature in your Ionic app. This little add-on is very well know from all kinds of apps which need to refresh some content in a modern way. Furthermore we will include a toast message which will be displayed when the refreshing has finished.
[Read more…] about Add Ionic Pull to Refresh with Toast Message
Lately I explained how to create a simple login with username and password in an ionic app. This time, we will change the old looking standard login to a much cooler login: A login with a android like lock pattern. For this, we will include a JS library I found on the internet and jQuery.
[Read more…] about Making a Lock Pattern Login with Ionic and AngularJS