UX Design for Mobile

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 ...