English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 3h 03m | 700 MB
On the journey from initial idea to development, you may find that your UX designs end up appearing and responding differently than you expected. Prototypes—particularly realistic, high-fidelity ones—can prevent such situations by allowing you to see how your design ideas feel and interact earlier in the process. In this course, learn how to create more dynamic prototypes with Axure RP. Instructor Shauna Bybee steps through some of the most common ways to use variables and functions in Axure RP. Learn about string methods, how to format dates and times, how to work with window properties, and much more. Throughout the course, Shauna shares examples that lend a real-world context to the concepts she covers.
Topics include:
- Using variables in Axure
- String methods in Axure
- Truncating text strings
- Formatting dates and times
- Setting up a looping animation
- Setting up a responsive background image
- Positioning widgets in the browser
- Repeater and item properties
- Adding custom HTML, CSS, and JavaScript
- Troubleshooting
Table of Contents
Introduction
1 Create realistic interactive prototypes with Axure
2 What you should know
Widget Properties
3 Axure variables overview
4 Widget properties
5 This and Target
6 Example – Creating a moving hover effect
7 X and Y coordinates
8 Top left right and bottom properties
9 Positioning with dynamic panels
10 Width and height
11 Example – Resizing a hover effect
12 Example – Creating a slider
13 Centering widgets
14 Widget text
Strings
15 String methods in Axure
16 String length
17 Searching strings
18 Case sensitivity in string searches
19 Truncating text strings
20 Truncating to the last four digits
Dates and Times
21 Now and GenDate
22 Formatting dates
23 Formatting dates from input fields
24 Using the current time
25 Formatting time
26 Adjusting dates
27 Example – Calculating future dates
28 Setting up a looping animation
Window Properties
29 Window width and height
30 Setting up a responsive background image
31 Positioning widgets in the browser
32 Window scroll properties
33 Creating a sticky header
34 Pinning and unpinning on a scroll
35 Parallax scrolling
36 Parallax effects with offsets
37 Parallax effects in dynamic panels
Repeater and Item Properties
38 Item properties and OnItemLoad
39 Using Item properties in OnItemLoad
40 Conditional cases in OnItemLoad
41 Item.isFirst and Item.isLast
42 Example – Calculating a total
43 Example – Moving widgets below a repeater
44 Repeater data count properties
45 Using dataCount to show a zero state
46 Item.index
47 Positioning a drop-down with Item.index
Global Variables
48 Global variables
49 Example – Customizing based on login
Adding Custom HTML CSS and JavaScript
50 Using plugins on Axure Share
51 Example – Adding CSS animation
When Things Go Wrong
52 Troubleshooting using the console
Conclusion
53 Next steps
Resolve the captcha to access the links!