Take 5
Learn a new skill in 5 minutes. Video tutorials on accessibility, career skills, prototyping, user experience, and web design and development.
Recent
Prototyping
Working with Auto Layout in Figma
with Jeremy Osborn
Auto Layout in Figma allows you to create frames, components or even entire layouts, that reflow as the contents change, making designing interfaces easier than ever. Learn how to get up and running with the fundamentals of Auto Layout in this tutorial by Jeremy Osborn, Director of Learning for Aquent Gymnasium.
Accessibility
-
-
Creating Accessible Web Animations
-
Creating Accessible Video and Audio Content
-
Improving Form Usability and Accessibility
-
Designing Accessible Forms for Everyone
-
Improving Accessibility With Color Contrast
-
Understanding the Role of Color in Accessibility
-
Writing Effective and Accessible Alt Text
-
Improving Image Accessibility With Alt Text
-
Designing Accessible Data Tables
-
Making Headings and Lists More Accessible
-
Understanding Document Structure Accessibility
-
Creating Beautiful and Accessible Drop Caps
-
Introduction to Screen Readers Using VoiceOver
Prototyping
-
Working with Auto Layout in Figma
-
Creating Variants in Figma
-
Working with Overlays in Figma
-
Animating Microinteractions with Figma
-
Creating Advanced Animations in Figma
-
Using Auto-Animate in Adobe XD
-
Working with the Timeline in InVision Studio
-
Prototyping in the Browser with CSS Grid Layout
-
Using Smart Layout in Sketch
Web Design & Development
-
Responsively Designing With Viewport Units
-
Flexible and Accessible Typesetting
-
Designing Beautiful Focus States
-
Creating an Interactive Chart for the Web
-
Adding a Dark Mode Theme to Your Website
-
Publishing Your First Github Pages Website
-
Getting Started With CSS Variables
-
Writing CSS Media Queries For Responsive Design
-
Creating A Harmonious Color Scheme with HSL
-
Creating a Pixel Perfect Icon in Sketch
-
Using CSS Generated Content for Links
-
Creating a Duotone with CSS
-
Working with CSS Feature Queries
-
Adding a CSS Gradient Overlay to an Image
-
Creating a CSS Knockout Text Effect
-
Making a CSS Parallax Effect