A while back I released an Ionic Ion called ionic-ion-showWhen with the purpose of showing or hiding an element based on the size of the screen.
[Read more…] about showWhenState: Conditional Elements In Ionic by State
Blog
Swipeable Cards with the Ionic Framework
Swipeable cards are nowadays used very often in mobile applications as a feature to navigate through a list of items/images. In a recent tutorial I explained how to create Tinder Style Cards with Ionic. This time, I will show you how to get swipeable cards like seen in the jelly app.
To get this neat feature we will use the swipe cards ion from Ionic.
[Read more…] about Swipeable Cards with the Ionic Framework
Shrinking Headers Like Facebook With the Ionic Framework
Shrinking headers have become very popular in apps like Facebook, where you need to scroll much content. When you start scrolling, the headers disappears very smooth to grant your users more space on the screen to read the actual content.
[Read more…] about Shrinking Headers Like Facebook With the Ionic Framework
4 Gulp Tasks That Will Save You Time and Money
If you are using Ionic you have for sure seen that it uses as build system. But Gulp is not Ionic specific, it’s used in many ways today, similar to Grunt. So if you want to know how you can get more out of these building tools, follow along this article.
[Read more…] about 4 Gulp Tasks That Will Save You Time and Money
The Ionic Framework Cheatsheet
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.
How To Make A HealthKit App With Ionic and ngCordova
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
Using AngularJS Filters for HTML Parsing
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
How to Improve Your REST Calls in Angular With ngResource
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
Animations For Your Ionic App with Move.js
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 Style Swipe Cards Optimization in Ionic
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
