<?xml version="1.0" encoding="utf-8"?>
Exercise

Responsive grid

Tablet
Exercise

Tablet

Toggles
Exercise

Toggles

Adaptive design
Exercise

Adaptive design

Exercise

Fluid grid

Exercise

Fixed grid

Grid systems
Exercise

Grid systems

Smartwatch
Exercise

Smartwatch

Dragged state
Exercise

Dragged state

Exercise

Fluid element

Fluid layouts
Exercise

Fluid layouts

Responsive design
Exercise

Responsive design

Navigation in native apps
Exercise

Navigation in native apps

iOS native app design standards
Exercise

iOS native app design standards

Avoid strobing and flashing animations
Exercise

Avoid strobing and flashing animations

Android native app design standards
Exercise

Android native app design standards

Hamburger menus
Exercise

Hamburger menus

Exercise

Advantages of native apps

Grab cursor
Exercise

Grab cursor

Fixed layouts
Exercise

Fixed layouts

Column grids
Exercise

Column grids

Column grid
Exercise

Column grid

Mobile design
Exercise

Mobile design

Touch target size and placement
Exercise

Touch target size and placement

Maintain vertical rhythm
Exercise

Maintain vertical rhythm

Accelerometer
Exercise

Accelerometer

Leverage multi-tasking features
Exercise

Leverage multi-tasking features

Glanceability
Exercise

Glanceability

Planning for different screen orientations
Exercise

Planning for different screen orientations

Unexpected types of grids
Exercise

Unexpected types of grids

Orientation
Exercise

Orientation

Exercise

Gestures

Unexpected types of grids
Exercise

Unexpected types of grids

Device
Exercise

Device

Tablet-specific app versions
Exercise

Tablet-specific app versions

Take advantage of larger screens
Exercise

Take advantage of larger screens

Exercise

Pressure sensitivity

Exercise

CSS cursor property

Avoid long code lines
Exercise

Avoid long code lines

OpenGL
Exercise

OpenGL

Asymmetrical grids
Exercise

Asymmetrical grids

Make chips touch-friendly
Exercise

Make chips touch-friendly

Keep a single breadcrumb on mobile
Exercise

Keep a single breadcrumb on mobile

Exercise

Screen size

Resizing and moving masks
Exercise

Resizing and moving masks

Uniform grid properties
Exercise

Uniform grid properties

Provide more efficient scanning
Exercise

Provide more efficient scanning

Designing for reduced motion
Exercise

Designing for reduced motion

Manual resizing of frames
Exercise

Manual resizing of frames

Modifying an image
Exercise

Modifying an image