Using an SVG for Animation in Ionic
I’ve spent the last week reading through Sarah Drasner‘s new book SVG Animations, which has pretty much changed my line of thinking from SVGs seem pretty cool to… via GIPHY If you want a good...
View ArticleCreating an Animated Splash Screen in Ionic
One question I often get asked is how one could create an animated splash screen for their Ionic applications – the bad news is it’s not possible to animate a splash screen (and that’s not just an...
View ArticleIntegrating Google AdMob Advertisements in Ionic
Advertisements, although not always the best way to monetise a venture, are one of the easiest ways to potentially earn some money from an application or website. Google’s advertisement platform allows...
View ArticleCreating a Pinterest Layout in Ionic
Ionic provides a useful Grid component that allows you to organise a layout using rows and columns. By default, if the columns contained within a row go beyond the width of the screen, they will flow...
View Article[VIDEO] SVG Animations in Ionic
I recently wrote a blog post that introduced the concept of the SVG (Scalable Vector Graphic) format and how you might be able to use that in an Ionic application. You can read more about that here but...
View ArticleTesting Asynchronous Code with FakeAsync in Angular
When creating automated unit tests in Ionic and Angular applications we would typically follow a process like this: Set up the testing environment Run some code Make assertions as to what should have...
View ArticleDebugging Ionic Applications When Deployed to an iOS Device
One of the most useful things about Ionic is that since the framework is web based, we can easily develop and test through the browser. However, if you do intend to build your Ionic application as a...
View ArticleAnimating a Dynamic Background with an SVG in Ionic
Recently I’ve been writing some content and filming some videos on SVGs (Scalable Vector Graphics), mainly because they are freakin’ cool. The content I have been creating is mostly pretty introductory...
View ArticleDebugging Ionic Applications When Deployed to an Android Device
In a recent tutorial, I covered how to debug iOS applications that are deployed to a device. When you’re testing through the browser it’s easy enough to use the built in browser tools for debugging,...
View ArticleDesigning a Landing Page with a Video Background in Ionic
The initial impression of your application on a user comes from the application’s icon, the splash screen, and then the initial page of the application. Much like judging a book by its cover, by the...
View ArticleHybrid App Developers: Don’t Store Your User’s Passwords
I almost titled this post something clickbaity like ‘The one MASSIVE security mistake hybrid developers are making’. It is a big issue, and it is a mistake I see pop up on a weekly basis (and I’m sure...
View ArticleSetting Up Unit and E2E Tests in Ionic
I’ve written many tutorials on adding automated tests to Ionic applications, but one of the trickiest parts of the whole process is just getting the testing environment configured. If you want to set...
View ArticleLive Coding an Expandable Component in Ionic
I’ve been releasing a series of videos where I walk through building something on screen, with only a vague idea of what I want to build and no planning in advanced. The idea is that it gives a more...
View ArticleCreating an Accordion List in Ionic
Earlier this week I recorded a video where I walked through building an expandable component on screen. This was a generic component that could be given a specific height, and its state could be...
View ArticleThe Role of Unit Tests in Ionic
Unit testing is an intimidating task to get started with, and with no prior knowledge of creating automated tests, it can be hard to understand the how and why of unit testing. In this video, I walk...
View ArticleWhen to Use Providers/Services/Injectables in Ionic
A concept you will quickly come to terms with in Ionic is the concept of a page. A page is just a normal Angular component that we use to display a particular page in our application. We might have a...
View ArticleThe Role of End-To-End (E2E) Tests in Ionic
End-To-End (E2E) testing involves creating automated tests that will test your application as a whole, rather than testing individual chunks of code in isolation (which is the purpose of a unit test)....
View ArticleUsername Availability with an Asynchronous Validator in Angular
A little while ago I released an article named Advanced Forms & Validation in Ionic where we discussed the concept of using Validators that Angular provides for validating form fields. These...
View ArticleRestricting Document Updates in CouchDB
CouchDB exposes a powerful REST API that allows you to interact with the database by making simple HTTP requests. The simplicity of CouchDB is one of its great features, but we might not always want to...
View ArticleBulk Delete UI with CSS Clip-Path in Ionic
I was browsing around Twitter the other day when I came across a tweet from Rachel Nabors (who you should definitely follow for cool web animation stuff) linking to this cool CSS clip-path maker. It...
View Article