Learn to transform the mouse cursor into transformed canvas coordinates, allowing you to drag, zoom to cursor, and interact with graphics in the canvas regardless of the canvas’s current transformation state. Extremely useful for html games and image editing programs. This post takes a modern approach to solving the problem using vanilla JavaScript, and explains the solution simply and in detail.
Uploading files, and especially uploading images taken via the phone camera or gallery, is a common pain point when trying to develop a Cordova or Ionic app. We explore the best way to handle uploading multiple images at once by building a simple Instagram-like app.
A simple way to avoid horrible image paths (../../../../images/ooh.jpg) and keep a more modular design. Makes use of Webpack and gives a very simple example from Angular, although this will work in any framework. Inspired by my Stack Overflow question about setting an image src to a relative path in Angular.
The Ionic 3 beta with Angular 4 built in is available now! It’s still a work in progress though, lazy loading is broken on Windows and it seems is in flux altogether. This is still an early beta, so it’s not surprising it’s not quite working yet, I’ll continue to update this post as the beta stabilizes over time.
It’s quite easy to start unit testing your Ionic 2 app, follow along with this simple guide for an easy and reusable unit testing configuration.
This tutorials really just extends this article on showing and hiding the menu. Here we go one step further and start with a ‘Blank’ layout, adding just two buttons to let the user launch into either a tab or menu layout. A “back to base” button is added to to each child layout for quick navigation back […]
Angular 1 had a concept of http inteceptors for handling things like placing a token on the headers, responding to auth errors and redirecting, responding to all other errors, handling loading spinners, the list goes on. In Angular 2 that is no longer a thing, instead we simply extend the http class.
Need multiple layouts within your app? Tabs, no tabs, menu, no menu, all in one project? It can be done! In this case we keep it simple and simply have two layouts, one that has a menu and header bar (the core of the app), and one with no menu an no header (a login screen).
Need to hit different urls in production than in dev? It only takes a couple small tweaks to make that happen, and once it’s in place swapping variables is as simple as setting Ionic’s –prod flag, or setting NODE_ENV instead if you need lots of environments!