{"id":584,"date":"2014-09-01T13:03:01","date_gmt":"2014-09-01T16:03:01","guid":{"rendered":"http:\/\/ashleychiasson.com\/blog\/?p=584"},"modified":"2014-09-01T13:03:01","modified_gmt":"2014-09-01T16:03:01","slug":"e-learning-heroes-2-whats-your-best-tabs-interaction-free-template","status":"publish","type":"post","link":"https:\/\/ashleychiasson.com\/blog\/e-learning-heroes-2-whats-your-best-tabs-interaction-free-template\/","title":{"rendered":"E-Learning Heroes #2: What’s Your Best Tabs Interaction? (Free Template)"},"content":{"rendered":"

The Concept<\/strong><\/p>\n

This challenge<\/a> was to create our best tabs interaction; while I don’t necessarily consider this to be the best tabs interaction I’ve developed, I do think it’s a cute little one! The challenge specifically asked for five tabs, but I used four because a colour palette drove my inspiration.<\/p>\n

The Method<\/strong><\/p>\n

I was trolling around Colour Lovers<\/a>\u00a0and stumbled upon a pretty colour palette, so I skimmed through the e-learning challenges to see which challenge I could best apply the colour palette to.<\/p>\n

Then, I decided I wanted to do an in and out type of theme – reminiscent of those pop-up books you used to read as a kid, with the tabs to drag items across the page.<\/p>\n

Once I had the general idea, I created some tabs and ‘pages’, adding shadows to the pages and tabs to emphasize that each is a separate item. Then I created a layer for each tab, and when selected, the appropriate tab would display.<\/p>\n

The Result<\/strong><\/p>\n

\"Tabbed_Interaction\"<\/a><\/p>\n

\n

Click here<\/a> for a demo of the full interaction.<\/p>\n

Click here <\/a>to download the Articulate Storyline template of this free tabbed interaction.<\/p>\n","protected":false},"excerpt":{"rendered":"

The Concept This challenge was to create our best tabs interaction; while I don’t necessarily consider this to be the best tabs interaction I’ve developed, I do think it’s a cute little one! The challenge specifically asked for five tabs, but I used four because a colour palette drove my inspiration. The Method I was […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","jetpack_post_was_ever_published":false,"jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":[]},"categories":[3],"tags":[10],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p4s3cq-9q","_links":{"self":[{"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/posts\/584"}],"collection":[{"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/comments?post=584"}],"version-history":[{"count":1,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/posts\/584\/revisions"}],"predecessor-version":[{"id":586,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/posts\/584\/revisions\/586"}],"wp:attachment":[{"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/media?parent=584"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/categories?post=584"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/tags?post=584"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}