YoVDO

Building Better Interfaces - Interactivity and Animation in UI Design

Offered By: Web Conferences Amsterdam via YouTube

Tags

User Interface Design Courses Computer Science Courses Web Development Courses Javascript Courses User Experience Courses Animation Courses Accessibility Courses Front-end Development Courses

Course Description

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Explore interface design, interactivity, and animation in this CSS Day 2019 conference talk by Hakim El Hattab. Dive deep into UI component design, addressing common pitfalls and offering practical solutions. Learn how to create enjoyable user interfaces, correlating fun at work with building engaging web experiences. Discover techniques for improving focus, magnification, loading feedback, popups, notifications, hover menus, and keyboard accessibility. Gain insights on CSS, SVG, and JavaScript implementation for better interfaces. Access accompanying slides and follow the speaker for more web design expertise.

Syllabus

Introduction
Focus
Magnifying List
CheckWave
Flipside
RevealJS
Loading
Loading Feedback
Loading Over Slides
Lada
Popups
Popouts
Editor Settings
COG Wheel
Wireframe
Notifications
Hover menus
Timeout
Dynamic Hit Area
Drawing the Hit Area
CSS DX
Core Components
Keyboard Accessibility
Layout Flexibility
Keyboard Shortcuts
Animations
Speaker Notes
Drag and Drop
Transforming States
Make work enjoyable
SVG Table of Contents
JavaScript


Taught by

Web Conferences Amsterdam

Related Courses

Probabilistic Graphical Models 1: Representation
Stanford University via Coursera Computer Security
Stanford University via Coursera Intro to Computer Science
University of Virginia via Udacity Introduction to Logic
Stanford University via Coursera Internet History, Technology, and Security
University of Michigan via Coursera