In a previous post, I showed you how to add Angular's Service Worker (NGSW) module to an Ionic project. In this post, I'll show you how to optimise your CSS delivery. Step 1 - Create a Production build We'll start by creating a production build: npm run build --prod Now…
Sass
Theming your Ionic 3 App - Bespoke SVG icons
In a previous post, I showed you how to use Ionic's $colors map. In this post, I'll show you how to use SVG icons with Ionic's Tabs component, how to change a SVG icon's colour and how to provide a platform specific Back Button icon. The Tabs Component Ionic's <…
Theming your Ionic 3 App - The $colors map
In previous posts, I walked you through the steps I followed when creating a bespoke 'look and feel' for a Hybrid Mobile App built using version 3 of the Ionic Framework. In this post, I'll show you how to use Ionic's $colors map in your themes. What is theming? Themes…
Theming your Ionic 3 App - Part 2
In a previous post I walked you through the steps I followed when creating a bespoke 'look and feel' for a Hybrid Mobile App built using version 3 of the Ionic Framework. In this post, I'll show you how to dynamically switch themes. Dynamically switching themes Let's start by creating…
Theming your Ionic 3 App
Ionic 3 combines Angular 4, bespoke user interface components and Apache Cordova to help developers build hybrid mobile applications. In this post, I'll walk you through the steps I followed when creating a bespoke 'look and feel' for a Hybrid Mobile App built using the Ionic Framework. The Big Top…
Customising Ionic with Sass
In a previous post, I wrote about using generator-ionic to create the scaffolding for a mobile-optimised Administration UI. In this post, we'll update the scaffold in order to add support for Sass customisation. generator-ionic Although the generator asks if you would like to use Sass (with Compass), there are a…