Tabs Navigation in E-Learning #320: Challenge | Recap
Challenge of the Week
This week, your challenge is to share an example that demonstrates how tabs interactions can group related cont...
Published 4 years ago
Version 1.0
Blog Post
Easy Tabs
Demo: https://bit.ly/3cq0UlS
Download: https://bit.ly/3co38Cm
Every time I do a tabs demo I think of Montse Anderson because she offered up a tabs file and it was the first one I ever tried to tear apart and recreate. Here's a quick one you can customize with a number variable, entry animations, and Pantone Color of the Year 2021--Aviary palette. I'm almost sick of this COTY.
Demo: https://bit.ly/3cq0UlS
Download: https://bit.ly/3co38Cm
Every time I do a tabs demo I think of Montse Anderson because she offered up a tabs file and it was the first one I ever tried to tear apart and recreate. Here's a quick one you can customize with a number variable, entry animations, and Pantone Color of the Year 2021--Aviary palette. I'm almost sick of this COTY.
- Hi Jodi- I like how you used drop shadows to add depth. You've created a new way to look at tabs. Agree! Montse creates some of the most efficient tabs templates.
- Hi Jodi,
Thanks for sharing and I will definitely be picking this apart to learn more. I found the "Easy Tab" name a little ironic (?) in a good way but that is because I'm new.
I just wanted to find out if there a reason the size of tabs are so large but the image small, could they be cropped down?- Hi Deb,
I used some vector art for this project that someone else built, so I didn't think that much about sizing it. I just used it as it was developed by the artist for an infographic--I only changed the colors to the Pantone COTY palette.
If you would like the vector file let me know and I'll send it to you. You can change the colors and play with the sizes.- Hi Jodi,
Thanks that would be great. I think I just need to spend some time breaking it down and recreating it. I admire your work that you share across these challenges, so thank you!
- Nice spin on the traditional tab interactivity :)
- Interesting way you use the button at the bottom to call up each tab. I did like your images and I also used something I found that seemed to fit this challenge.
- Cool look, Jodi. I like the simplicity of incrementing a variable to "normalize" a tab.
