Prototyping

Get up to speed prototyping by learning about hotspots, gestures and animated transitions

+1
15 articles in this collection
Written by Bradley, Dave Keyes, and Grant Robinson and 1 other

Gestures

A guide to using gesture interactions in Atomic
Written by Bradley
Updated over a week ago

Page actions

How to set timed delays or influence behaviour based on component states
Written by Bradley
Updated over a week ago

Get started with animated transitions

Creating an animated transition
Written by Bradley
Updated over a week ago

Mastering custom transitions

How to stagger, delay or fine tune your transitions
Written by Bradley
Updated over a week ago

Scrolling

How to create scrollable regions using containers
Written by Bradley
Updated over a week ago

Scroll actions & events

How to control behaviours with and within scroll containers
Written by Dave Keyes
Updated over a week ago

Page position

How to reset the scroll position of your page
Written by Bradley
Updated over a week ago

Previewing on a mobile device

Support for both Android and iOS mobile previewing
Written by Bradley
Updated over a week ago

Form elements

How to use text inputs, text areas and dropdown menus
Written by Bradley
Updated over a week ago

Using variables in your prototypes

Written by Grant Robinson
Updated over a week ago

Script expressions

Written by Ben Pujji
Updated over a week ago

Script expressions cheat sheet

A reference of the functions available through JavaScript script expressions
Written by Grant Robinson
Updated this week

Script expressions cheat sheet (MathJS)

A reference of the functions available through MathJS script expressions
Written by Grant Robinson
Updated over a week ago

Migrating from MathJS to JavaScript

Tips for smoothly switching between scripting languages
Written by Grant Robinson
Updated over a week ago

Is Atomic just for mobile prototyping?

Atomic supports prototyping for mobile, desktop, tablet and watch
Written by Bradley
Updated over a week ago