I’ve recently finished writing a book about creating high performance animations and interactions with Ionic, which I put together over the… continue reading.
67 posts tagged with "ui"
As part of the lead up to the launch of my next book Advanced Animations and Interactions with Ionic I am releasing the source code for one… continue reading.
In this tutorial, we will be building out two custom components in Ionic that enable us to drag and drop elements on the screen. We will be… continue reading.
When animating the size or position of elements in our applications, we should (generally) only use the property to achieve this. Animating… continue reading.
There are many instances in which we can use a staggered animation in our applications, but it is perhaps most commonly used with lists or… continue reading.
In my recent tutorials, I have been explaining how to build more complex UI/UX patterns into Ionic applications with the Ionic Animations… continue reading.
I’ve been with my wife since around the time Tinder was created, so I’ve never had the experience of swiping left or right myself. For… continue reading.
Animations are one of those little extra touches in an application that can transform an average looking application into something truly… continue reading.
Although you may or may not recognise the term shared element transition, you will likely have seen this pattern applied in many… continue reading.
A tabbed navigation interface is very commonly used in mobile applications and, as with most things user interface related, the Ionic web… continue reading.
Recently, someone asked me if it is possible to create a shared element transition in an Ionic application. I wasn’t actually familiar with… continue reading.
In this tutorial, we are going to take a look at creating a directive that will allow us to apply a cool little enter/exit animation to… continue reading.
In this tutorial, we are going to look into how we can use SASS (which is built into Ionic/Angular applications by default) to create a cool… continue reading.
A good experience in a mobile application rests heavily on good communication. You communicate your intent to the application, and it… continue reading.
I’ve written a few articles in the past that covered using the Angular Animations API in an Ionic application. You can find some of those… continue reading.
When we launch a modal in an Ionic application, an animation is used to provide a smooth transition as it appears on the screen. The default… continue reading.
Angular has fantastic support for forms, from the simple to the more robust reactive forms that make use of and . Using allows us to bind… continue reading.
In this tutorial, we are going to work on building an animated “like” button that will look like this when clicked: Since Ionic provides… continue reading.
Since the release of Ionic 4, many of Ionic’s components now make use of a Shadow DOM. I’ve written about what exactly this means in another… continue reading.
Beginning with Ionic 4, all of Ionic’s components will be web components. Unlike previous iterations of the framework where the components… continue reading.
