O'Reilly logo

UX Design for Mobile by Pau Giner, Pablo Perea

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Artboards states

The next thing we will do is to position the artboards that are not visible in the current view. These are the Step 2 Artboard, the Step 3 Artboard, and the Feed Activities Artboard. To do this, we will create two states for each of the artboards: one for when the artboard is off the screen, and another for when the artboard is located inside the screen and is visible to the user. We'll name these states out and in for the example, but different names can be used. We will also define the initial state of each artboard and the way it changes from one state to the other. For this purpose, we use the following code. Note that the lines that start with the # symbol are comments, and they will only serve to order and explain our ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required