Ionic v2 - How to setup on Windows

ionic

In order to work with the Ionic framework version 2 there is a bit of software installs and configuration that needs to happen in order to deploy to devices. However, many of the guides out there leave out a number of steps that tripped me up when I first started using Ionic. This guide will go through all of the steps needed for deploying to an Android device using a Windows machine.

Read More ›

Ionic v2 - Setup on OSx

ionic

In order to work with the Ionic framework there is a bit of software installs and configuration that needs to happen in order to deploy to devices. However, many of the guides out there leave out a number of steps that tripped me up when I first started using Ionic. This guide will go through all of the steps needed for deploying to an Android and iOS device using a Mac.

Read More ›

AngularJS In Action Book Review

angularjs/ ionic/ book reviews

Note: This post applies to AngularJS. The 1.x version of Angular. At the HolidayJs event I won a book and I picked a copy of Angular In Action by Lukas Ruebbelke. I had already been using Angular for a few projects and wasn’t expecting to get much out of the book. Honestly I got it to use as more of a give away at one of my talks but figured I would at least glance through a few chapters of it first.

Read More ›

Ionic - Stop Icons from Overlapping in Ion List

ionic

Today I ran into an issue using Ionic, where I was trying to put two icons on the right side of an ion list item. There is really easy to do with the item-icon-right css class. Unfortunately, when you have multiple icons, it overlaps instead of showing them side by side. I was not expecting this as I had only used 1 icon before and assumed that item-icon-right would just put them side by side.

Read More ›

Ionic - Using Local Notifications

ionic

When you are creating a mobile applications there are times where you need to notify users about something such as an upcoming appointment. If the application is running and the user is using it in the foreground, this is easy to accomplish. However, if the application is running in the background this can be a challenging task. You could do push notifications but that takes a decent amount of work to setup with both iOS and Android app stores.

Read More ›

Strongloop - Fixing Security When Extending User Model

ionic/ strongloop

After following Raymond Camden’s Strongloop Introduction, I was ready to update the todo demo application that I have been using for the Ionic Arizona Meetup. So I created a models for projects and app users. The app users model base class was User. Then within the project model I associated a project to an app users with a belongsTo and in the app users model I associated multiple projects to a single user with a hasMany.

Read More ›

Getting Visual Studio Cordova Tooling Working with the Ionic Framework

ionic/ visual studio

I am doing an Ionic Framework presentation and I wanted to use the Visual Studio 2015 Cordova Tooling. I have done this presentation twice in the past couple of months using my Intel Nuc machine with the Visual Studio 2015 RTM Cordova tooling but it is kind of pain to do this since the Nuc is a desktop machine and doesn’t have a monitor so I have to look at the projector screen or being a laptop to use as well.

Read More ›

Visual Studio 2015 - External Web Tools

visual studio/ ionic/ npm/ nodejs/ bower/ git

I ran into an issue with an npm package mis-behaving in Visual Studio 2015 but working just fine from the command line. After scratching my head for awhile trying to figure out what was going on, I discovered that Visual Studio was pointing to its own version of npm and node and not that ones that were available in my path that the command line was using. Visual Studio 2015 ships with:

Read More ›

Chrome DevTools - Hiding Vendor Scripts

chrome/ debugging/ ionic

The Chrome Developer tools are an amazing set of tools for debugging and trobuleshooting web sites. If you are a web developer and have not tried out these tools, you have been missing out. As amazing as the developer tools are, one of the most annoying features to me was not being able to skip over vendor javascript like jquery or angular. Getting stuck in a minified version of a angular or jquery takes you down a deep rabbit hole that you never wanted to go down and is a annoying to climb out of.

Read More ›

Automatically Add JS/CSS Files to Your Ionic Projects

ionic/ gulp

As you work on an Ionic based project or for that matter any web projects that have javascript or css file, you will at some point forget to add your new javascript or css file to the page and wonder why the page is broken. This is really annoying when it happens as many times you spend quite a bit of time troubleshooting before you realize that you just forgot to add the script or css tag.

Read More ›

Previous page Next page