This is the edit view in the AIUX app. No animation here, it's a screen recording of me interacting with a local build of the live app.
I'm extending the float label concept here with a dynamic Save button appearing on keydown and chang...
Simple profile screen for the AIUX course. The avatar is either the default AIUX avatar or pulled from Gravatar– there's not a huge need for profile photo other than making the students feel good about "owning" the course.
Hoping to no...
Made a few small updates to the AIUX progress indicators from the previous shots. Thanks to Nilesh for the suggestion.
- Check + Grey Title: Completed Lesson
- Orange Dot: Active Lesson
- Light Grey Dot: Future Lesson
I originally desi...
Module page for the AIUX course. A module contains all of the lessons for a given section. The video duration for each video lesson is totaled to form the module duration (top right).
Full sizes attached.
What do the symbols—checkmark,...
This is an interstitial modal after completing an AIUX lesson. The circle around the checkmark shows your total course completion. Full view attached.
I haven't coded this up yet, so feedback is welcome.
This is a sneak peek of the Lesson page from my AIUX course. I started off designing in code, but ended up feeling stuck.
Here's where I left off with my Sass styles. At one point it was much more polished than that, but still not quite...
aiux.co
