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.
63 posts tagged with "ui"
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.
As I was scrolling through Twitter’s PWA (I assume this would be the same in their native application as well), I noticed that when you… continue reading.
A couple of weeks ago I released an article about how CSS4 variables would be used in Ionic 4. In that article, I discussed how using CSS… continue reading.
Like the rest of Ionic in Ionic 4, Ionicons has recently received the web components treatment. If you’ve used Ionic in the past, then you… continue reading.
Apparently, good things come in 4’s (sorry, that was the best I could do). Another significant addition to Ionic 4 is going to be support… continue reading.
