Opens in a new windowOpens an external websiteOpens an external website in a new window
This website utilizes technologies such as cookies to enable essential site functionality, as well as for analytics, personalization, and targeted advertising. To learn more, view the following link: Privacy Notice
Blog Post
E-Learning Challenges
3 MIN READ
Using Glassmorphism Designs in E-Learning Course Development #310
Glassmorphism Design in E-Learning #310: Challenge | Recap
It's a new year, and that means new design trends. In a recent challenge, we looked using the 2021 Pantone Color of the Year in e-learning design. If you haven't checked out the examples, stop what you're doing and check them out.
The color of the year is a big deal because it will influence design, fashion, home interior, and consumer product trends in the upcoming year.
2021 E-Learning Design Trends
This week, we're looking at how course creators can use the frosted glass effect, known as glassmorphism, in their e-learning designs.
Glassmorphism is a design concept that’s been around for a while. Variations of the effect have been used in iOS 7 and Mac OS Big Sur.
The effect is created by layering gradient or blurred backgrounds and semi-transparent shapes and panels. Here's an example:
Applying Glassmorphism Effects to E-Learning Templates
If you’re looking for a place to start, try working with an existing course or template you’ve already built.
This way, your content is already in place, and you’re free to focus on the design elements. Here’s a quick before and after for the Serenity template.
To create the blurred background effect, I started in PowerPoint and went to Format Picture > Artistic Effects > Blur.
Depending on the image you use, you might need to apply another round of blur to the image. To apply a second blur effect, save your image as a picture. Saving the image flattens the blur effect. Insert the blurred image back into PowerPoint and repeat the process.
I think the effect turned out pretty well, but I would still like to play with different layouts and panels before considering this a final design concept.
Challenge of the Week
This week, your challenge is to share an example demonstrating how glassmorphism can be used in e-learning. Your example can be interactive or a screenshot. We want to see how this design trend can be used in course design.
Resources
Here are some good examples of glassmorphism to give you an idea how the design effect is being used in UI design.
Comments: Use the comments section below to share a link to your published example and blog post.
Forums: Start your own thread and share a link to your published example..
Personal blog: If you have a blog, please consider writing about your challenges. We’ll link back to your posts so the great work you’re sharing gets even more exposure.
Social Media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can track your e-learning coolness.
Last Week’s Challenge:
Before you dive into this week’s challenge, check out the interactive aircraft safety cards your fellow community members shared over the past week:
Love the samples presented here! This look always makes me think of software 'dashboards'. So I went ahead and incorporated the look into a Course Development Cost Estimator. And added a full-screen background image to give it a 'floaty' feeling.
Hello, Thought I'd throw in a design here also. Love the glassmorphism look... though I have to admit that I didn't know that is what it was called. Here are some mock-up designs. Thanks!
The one thing about these challenges is we get to see many ideas that can work in a lot of situations. I like the way you used the effect as a menu below the image.
And again a step forward on the Glass Road ( actually that is a specific region in Bayern - Germany where you find all kind of Glass Art. Been there last summer )
In this sample here you can change the bluramount, then click 'Change Filter' and the transparant panel on top can be dragged around... so you can see this is indeed completely dynamic. Try changing the value again and you will see it updates nice.
In fact this solution uses CSS instead of HTML-filters. A lot easier to use,but also more limited. For now i couldnot find a solution to animate this...or set hBlur and vBlur to separate values..as you can do with real HTML filters..
i am gonna add this to my GlassMorphism Rise course too later on.
I'm using a quiz-game demo I built a few months ago and adding a layer (with glassmorphism) to explain the rules in english for this challenge. I use a blurry background and non-blurry parts of the slide to highlight each stage of the game. So you can only watch this layer by clicking the "How to play ?" button. on the left side of the slide. Great contributions this week.
As always, so many very good ideas and application of this idea and so many techniques. My example is very simple but I wanted to give it a shot. I had fun bringing in another challenge from 2019. I always wanted to do the cutout example.
I’ve been using ELH Challenges as inspiration for a bit, so I finally decided to participate in one! I took a page out of David’s playbook and used a Content Library template as a starting point (bonus points for whoever can figure out which one :) ). This is a fun design concept to play around with! Interesting to think through as you start playing with state changes and of course text legibility comes into play as you see what background images are usable!
Madison this was an excellent application of the glassmorphism. This works when you don't really want a specific background or you don't want one color.
Although i love your design...its a rendered background movie... with my CSS or JS solution...this can be dynamic...using any video in the background ;-)
Yes, I saw your example and I was truly impressed! I will try to research your methods :) Thank you for providing details on how to recreate your example with coding!
My favourite type of challenge - a quick win ! Thanks for bringing this style to my attention. I like that glassmorphism seems simultaneously retro and futuristic at the same time. I also liked how the elearning looks lighter on the screen. I made a simple title screen to try out the technique : http://jessicagrosman.ca/glassmorphism/story.html
"}},"componentScriptGroups({\"componentId\":\"custom.widget.GoogleTag\"})":{"__typename":"ComponentScriptGroups","scriptGroups":{"__typename":"ComponentScriptGroupsDefinition","afterInteractive":{"__typename":"PageScriptGroupDefinition","group":"AFTER_INTERACTIVE","scriptIds":[]},"lazyOnLoad":{"__typename":"PageScriptGroupDefinition","group":"LAZY_ON_LOAD","scriptIds":[]}},"componentScripts":[]},"cachedText({\"lastModified\":\"1744833251000\",\"locale\":\"en-US\",\"namespaces\":[\"components/community/NavbarDropdownToggle\"]})":[{"__ref":"CachedAsset:text:en_US-components/community/NavbarDropdownToggle-1744833251000"}],"cachedText({\"lastModified\":\"1744833251000\",\"locale\":\"en-US\",\"namespaces\":[\"shared/client/components/users/UserAvatar\"]})":[{"__ref":"CachedAsset:text:en_US-shared/client/components/users/UserAvatar-1744833251000"}],"cachedText({\"lastModified\":\"1744833251000\",\"locale\":\"en-US\",\"namespaces\":[\"shared/client/components/ranks/UserRankLabel\"]})":[{"__ref":"CachedAsset:text:en_US-shared/client/components/ranks/UserRankLabel-1744833251000"}],"cachedText({\"lastModified\":\"1744833251000\",\"locale\":\"en-US\",\"namespaces\":[\"components/tags/TagView/TagViewChip\"]})":[{"__ref":"CachedAsset:text:en_US-components/tags/TagView/TagViewChip-1744833251000"}],"cachedText({\"lastModified\":\"1744833251000\",\"locale\":\"en-US\",\"namespaces\":[\"components/users/UserRegistrationDate\"]})":[{"__ref":"CachedAsset:text:en_US-components/users/UserRegistrationDate-1744833251000"}],"cachedText({\"lastModified\":\"1744833251000\",\"locale\":\"en-US\",\"namespaces\":[\"shared/client/components/nodes/NodeAvatar\"]})":[{"__ref":"CachedAsset:text:en_US-shared/client/components/nodes/NodeAvatar-1744833251000"}],"cachedText({\"lastModified\":\"1744833251000\",\"locale\":\"en-US\",\"namespaces\":[\"shared/client/components/nodes/NodeDescription\"]})":[{"__ref":"CachedAsset:text:en_US-shared/client/components/nodes/NodeDescription-1744833251000"}],"cachedText({\"lastModified\":\"1744833251000\",\"locale\":\"en-US\",\"namespaces\":[\"components/messages/MessageListMenu\"]})":[{"__ref":"CachedAsset:text:en_US-components/messages/MessageListMenu-1744833251000"}],"cachedText({\"lastModified\":\"1744833251000\",\"locale\":\"en-US\",\"namespaces\":[\"shared/client/components/common/Pager/PagerLoadMorePreviousNextLinkable\"]})":[{"__ref":"CachedAsset:text:en_US-shared/client/components/common/Pager/PagerLoadMorePreviousNextLinkable-1744833251000"}],"cachedText({\"lastModified\":\"1744833251000\",\"locale\":\"en-US\",\"namespaces\":[\"shared/client/components/common/Pager/PagerLoadMore\"]})":[{"__ref":"CachedAsset:text:en_US-shared/client/components/common/Pager/PagerLoadMore-1744833251000"}],"message({\"id\":\"message:1151570\"})":{"__ref":"BlogReplyMessage:message:1151570"},"message({\"id\":\"message:1151574\"})":{"__ref":"BlogReplyMessage:message:1151574"},"message({\"id\":\"message:1151575\"})":{"__ref":"BlogReplyMessage:message:1151575"},"message({\"id\":\"message:1151606\"})":{"__ref":"BlogReplyMessage:message:1151606"},"message({\"id\":\"message:1151578\"})":{"__ref":"BlogReplyMessage:message:1151578"},"message({\"id\":\"message:1151610\"})":{"__ref":"BlogReplyMessage:message:1151610"},"message({\"id\":\"message:1151613\"})":{"__ref":"BlogReplyMessage:message:1151613"},"message({\"id\":\"message:1151614\"})":{"__ref":"BlogReplyMessage:message:1151614"},"message({\"id\":\"message:1151615\"})":{"__ref":"BlogReplyMessage:message:1151615"},"message({\"id\":\"message:1151626\"})":{"__ref":"BlogReplyMessage:message:1151626"},"message({\"id\":\"message:1151584\"})":{"__ref":"BlogReplyMessage:message:1151584"},"message({\"id\":\"message:1151609\"})":{"__ref":"BlogReplyMessage:message:1151609"},"message({\"id\":\"message:1151632\"})":{"__ref":"BlogReplyMessage:message:1151632"},"message({\"id\":\"message:1151585\"})":{"__ref":"BlogReplyMessage:message:1151585"},"message({\"id\":\"message:1151589\"})":{"__ref":"BlogReplyMessage:message:1151589"},"message({\"id\":\"message:1151633\"})":{"__ref":"BlogReplyMessage:message:1151633"},"message({\"id\":\"message:1151622\"})":{"__ref":"BlogReplyMessage:message:1151622"},"message({\"id\":\"message:1151583\"})":{"__ref":"BlogReplyMessage:message:1151583"},"message({\"id\":\"message:1151607\"})":{"__ref":"BlogReplyMessage:message:1151607"},"message({\"id\":\"message:1151620\"})":{"__ref":"BlogReplyMessage:message:1151620"},"message({\"id\":\"message:1151580\"})":{"__ref":"BlogReplyMessage:message:1151580"},"message({\"id\":\"message:1151608\"})":{"__ref":"BlogReplyMessage:message:1151608"},"message({\"id\":\"message:1151621\"})":{"__ref":"BlogReplyMessage:message:1151621"},"message({\"id\":\"message:1151623\"})":{"__ref":"BlogReplyMessage:message:1151623"},"message({\"id\":\"message:1151581\"})":{"__ref":"BlogReplyMessage:message:1151581"},"message({\"id\":\"message:1151612\"})":{"__ref":"BlogReplyMessage:message:1151612"},"message({\"id\":\"message:1151582\"})":{"__ref":"BlogReplyMessage:message:1151582"},"cachedText({\"lastModified\":\"1744833251000\",\"locale\":\"en-US\",\"namespaces\":[\"shared/client/components/nodes/NodeIcon\"]})":[{"__ref":"CachedAsset:text:en_US-shared/client/components/nodes/NodeIcon-1744833251000"}]},"Theme:customTheme1":{"__typename":"Theme","id":"customTheme1"},"User:user:-1":{"__typename":"User","id":"user:-1","uid":-1,"login":"Deleted user","email":"","avatar":null,"rank":null,"kudosWeight":1,"registrationData":{"__typename":"RegistrationData","status":"ANONYMOUS","registrationTime":null,"confirmEmailStatus":false,"registrationAccessLevel":"VIEW","ssoRegistrationFields":[]},"ssoId":null,"profileSettings":{"__typename":"ProfileSettings","dateDisplayStyle":{"__typename":"InheritableStringSettingWithPossibleValues","key":"layout.friendly_dates_enabled","value":"true","localValue":"true","possibleValues":["true","false"]},"dateDisplayFormat":{"__typename":"InheritableStringSetting","key":"layout.format_pattern_date","value":"MM-dd-yyyy","localValue":"MM-dd-yyyy"},"language":{"__typename":"InheritableStringSettingWithPossibleValues","key":"profile.language","value":"en-US","localValue":null,"possibleValues":["en-US","es-ES"]},"repliesSortOrder":{"__typename":"InheritableStringSettingWithPossibleValues","key":"config.user_replies_sort_order","value":"DEFAULT","localValue":"DEFAULT","possibleValues":["DEFAULT","LIKES","PUBLISH_TIME","REVERSE_PUBLISH_TIME"]}},"deleted":false},"CachedAsset:pages-1745396862756":{"__typename":"CachedAsset","id":"pages-1745396862756","value":[{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"BlogViewAllPostsPage","type":"BLOG","urlPath":"/category/:categoryId/blog/:boardId/all-posts/(/:after|/:before)?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"CasePortalPage","type":"CASE_PORTAL","urlPath":"/caseportal","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"CreateGroupHubPage","type":"GROUP_HUB","urlPath":"/groups/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"CaseViewPage","type":"CASE_DETAILS","urlPath":"/case/:caseId/:caseNumber","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"InboxPage","type":"COMMUNITY","urlPath":"/inbox","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"HelpFAQPage","type":"COMMUNITY","urlPath":"/help","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"IdeaMessagePage","type":"IDEA_POST","urlPath":"/idea/:boardId/:messageSubject/:messageId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"IdeaViewAllIdeasPage","type":"IDEA","urlPath":"/category/:categoryId/ideas/:boardId/all-ideas/(/:after|/:before)?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"LoginPage","type":"USER","urlPath":"/signin","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"BlogPostPage","type":"BLOG","urlPath":"/category/:categoryId/blogs/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"ThemeEditorPage","type":"COMMUNITY","urlPath":"/designer/themes","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"TkbViewAllArticlesPage","type":"TKB","urlPath":"/category/:categoryId/kb/:boardId/all-articles/(/:after|/:before)?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"OccasionEditPage","type":"EVENT","urlPath":"/event/:boardId/:messageSubject/:messageId/edit","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"OAuthAuthorizationAllowPage","type":"USER","urlPath":"/auth/authorize/allow","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"PageEditorPage","type":"COMMUNITY","urlPath":"/designer/pages","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"PostPage","type":"COMMUNITY","urlPath":"/category/:categoryId/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"ForumBoardPage","type":"FORUM","urlPath":"/category/:categoryId/discussions/:boardId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"TkbBoardPage","type":"TKB","urlPath":"/category/:categoryId/kb/:boardId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"EventPostPage","type":"EVENT","urlPath":"/category/:categoryId/events/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"UserBadgesPage","type":"COMMUNITY","urlPath":"/users/:login/:userId/badges","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"GroupHubMembershipAction","type":"GROUP_HUB","urlPath":"/membership/join/:nodeId/:membershipType","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"MaintenancePage","type":"COMMUNITY","urlPath":"/maintenance","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"IdeaReplyPage","type":"IDEA_REPLY","urlPath":"/idea/:boardId/:messageSubject/:messageId/comments/:replyId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"UserSettingsPage","type":"USER","urlPath":"/mysettings/:userSettingsTab","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"GroupHubsPage","type":"GROUP_HUB","urlPath":"/groups","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"ForumPostPage","type":"FORUM","urlPath":"/category/:categoryId/discussions/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"OccasionRsvpActionPage","type":"OCCASION","urlPath":"/event/:boardId/:messageSubject/:messageId/rsvp/:responseType","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"VerifyUserEmailPage","type":"USER","urlPath":"/verifyemail/:userId/:verifyEmailToken","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"AllOccasionsPage","type":"OCCASION","urlPath":"/category/:categoryId/events/:boardId/all-events/(/:after|/:before)?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"EventBoardPage","type":"EVENT","urlPath":"/category/:categoryId/events/:boardId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"TkbReplyPage","type":"TKB_REPLY","urlPath":"/kb/:boardId/:messageSubject/:messageId/comments/:replyId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"IdeaBoardPage","type":"IDEA","urlPath":"/category/:categoryId/ideas/:boardId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"CommunityGuideLinesPage","type":"COMMUNITY","urlPath":"/communityguidelines","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"CaseCreatePage","type":"SALESFORCE_CASE_CREATION","urlPath":"/caseportal/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"TkbEditPage","type":"TKB","urlPath":"/kb/:boardId/:messageSubject/:messageId/edit","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"ForgotPasswordPage","type":"USER","urlPath":"/forgotpassword","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"IdeaEditPage","type":"IDEA","urlPath":"/idea/:boardId/:messageSubject/:messageId/edit","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"TagPage","type":"COMMUNITY","urlPath":"/tag/:tagName","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"BlogBoardPage","type":"BLOG","urlPath":"/category/:categoryId/blog/:boardId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"OccasionMessagePage","type":"OCCASION_TOPIC","urlPath":"/event/:boardId/:messageSubject/:messageId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"ManageContentPage","type":"COMMUNITY","urlPath":"/managecontent","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"ClosedMembershipNodeNonMembersPage","type":"GROUP_HUB","urlPath":"/closedgroup/:groupHubId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"CommunityPage","type":"COMMUNITY","urlPath":"/","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"ForumMessagePage","type":"FORUM_TOPIC","urlPath":"/discussions/:boardId/:messageSubject/:messageId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"IdeaPostPage","type":"IDEA","urlPath":"/category/:categoryId/ideas/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"BlogMessagePage","type":"BLOG_ARTICLE","urlPath":"/blog/:boardId/:messageSubject/:messageId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"RegistrationPage","type":"USER","urlPath":"/register","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"EditGroupHubPage","type":"GROUP_HUB","urlPath":"/group/:groupHubId/edit","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"ForumEditPage","type":"FORUM","urlPath":"/discussions/:boardId/:messageSubject/:messageId/edit","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"ResetPasswordPage","type":"USER","urlPath":"/resetpassword/:userId/:resetPasswordToken","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"TkbMessagePage","type":"TKB_ARTICLE","urlPath":"/kb/:boardId/:messageSubject/:messageId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"BlogEditPage","type":"BLOG","urlPath":"/blog/:boardId/:messageSubject/:messageId/edit","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"ManageUsersPage","type":"USER","urlPath":"/users/manage/:tab?/:manageUsersTab?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"ForumReplyPage","type":"FORUM_REPLY","urlPath":"/discussions/:boardId/:messageSubject/:messageId/replies/:replyId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"PrivacyPolicyPage","type":"COMMUNITY","urlPath":"/privacypolicy","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"NotificationPage","type":"COMMUNITY","urlPath":"/notifications","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"UserPage","type":"USER","urlPath":"/users/:login/:userId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"HealthCheckPage","type":"COMMUNITY","urlPath":"/health","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"OccasionReplyPage","type":"OCCASION_REPLY","urlPath":"/event/:boardId/:messageSubject/:messageId/comments/:replyId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"ManageMembersPage","type":"GROUP_HUB","urlPath":"/group/:groupHubId/manage/:tab?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"SearchResultsPage","type":"COMMUNITY","urlPath":"/search","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"BlogReplyPage","type":"BLOG_REPLY","urlPath":"/blog/:boardId/:messageSubject/:messageId/replies/:replyId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"GroupHubPage","type":"GROUP_HUB","urlPath":"/group/:groupHubId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"TermsOfServicePage","type":"COMMUNITY","urlPath":"/termsofservice","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"CategoryPage","type":"CATEGORY","urlPath":"/category/:categoryId","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"ForumViewAllTopicsPage","type":"FORUM","urlPath":"/category/:categoryId/discussions/:boardId/all-topics/(/:after|/:before)?","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"TkbPostPage","type":"TKB","urlPath":"/category/:categoryId/kbs/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"},{"lastUpdatedTime":1745396862756,"localOverride":null,"page":{"id":"GroupHubPostPage","type":"GROUP_HUB","urlPath":"/group/:groupHubId/:boardId/create","__typename":"PageDescriptor"},"__typename":"PageResource"}],"localOverride":false},"CachedAsset:text:en_US-components/context/AppContext/AppContextProvider-0":{"__typename":"CachedAsset","id":"text:en_US-components/context/AppContext/AppContextProvider-0","value":{"noCommunity":"Cannot find community","noUser":"Cannot find current user","noNode":"Cannot find node with id {nodeId}","noMessage":"Cannot find message with id {messageId}","userBanned":"We're sorry, but you have been banned from using this site.","userBannedReason":"You have been banned for the following reason: {reason}"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/common/Loading/LoadingDot-0":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/common/Loading/LoadingDot-0","value":{"title":"Loading..."},"localOverride":false},"Rank:rank:2":{"__typename":"Rank","id":"rank:2","position":1,"name":"Staff","color":"00AEEF","icon":null,"rankStyle":"FILLED"},"User:user:50280":{"__typename":"User","id":"user:50280","uid":50280,"login":"DavidAnderson","deleted":false,"avatar":{"__typename":"UserAvatar","url":"https://community.articulate.com/t5/s/rwgqn69235/images/dS01MDI4MC1ZRUNVR2o?image-coordinates=0%2C0%2C800%2C800"},"rank":{"__ref":"Rank:rank:2"},"email":"","messagesCount":9354,"biography":null,"topicsCount":1775,"kudosReceivedCount":2109,"kudosGivenCount":1799,"kudosWeight":1,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2010-10-22T10:58:01.000-07:00","confirmEmailStatus":null},"followersCount":null,"solutionsCount":2},"Category:category:e-learning-challenges-and-recaps":{"__typename":"Category","id":"category:e-learning-challenges-and-recaps","entityType":"CATEGORY","displayId":"e-learning-challenges-and-recaps","nodeType":"category","depth":2,"title":"E-Learning Challenges and Recaps","shortTitle":"E-Learning Challenges and Recaps"},"Category:category:top":{"__typename":"Category","id":"category:top","entityType":"CATEGORY","displayId":"top","nodeType":"category","depth":0,"title":"Top","shortTitle":"Top"},"Category:category:learn":{"__typename":"Category","id":"category:learn","entityType":"CATEGORY","displayId":"learn","nodeType":"category","depth":1,"parent":{"__ref":"Category:category:top"},"title":"Learn","shortTitle":"Learn","categoryPolicies":{"__typename":"CategoryPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}}},"Blog:board:e-learning-challenges":{"__typename":"Blog","id":"board:e-learning-challenges","entityType":"BLOG","displayId":"e-learning-challenges","nodeType":"board","depth":3,"conversationStyle":"BLOG","repliesProperties":{"__typename":"RepliesProperties","sortOrder":"PUBLISH_TIME","repliesFormat":"threaded"},"tagProperties":{"__typename":"TagNodeProperties","tagsEnabled":{"__typename":"PolicyResult","failureReason":null}},"requireTags":false,"tagType":"FREEFORM_AND_PRESET","description":"Join our weekly challenges to try new skills, get inspired, and build your portfolio.","title":"E-Learning Challenges","shortTitle":"E-Learning Challenges","parent":{"__ref":"Category:category:e-learning-challenges-and-recaps"},"ancestors":{"__typename":"CoreNodeConnection","edges":[{"__typename":"CoreNodeEdge","node":{"__ref":"Community:community:rwgqn69235"}},{"__typename":"CoreNodeEdge","node":{"__ref":"Category:category:learn"}}]},"userContext":{"__typename":"NodeUserContext","canAddAttachments":true,"canUpdateNode":false,"canPostMessages":false,"isSubscribed":false},"theme":{"__ref":"Theme:customTheme1"},"boardPolicies":{"__typename":"BoardPolicies","canViewSpamDashBoard":{"__typename":"PolicyResult","failureReason":{"__typename":"FailureReason","message":"error.lithium.policies.feature.moderation_spam.action.access_spam_quarantine.allowed.accessDenied","key":"error.lithium.policies.feature.moderation_spam.action.access_spam_quarantine.allowed.accessDenied","args":[]}},"canArchiveMessage":{"__typename":"PolicyResult","failureReason":{"__typename":"FailureReason","message":"error.lithium.policies.content_archivals.enable_content_archival_settings.accessDenied","key":"error.lithium.policies.content_archivals.enable_content_archival_settings.accessDenied","args":[]}},"canPublishArticleOnCreate":{"__typename":"PolicyResult","failureReason":{"__typename":"FailureReason","message":"error.lithium.policies.forums.policy_can_publish_on_create_workflow_action.accessDenied","key":"error.lithium.policies.forums.policy_can_publish_on_create_workflow_action.accessDenied","args":[]}},"canReadNode":{"__typename":"PolicyResult","failureReason":null}},"blogPolicies":{"__typename":"BlogPolicies","canReadNode":{"__typename":"PolicyResult","failureReason":null}},"eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/"},"BlogTopicMessage:message:1151525":{"__typename":"BlogTopicMessage","uid":1151525,"subject":"Using Glassmorphism Designs in E-Learning Course Development #310","id":"message:1151525","revisionNum":1,"repliesCount":147,"author":{"__ref":"User:user:50280"},"depth":0,"hasGivenKudo":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"conversation":{"__ref":"Conversation:conversation:1151525"},"messagePolicies":{"__typename":"MessagePolicies","canPublishArticleOnEdit":{"__typename":"PolicyResult","failureReason":{"__typename":"FailureReason","message":"error.lithium.policies.forums.policy_can_publish_on_edit_workflow_action.accessDenied","key":"error.lithium.policies.forums.policy_can_publish_on_edit_workflow_action.accessDenied","args":[]}},"canModerateSpamMessage":{"__typename":"PolicyResult","failureReason":{"__typename":"FailureReason","message":"error.lithium.policies.feature.moderation_spam.action.moderate_entity.allowed.accessDenied","key":"error.lithium.policies.feature.moderation_spam.action.moderate_entity.allowed.accessDenied","args":[]}}},"contentWorkflow":{"__typename":"ContentWorkflow","state":"PUBLISH","scheduledPublishTime":null,"scheduledTimezone":null,"userContext":{"__typename":"MessageWorkflowContext","canSubmitForReview":null,"canEdit":false,"canRecall":null,"canSubmitForPublication":null,"canReturnToAuthor":null,"canPublish":null,"canReturnToReview":null,"canSchedule":false},"shortScheduledTimezone":null},"readOnly":false,"editFrozen":false,"moderationData":{"__ref":"ModerationData:moderation_data:1151525"},"teaser":"","body":"
\n
Glassmorphism Design in E-Learning #310: Challenge | Recap
\n
It's a new year, and that means new design trends. In a recent challenge, we looked using the 2021 Pantone Color of the Year in e-learning design. If you haven't checked out the examples, stop what you're doing and check them out.
\n
The color of the year is a big deal because it will influence design, fashion, home interior, and consumer product trends in the upcoming year.
\n
2021 E-Learning Design Trends
\n
This week, we're looking at how course creators can use the frosted glass effect, known as glassmorphism, in their e-learning designs.
\n
Glassmorphism is a design concept that’s been around for a while. Variations of the effect have been used in iOS 7 and Mac OS Big Sur.
\n
The effect is created by layering gradient or blurred backgrounds and semi-transparent shapes and panels. Here's an example:
Applying Glassmorphism Effects to E-Learning Templates
\n
If you’re looking for a place to start, try working with an existing course or template you’ve already built.
\n
This way, your content is already in place, and you’re free to focus on the design elements. Here’s a quick before and after for the Serenity template.
\n
\n
To create the blurred background effect, I started in PowerPoint and went to Format Picture > Artistic Effects > Blur.
\n
Depending on the image you use, you might need to apply another round of blur to the image. To apply a second blur effect, save your image as a picture. Saving the image flattens the blur effect. Insert the blurred image back into PowerPoint and repeat the process.
\n
I think the effect turned out pretty well, but I would still like to play with different layouts and panels before considering this a final design concept.
\n
\n
Challenge of the Week
\n
This week, your challenge is to share an example demonstrating how glassmorphism can be used in e-learning. Your example can be interactive or a screenshot. We want to see how this design trend can be used in course design.
\n
Resources
\n
Here are some good examples of glassmorphism to give you an idea how the design effect is being used in UI design.
Comments: Use the comments section below to share a link to your published example and blog post.
\n
Forums: Start your own thread and share a link to your published example..
\n
Personal blog: If you have a blog, please consider writing about your challenges. We’ll link back to your posts so the great work you’re sharing gets even more exposure.
\n
Social Media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can track your e-learning coolness.
\n
\n
Last Week’s Challenge:
\n
Before you dive into this week’s challenge, check out the interactive aircraft safety cards your fellow community members shared over the past week:
Glassmorphism Design in E-Learning #310: Challenge | Recap
\n
It's a new year, and that means new design trends. In a recent challenge, we looked using the 2021 Pantone Color of the Year in e-learning design. If you haven't checked out the examples, stop what you're doing and check them out.
\n
The color of the year is a big deal because it will influence design, fashion, home interior, and consumer product trends in the upcoming year.
\n
2021 E-Learning Design Trends
\n
This week, we're looking at how course creators can use the frosted glass effect, known as glassmorphism, in their e-learning designs.
\n
Glassmorphism is a design concept that’s been around for a while. Variations of the effect have been used in iOS 7 and Mac OS Big Sur.
\n
The effect is created by layering gradient or blurred backgrounds and semi-transparent shapes and panels. Here's an example:
Applying Glassmorphism Effects to E-Learning Templates
\n
If you’re looking for a place to start, try working with an existing course or template you’ve already built.
\n
This way, your content is already in place, and you’re free to focus on the design elements. Here’s a quick before and after for the Serenity template.
\n
\n
To create the blurred background effect, I started in PowerPoint and went to Format Picture > Artistic Effects > Blur.
\n
Depending on the image you use, you might need to apply another round of blur to the image. To apply a second blur effect, save your image as a picture. Saving the image flattens the blur effect. Insert the blurred image back into PowerPoint and repeat the process.
\n
I think the effect turned out pretty well, but I would still like to play with different layouts and panels before considering this a final design concept.
\n
\n
Challenge of the Week
\n
This week, your challenge is to share an example demonstrating how glassmorphism can be used in e-learning. Your example can be interactive or a screenshot. We want to see how this design trend can be used in course design.
\n
Resources
\n
Here are some good examples of glassmorphism to give you an idea how the design effect is being used in UI design.
Comments: Use the comments section below to share a link to your published example and blog post.
\n
Forums: Start your own thread and share a link to your published example..
\n
Personal blog: If you have a blog, please consider writing about your challenges. We’ll link back to your posts so the great work you’re sharing gets even more exposure.
\n
Social Media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can track your e-learning coolness.
\n
\n
Last Week’s Challenge:
\n
Before you dive into this week’s challenge, check out the interactive aircraft safety cards your fellow community members shared over the past week:
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"145","kudosSumWeight":1,"postTime":"2021-01-19T12:25:06.000-08:00","lastPublishTime":"2021-01-19T12:25:06.000-08:00","metrics":{"__typename":"MessageMetrics","views":10},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1151525/message:1151570","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":true,"endCursor":"MjUuM3wyLjF8aXwzfDM5OjF8aW50LDExNTE1NzQsMTE1MTYwNg","hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuM3wyLjF8aXwzfDM5OjF8aW50LDExNTE1NzQsMTE1MTU3NA","node":{"__ref":"BlogReplyMessage:message:1151574"}},{"__typename":"MessageEdge","cursor":"MjUuM3wyLjF8aXwzfDM5OjF8aW50LDExNTE1NzQsMTE1MTU3NQ","node":{"__ref":"BlogReplyMessage:message:1151575"}},{"__typename":"MessageEdge","cursor":"MjUuM3wyLjF8aXwzfDM5OjF8aW50LDExNTE1NzQsMTE1MTYwNg","node":{"__ref":"BlogReplyMessage:message:1151606"}}]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"ModerationData:moderation_data:1151574":{"__typename":"ModerationData","id":"moderation_data:1151574","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1151574":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:1381051"},"id":"message:1151574","revisionNum":1,"uid":1151574,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1151570"},"conversation":{"__ref":"Conversation:conversation:1151525"},"subject":"Re: Using Glassmorphism Designs in E-Learning Course Development #310","moderationData":{"__ref":"ModerationData:moderation_data:1151574"},"body":"
Great use of the concept and the sliding animated panels are awesome.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"71","kudosSumWeight":1,"repliesCount":0,"postTime":"2021-01-19T13:10:56.000-08:00","lastPublishTime":"2021-01-19T13:10:56.000-08:00","metrics":{"__typename":"MessageMetrics","views":5},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1151525/message:1151574","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"User:user:217768":{"__typename":"User","id":"user:217768","uid":217768,"login":"MichelleWhel853","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2019-11-24T20:19:36.000-08:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/aid|67f4209a-6617-4c29-b2f0-6b9e4ac64e25"},"rank":{"__ref":"Rank:rank:6"},"entityType":"USER","eventPath":"community:rwgqn69235/user:217768"},"ModerationData:moderation_data:1151575":{"__typename":"ModerationData","id":"moderation_data:1151575","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1151575":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:217768"},"id":"message:1151575","revisionNum":1,"uid":1151575,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1151570"},"conversation":{"__ref":"Conversation:conversation:1151525"},"subject":"Re: Using Glassmorphism Designs in E-Learning Course Development #310","moderationData":{"__ref":"ModerationData:moderation_data:1151575"},"body":"
I agree with Ron, I love the look of your sliding animated panels and found it inspiring. Thanks for sharing.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"112","kudosSumWeight":1,"repliesCount":0,"postTime":"2021-01-19T14:04:18.000-08:00","lastPublishTime":"2021-01-19T14:04:18.000-08:00","metrics":{"__typename":"MessageMetrics","views":5},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1151525/message:1151575","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"User:user:579935":{"__typename":"User","id":"user:579935","uid":579935,"login":"JeffreyRiley-9e","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2017-02-27T09:22:24.000-08:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0%7C589dfdb3f366662ecf7f080a"},"rank":{"__ref":"Rank:rank:6"},"entityType":"USER","eventPath":"community:rwgqn69235/user:579935"},"ModerationData:moderation_data:1151606":{"__typename":"ModerationData","id":"moderation_data:1151606","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1151606":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:579935"},"id":"message:1151606","revisionNum":1,"uid":1151606,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1151570"},"conversation":{"__ref":"Conversation:conversation:1151525"},"subject":"Re: Using Glassmorphism Designs in E-Learning Course Development #310","moderationData":{"__ref":"ModerationData:moderation_data:1151606"},"body":"
Not only using glassmorphism but the animation and accordion motion was effective.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"84","kudosSumWeight":1,"repliesCount":0,"postTime":"2021-01-20T12:26:06.000-08:00","lastPublishTime":"2021-01-20T12:26:06.000-08:00","metrics":{"__typename":"MessageMetrics","views":4},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1151525/message:1151606","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"User:user:50835":{"__typename":"User","id":"user:50835","uid":50835,"login":"DanGraham1","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2014-04-24T04:41:29.000-07:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0%7C4c6c5010-add3-0131-f1d8-22000b5e9066"},"rank":{"__ref":"Rank:rank:6"},"entityType":"USER","eventPath":"community:rwgqn69235/user:50835"},"ModerationData:moderation_data:1151578":{"__typename":"ModerationData","id":"moderation_data:1151578","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"User:user:923322":{"__typename":"User","id":"user:923322","uid":923322,"login":"GlenWild","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2020-06-14T00:58:01.000-07:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/aid|9c4c3f54-31a5-44f1-83a4-43703c795046"},"rank":{"__ref":"Rank:rank:6"},"entityType":"USER","eventPath":"community:rwgqn69235/user:923322"},"BlogReplyMessage:message:1151578":{"__typename":"BlogReplyMessage","uid":1151578,"id":"message:1151578","revisionNum":1,"author":{"__ref":"User:user:50835"},"readOnly":false,"repliesCount":4,"depth":1,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogTopicMessage:message:1151525"},"conversation":{"__ref":"Conversation:conversation:1151525"},"subject":"Re: Using Glassmorphism Designs in E-Learning Course Development #310","moderationData":{"__ref":"ModerationData:moderation_data:1151578"},"body":"
Love the samples presented here! This look always makes me think of software 'dashboards'. So I went ahead and incorporated the look into a Course Development Cost Estimator. And added a full-screen background image to give it a 'floaty' feeling.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"203","kudosSumWeight":2,"postTime":"2021-01-19T15:08:57.000-08:00","lastPublishTime":"2021-01-19T15:08:57.000-08:00","metrics":{"__typename":"MessageMetrics","views":10},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1151525/message:1151578","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":true,"endCursor":"MjUuM3wyLjF8aXwzfDM5OjF8aW50LDExNTE1ODMsMTE1MTYyMA","hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuM3wyLjF8aXwzfDM5OjF8aW50LDExNTE1ODMsMTE1MTU4Mw","node":{"__ref":"BlogReplyMessage:message:1151583"}},{"__typename":"MessageEdge","cursor":"MjUuM3wyLjF8aXwzfDM5OjF8aW50LDExNTE1ODMsMTE1MTYwNw","node":{"__ref":"BlogReplyMessage:message:1151607"}},{"__typename":"MessageEdge","cursor":"MjUuM3wyLjF8aXwzfDM5OjF8aW50LDExNTE1ODMsMTE1MTYyMA","node":{"__ref":"BlogReplyMessage:message:1151620"}}]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"ModerationData:moderation_data:1151583":{"__typename":"ModerationData","id":"moderation_data:1151583","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1151583":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:923322"},"id":"message:1151583","revisionNum":1,"uid":1151583,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1151578"},"conversation":{"__ref":"Conversation:conversation:1151525"},"subject":"Re: Using Glassmorphism Designs in E-Learning Course Development #310","moderationData":{"__ref":"ModerationData:moderation_data:1151583"},"body":"
Thanks for sharing! (Being new to e-learning this also gives me a glimpse at how costs can be estimated.)
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"107","kudosSumWeight":0,"repliesCount":0,"postTime":"2021-01-19T23:16:29.000-08:00","lastPublishTime":"2021-01-19T23:16:29.000-08:00","metrics":{"__typename":"MessageMetrics","views":9},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1151525/message:1151583","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"ModerationData:moderation_data:1151607":{"__typename":"ModerationData","id":"moderation_data:1151607","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1151607":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:579935"},"id":"message:1151607","revisionNum":1,"uid":1151607,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1151578"},"conversation":{"__ref":"Conversation:conversation:1151525"},"subject":"Re: Using Glassmorphism Designs in E-Learning Course Development #310","moderationData":{"__ref":"ModerationData:moderation_data:1151607"},"body":"
I like the floating effect.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"30","kudosSumWeight":1,"repliesCount":0,"postTime":"2021-01-20T12:27:12.000-08:00","lastPublishTime":"2021-01-20T12:27:12.000-08:00","metrics":{"__typename":"MessageMetrics","views":7},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1151525/message:1151607","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"User:user:200136":{"__typename":"User","id":"user:200136","uid":200136,"login":"KarlisSprogis-d","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2015-05-28T00:43:18.000-07:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0%7C20a46150-e73b-0132-ba10-22000b470c66"},"rank":{"__ref":"Rank:rank:6"},"entityType":"USER","eventPath":"community:rwgqn69235/user:200136"},"ModerationData:moderation_data:1151620":{"__typename":"ModerationData","id":"moderation_data:1151620","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1151620":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:200136"},"id":"message:1151620","revisionNum":1,"uid":1151620,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1151578"},"conversation":{"__ref":"Conversation:conversation:1151525"},"subject":"Re: Using Glassmorphism Designs in E-Learning Course Development #310","moderationData":{"__ref":"ModerationData:moderation_data:1151620"},"body":"
I wouldn't have guessed that it was made with Storyline! Very professional!
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"77","kudosSumWeight":0,"repliesCount":0,"postTime":"2021-01-21T09:21:18.000-08:00","lastPublishTime":"2021-01-21T09:21:18.000-08:00","metrics":{"__typename":"MessageMetrics","views":9},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1151525/message:1151620","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"User:user:249148":{"__typename":"User","id":"user:249148","uid":249148,"login":"ShawnScivally","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2018-11-23T11:44:27.000-08:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0|5bf5d11719f0676f16c2d97d"},"rank":{"__ref":"Rank:rank:6"},"entityType":"USER","eventPath":"community:rwgqn69235/user:249148"},"ModerationData:moderation_data:1151580":{"__typename":"ModerationData","id":"moderation_data:1151580","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1151580":{"__typename":"BlogReplyMessage","uid":1151580,"id":"message:1151580","revisionNum":1,"author":{"__ref":"User:user:249148"},"readOnly":false,"repliesCount":3,"depth":1,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogTopicMessage:message:1151525"},"conversation":{"__ref":"Conversation:conversation:1151525"},"subject":"Re: Using Glassmorphism Designs in E-Learning Course Development #310","moderationData":{"__ref":"ModerationData:moderation_data:1151580"},"body":"
Hello, Thought I'd throw in a design here also. Love the glassmorphism look... though I have to admit that I didn't know that is what it was called. Here are some mock-up designs. Thanks!
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"203","kudosSumWeight":2,"postTime":"2021-01-19T15:46:48.000-08:00","lastPublishTime":"2021-01-19T15:46:48.000-08:00","metrics":{"__typename":"MessageMetrics","views":11},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1151525/message:1151580","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuM3wyLjF8aXwzfDM5OjF8aW50LDExNTE2MDgsMTE1MTYwOA","node":{"__ref":"BlogReplyMessage:message:1151608"}},{"__typename":"MessageEdge","cursor":"MjUuM3wyLjF8aXwzfDM5OjF8aW50LDExNTE2MDgsMTE1MTYyMQ","node":{"__ref":"BlogReplyMessage:message:1151621"}},{"__typename":"MessageEdge","cursor":"MjUuM3wyLjF8aXwzfDM5OjF8aW50LDExNTE2MDgsMTE1MTYyMw","node":{"__ref":"BlogReplyMessage:message:1151623"}}]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"ModerationData:moderation_data:1151608":{"__typename":"ModerationData","id":"moderation_data:1151608","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1151608":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:579935"},"id":"message:1151608","revisionNum":1,"uid":1151608,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1151580"},"conversation":{"__ref":"Conversation:conversation:1151525"},"subject":"Re: Using Glassmorphism Designs in E-Learning Course Development #310","moderationData":{"__ref":"ModerationData:moderation_data:1151608"},"body":"
The one thing about these challenges is we get to see many ideas that can work in a lot of situations. I like the way you used the effect as a menu below the image.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"166","kudosSumWeight":0,"repliesCount":0,"postTime":"2021-01-20T12:28:41.000-08:00","lastPublishTime":"2021-01-20T12:28:41.000-08:00","metrics":{"__typename":"MessageMetrics","views":9},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1151525/message:1151608","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"ModerationData:moderation_data:1151621":{"__typename":"ModerationData","id":"moderation_data:1151621","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1151621":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:200136"},"id":"message:1151621","revisionNum":1,"uid":1151621,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1151580"},"conversation":{"__ref":"Conversation:conversation:1151525"},"subject":"Re: Using Glassmorphism Designs in E-Learning Course Development #310","moderationData":{"__ref":"ModerationData:moderation_data:1151621"},"body":"
I agree with Jeffrey, the first slide is an attention grabber! Great design!
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"78","kudosSumWeight":0,"repliesCount":0,"postTime":"2021-01-21T09:23:15.000-08:00","lastPublishTime":"2021-01-21T09:23:15.000-08:00","metrics":{"__typename":"MessageMetrics","views":8},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1151525/message:1151621","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"User:user:752622":{"__typename":"User","id":"user:752622","uid":752622,"login":"KatelinJordan","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2015-08-06T07:33:57.000-07:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0|5aa18fbb923e4823f4f168c7"},"rank":{"__ref":"Rank:rank:6"},"entityType":"USER","eventPath":"community:rwgqn69235/user:752622"},"ModerationData:moderation_data:1151623":{"__typename":"ModerationData","id":"moderation_data:1151623","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1151623":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:752622"},"id":"message:1151623","revisionNum":1,"uid":1151623,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1151580"},"conversation":{"__ref":"Conversation:conversation:1151525"},"subject":"Re: Using Glassmorphism Designs in E-Learning Course Development #310","moderationData":{"__ref":"ModerationData:moderation_data:1151623"},"body":"
Love this!
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"13","kudosSumWeight":0,"repliesCount":0,"postTime":"2021-01-21T15:37:59.000-08:00","lastPublishTime":"2021-01-21T15:37:59.000-08:00","metrics":{"__typename":"MessageMetrics","views":6},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1151525/message:1151623","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"User:user:165994":{"__typename":"User","id":"user:165994","uid":165994,"login":"MathNotermans-9","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2018-11-27T05:39:30.000-08:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0%7C5bf6e8c1c29bb435ab94ab29"},"rank":{"__ref":"Rank:rank:6"},"entityType":"USER","eventPath":"community:rwgqn69235/user:165994"},"ModerationData:moderation_data:1151581":{"__typename":"ModerationData","id":"moderation_data:1151581","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1151581":{"__typename":"BlogReplyMessage","uid":1151581,"id":"message:1151581","revisionNum":1,"author":{"__ref":"User:user:165994"},"readOnly":false,"repliesCount":1,"depth":1,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogTopicMessage:message:1151525"},"conversation":{"__ref":"Conversation:conversation:1151525"},"subject":"Re: Using Glassmorphism Designs in E-Learning Course Development #310","moderationData":{"__ref":"ModerationData:moderation_data:1151581"},"body":"
And again a step forward on the Glass Road ( actually that is a specific region in Bayern - Germany where you find all kind of Glass Art. Been there last summer )
In this sample here you can change the bluramount, then click 'Change Filter' and the transparant panel on top can be dragged around... so you can see this is indeed completely dynamic. Try changing the value again and you will see it updates nice.
In fact this solution uses CSS instead of HTML-filters. A lot easier to use,but also more limited. For now i couldnot find a solution to animate this...or set hBlur and vBlur to separate values..as you can do with real HTML filters..
i am gonna add this to my GlassMorphism Rise course too later on.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"203","kudosSumWeight":2,"postTime":"2021-01-19T22:05:07.000-08:00","lastPublishTime":"2021-01-19T22:05:07.000-08:00","metrics":{"__typename":"MessageMetrics","views":6},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1151525/message:1151581","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuM3wyLjF8aXwzfDM5OjF8aW50LDExNTE2MTIsMTE1MTYxMg","node":{"__ref":"BlogReplyMessage:message:1151612"}}]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"ModerationData:moderation_data:1151612":{"__typename":"ModerationData","id":"moderation_data:1151612","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1151612":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:249148"},"id":"message:1151612","revisionNum":1,"uid":1151612,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1151581"},"conversation":{"__ref":"Conversation:conversation:1151525"},"subject":"Re: Using Glassmorphism Designs in E-Learning Course Development #310","moderationData":{"__ref":"ModerationData:moderation_data:1151612"},"body":"
Very cool! Thanks for sharing with us.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"40","kudosSumWeight":0,"repliesCount":0,"postTime":"2021-01-21T08:02:03.000-08:00","lastPublishTime":"2021-01-21T08:02:03.000-08:00","metrics":{"__typename":"MessageMetrics","views":8},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1151525/message:1151612","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"ModerationData:moderation_data:1151582":{"__typename":"ModerationData","id":"moderation_data:1151582","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1151582":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:923322"},"id":"message:1151582","revisionNum":1,"uid":1151582,"depth":1,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogTopicMessage:message:1151525"},"conversation":{"__ref":"Conversation:conversation:1151525"},"subject":"Re: Using Glassmorphism Designs in E-Learning Course Development #310","moderationData":{"__ref":"ModerationData:moderation_data:1151582"},"body":"
Very impressive!
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"18","kudosSumWeight":0,"repliesCount":0,"postTime":"2021-01-19T22:58:24.000-08:00","lastPublishTime":"2021-01-19T22:58:24.000-08:00","metrics":{"__typename":"MessageMetrics","views":5},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1151525/message:1151582","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"User:user:851976":{"__typename":"User","id":"user:851976","uid":851976,"login":"ThierryEMMANUEL","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2019-01-20T08:18:38.000-08:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0%7C5c448d7e2dbeca51a1f0233b"},"rank":{"__ref":"Rank:rank:6"},"entityType":"USER","eventPath":"community:rwgqn69235/user:851976"},"ModerationData:moderation_data:1151584":{"__typename":"ModerationData","id":"moderation_data:1151584","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1151584":{"__typename":"BlogReplyMessage","uid":1151584,"id":"message:1151584","revisionNum":1,"author":{"__ref":"User:user:851976"},"readOnly":false,"repliesCount":2,"depth":1,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogTopicMessage:message:1151525"},"conversation":{"__ref":"Conversation:conversation:1151525"},"subject":"Re: Using Glassmorphism Designs in E-Learning Course Development #310","moderationData":{"__ref":"ModerationData:moderation_data:1151584"},"body":"
I'm using a quiz-game demo I built a few months ago and adding a layer (with glassmorphism) to explain the rules in english for this challenge. I use a blurry background and non-blurry parts of the slide to highlight each stage of the game. So you can only watch this layer by clicking the \"How to play ?\" button. on the left side of the slide. Great contributions this week.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"203","kudosSumWeight":0,"postTime":"2021-01-20T10:41:37.000-08:00","lastPublishTime":"2021-01-20T10:41:37.000-08:00","metrics":{"__typename":"MessageMetrics","views":6},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1151525/message:1151584","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuM3wyLjF8aXwzfDM5OjF8aW50LDExNTE2MDksMTE1MTYwOQ","node":{"__ref":"BlogReplyMessage:message:1151609"}},{"__typename":"MessageEdge","cursor":"MjUuM3wyLjF8aXwzfDM5OjF8aW50LDExNTE2MDksMTE1MTYzMg","node":{"__ref":"BlogReplyMessage:message:1151632"}}]},"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"customFields":[]},"ModerationData:moderation_data:1151609":{"__typename":"ModerationData","id":"moderation_data:1151609","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1151609":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:579935"},"id":"message:1151609","revisionNum":1,"uid":1151609,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1151584"},"conversation":{"__ref":"Conversation:conversation:1151525"},"subject":"Re: Using Glassmorphism Designs in E-Learning Course Development #310","moderationData":{"__ref":"ModerationData:moderation_data:1151609"},"body":"
Love this approach for the instructions. You still see the game board and read the instructions as it points out the various game features.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"142","kudosSumWeight":0,"repliesCount":0,"postTime":"2021-01-20T12:31:20.000-08:00","lastPublishTime":"2021-01-20T12:31:20.000-08:00","metrics":{"__typename":"MessageMetrics","views":5},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1151525/message:1151609","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"customFields":[]},"User:user:1259251":{"__typename":"User","id":"user:1259251","uid":1259251,"login":"ChrisFoster-30d","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2018-06-29T01:37:22.000-07:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0%7C5b35ea87b62b6572243080ab"},"rank":{"__ref":"Rank:rank:6"},"entityType":"USER","eventPath":"community:rwgqn69235/user:1259251"},"ModerationData:moderation_data:1151632":{"__typename":"ModerationData","id":"moderation_data:1151632","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1151632":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:1259251"},"id":"message:1151632","revisionNum":1,"uid":1151632,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1151584"},"conversation":{"__ref":"Conversation:conversation:1151525"},"subject":"Re: Using Glassmorphism Designs in E-Learning Course Development #310","moderationData":{"__ref":"ModerationData:moderation_data:1151632"},"body":"
Brilliant work! A nice addition to this weeks challenge :-)
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"61","kudosSumWeight":0,"repliesCount":0,"postTime":"2021-01-22T07:26:53.000-08:00","lastPublishTime":"2021-01-22T07:26:53.000-08:00","metrics":{"__typename":"MessageMetrics","views":5},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1151525/message:1151632","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"customFields":[]},"ModerationData:moderation_data:1151585":{"__typename":"ModerationData","id":"moderation_data:1151585","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1151585":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:579935"},"id":"message:1151585","revisionNum":1,"uid":1151585,"depth":1,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogTopicMessage:message:1151525"},"conversation":{"__ref":"Conversation:conversation:1151525"},"subject":"Re: Using Glassmorphism Designs in E-Learning Course Development #310","moderationData":{"__ref":"ModerationData:moderation_data:1151585"},"body":"
As always, so many very good ideas and application of this idea and so many techniques. My example is very simple but I wanted to give it a shot. I had fun bringing in another challenge from 2019. I always wanted to do the cutout example.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"203","kudosSumWeight":0,"repliesCount":0,"postTime":"2021-01-20T11:58:42.000-08:00","lastPublishTime":"2021-01-20T11:58:42.000-08:00","metrics":{"__typename":"MessageMetrics","views":4},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1151525/message:1151585","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"customFields":[]},"User:user:443967":{"__typename":"User","id":"user:443967","uid":443967,"login":"Madison_M","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2020-10-29T06:41:26.000-07:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/aid%7Cdfdc5271-ca74-4994-8581-51f2446ba95f"},"rank":{"__ref":"Rank:rank:2"},"entityType":"USER","eventPath":"community:rwgqn69235/user:443967"},"ModerationData:moderation_data:1151589":{"__typename":"ModerationData","id":"moderation_data:1151589","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1151589":{"__typename":"BlogReplyMessage","uid":1151589,"id":"message:1151589","revisionNum":1,"author":{"__ref":"User:user:443967"},"readOnly":false,"repliesCount":1,"depth":1,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogTopicMessage:message:1151525"},"conversation":{"__ref":"Conversation:conversation:1151525"},"subject":"Re: Using Glassmorphism Designs in E-Learning Course Development #310","moderationData":{"__ref":"ModerationData:moderation_data:1151589"},"body":"
I’ve been using ELH Challenges as inspiration for a bit, so I finally decided to participate in one! I took a page out of David’s playbook and used a Content Library template as a starting point (bonus points for whoever can figure out which one :) ). This is a fun design concept to play around with! Interesting to think through as you start playing with state changes and of course text legibility comes into play as you see what background images are usable!
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"203","kudosSumWeight":0,"postTime":"2021-01-20T12:04:50.000-08:00","lastPublishTime":"2021-01-20T12:04:50.000-08:00","metrics":{"__typename":"MessageMetrics","views":4},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1151525/message:1151589","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuM3wyLjF8aXwzfDM5OjF8aW50LDExNTE2MTAsMTE1MTYxMA","node":{"__ref":"BlogReplyMessage:message:1151610"}}]},"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"customFields":[]},"ModerationData:moderation_data:1151610":{"__typename":"ModerationData","id":"moderation_data:1151610","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1151610":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:579935"},"id":"message:1151610","revisionNum":1,"uid":1151610,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1151589"},"conversation":{"__ref":"Conversation:conversation:1151525"},"subject":"Re: Using Glassmorphism Designs in E-Learning Course Development #310","moderationData":{"__ref":"ModerationData:moderation_data:1151610"},"body":"
Madison this was an excellent application of the glassmorphism. This works when you don't really want a specific background or you don't want one color.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"154","kudosSumWeight":1,"repliesCount":0,"postTime":"2021-01-20T12:33:43.000-08:00","lastPublishTime":"2021-01-20T12:33:43.000-08:00","metrics":{"__typename":"MessageMetrics","views":5},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1151525/message:1151610","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"ModerationData:moderation_data:1151613":{"__typename":"ModerationData","id":"moderation_data:1151613","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1151613":{"__typename":"BlogReplyMessage","uid":1151613,"id":"message:1151613","revisionNum":1,"author":{"__ref":"User:user:200136"},"readOnly":false,"repliesCount":4,"depth":1,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogTopicMessage:message:1151525"},"conversation":{"__ref":"Conversation:conversation:1151525"},"subject":"Re: Using Glassmorphism Designs in E-Learning Course Development #310","moderationData":{"__ref":"ModerationData:moderation_data:1151613"},"body":"
Definitely a fan of this design trend! We created an example with a video in the background that gives the slide a nice calm feeling :)
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"203","kudosSumWeight":2,"postTime":"2021-01-21T08:19:48.000-08:00","lastPublishTime":"2021-01-21T08:19:48.000-08:00","metrics":{"__typename":"MessageMetrics","views":10},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1151525/message:1151613","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuM3wyLjF8aXwzfDM5OjF8aW50LDExNTE2MTQsMTE1MTYxNA","node":{"__ref":"BlogReplyMessage:message:1151614"}},{"__typename":"MessageEdge","cursor":"MjUuM3wyLjF8aXwzfDM5OjF8aW50LDExNTE2MTQsMTE1MTYyNg","node":{"__ref":"BlogReplyMessage:message:1151626"}},{"__typename":"MessageEdge","cursor":"MjUuM3wyLjF8aXwzfDM5OjF8aW50LDExNTE2MTQsMTE1MTYzMw","node":{"__ref":"BlogReplyMessage:message:1151633"}}]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"ModerationData:moderation_data:1151614":{"__typename":"ModerationData","id":"moderation_data:1151614","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1151614":{"__typename":"BlogReplyMessage","uid":1151614,"id":"message:1151614","revisionNum":1,"author":{"__ref":"User:user:165994"},"readOnly":false,"repliesCount":1,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1151613"},"conversation":{"__ref":"Conversation:conversation:1151525"},"subject":"Re: Using Glassmorphism Designs in E-Learning Course Development #310","moderationData":{"__ref":"ModerationData:moderation_data:1151614"},"body":"
Although i love your design...its a rendered background movie... with my CSS or JS solution...this can be dynamic...using any video in the background ;-)
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"155","kudosSumWeight":1,"postTime":"2021-01-21T08:25:45.000-08:00","lastPublishTime":"2021-01-21T08:25:45.000-08:00","metrics":{"__typename":"MessageMetrics","views":9},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1151525/message:1151614","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"MessageEdge","cursor":"MjUuM3wyLjF8aXwxfDM5OjF8aW50LDExNTE2MTUsMTE1MTYxNQ","node":{"__ref":"BlogReplyMessage:message:1151615"}}]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"ModerationData:moderation_data:1151615":{"__typename":"ModerationData","id":"moderation_data:1151615","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1151615":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:200136"},"id":"message:1151615","revisionNum":1,"uid":1151615,"depth":3,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1151614"},"conversation":{"__ref":"Conversation:conversation:1151525"},"subject":"Re: Using Glassmorphism Designs in E-Learning Course Development #310","moderationData":{"__ref":"ModerationData:moderation_data:1151615"},"body":"
Yes, I saw your example and I was truly impressed! I will try to research your methods :) Thank you for providing details on how to recreate your example with coding!
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"169","kudosSumWeight":0,"repliesCount":0,"postTime":"2021-01-21T08:51:19.000-08:00","lastPublishTime":"2021-01-21T08:51:19.000-08:00","metrics":{"__typename":"MessageMetrics","views":10},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1151525/message:1151615","customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"User:user:970848":{"__typename":"User","id":"user:970848","uid":970848,"login":"TracyCarroll","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2014-11-24T19:13:31.000-08:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0%7Cf4c85520-567e-0132-d4de-22000b1288a9"},"rank":{"__ref":"Rank:rank:6"},"entityType":"USER","eventPath":"community:rwgqn69235/user:970848"},"ModerationData:moderation_data:1151626":{"__typename":"ModerationData","id":"moderation_data:1151626","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1151626":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:970848"},"id":"message:1151626","revisionNum":1,"uid":1151626,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1151613"},"conversation":{"__ref":"Conversation:conversation:1151525"},"subject":"Re: Using Glassmorphism Designs in E-Learning Course Development #310","moderationData":{"__ref":"ModerationData:moderation_data:1151626"},"body":"
This is gorgeous, Karlis!
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"27","kudosSumWeight":0,"repliesCount":0,"postTime":"2021-01-22T00:41:17.000-08:00","lastPublishTime":"2021-01-22T00:41:17.000-08:00","metrics":{"__typename":"MessageMetrics","views":8},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1151525/message:1151626","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"ModerationData:moderation_data:1151633":{"__typename":"ModerationData","id":"moderation_data:1151633","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1151633":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:1259251"},"id":"message:1151633","revisionNum":1,"uid":1151633,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1151613"},"conversation":{"__ref":"Conversation:conversation:1151525"},"subject":"Re: Using Glassmorphism Designs in E-Learning Course Development #310","moderationData":{"__ref":"ModerationData:moderation_data:1151633"},"body":"
What a beautiful looking course, you're right it is a calming experience. Well done!
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"86","kudosSumWeight":0,"repliesCount":0,"postTime":"2021-01-22T07:29:45.000-08:00","lastPublishTime":"2021-01-22T07:29:45.000-08:00","metrics":{"__typename":"MessageMetrics","views":8},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1151525/message:1151633","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"User:user:286053":{"__typename":"User","id":"user:286053","uid":286053,"login":"JessicaGrosman","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2018-10-14T11:38:16.000-07:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0|5b9d6899a8b61c085caafd19"},"rank":{"__ref":"Rank:rank:6"},"entityType":"USER","eventPath":"community:rwgqn69235/user:286053"},"ModerationData:moderation_data:1151622":{"__typename":"ModerationData","id":"moderation_data:1151622","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1151622":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:286053"},"id":"message:1151622","revisionNum":1,"uid":1151622,"depth":1,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogTopicMessage:message:1151525"},"conversation":{"__ref":"Conversation:conversation:1151525"},"subject":"Re: Using Glassmorphism Designs in E-Learning Course Development #310","moderationData":{"__ref":"ModerationData:moderation_data:1151622"},"body":"
My favourite type of challenge - a quick win ! Thanks for bringing this style to my attention. I like that glassmorphism seems simultaneously retro and futuristic at the same time. I also liked how the elearning looks lighter on the screen. I made a simple title screen to try out the technique : http://jessicagrosman.ca/glassmorphism/story.html
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"203","kudosSumWeight":0,"repliesCount":0,"postTime":"2021-01-21T10:04:21.000-08:00","lastPublishTime":"2021-01-21T10:04:21.000-08:00","metrics":{"__typename":"MessageMetrics","views":4},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1151525/message:1151622","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"CachedAsset:text:en_US-components/community/Navbar-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-components/community/Navbar-1744833251000","value":{"community":"Community Home","inbox":"Inbox","manageContent":"Manage Content","tos":"Terms of Service","forgotPassword":"Forgot Password","themeEditor":"Theme Editor","edit":"Edit Navigation Bar","skipContent":"Skip to content","migrated-link-9":"Share Examples","migrated-link-7":"Connect","Common-community-blog-link":"Community Blog","migrated-link-8":"Discuss Articulate Products","migrated-link-1":"User Guides","migrated-link-2":"Training and Tutorials","Common-external-link":"Articulate Homepage","migrated-link-0":"Learn","migrated-link-5":"E-Books","migrated-link-6":"E-Learning Challenges","migrated-link-3":"Articles","migrated-link-4":"Product Updates","migrated-link-14":"About","Common-external-link-5":"Articulate Status","migrated-link-12":"Join Groups","Common-external-link-4":"Case Studies","migrated-link-13":"Discover","Common-external-link-3":"Blog","Common-exchange-link":"Exchange Best Practices","migrated-link-10":"Suggest Ideas","Common-external-link-2":"Product Support","migrated-link-11":"Attend Events","Common-external-link-1":"Resource Center","Common-training-webinars-link":"Live Training Webinars","Common-welcome-center-link":"Welcome Center","video-tutorials-link":"Video Tutorials"},"localOverride":false},"CachedAsset:text:en_US-components/community/NavbarHamburgerDropdown-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-components/community/NavbarHamburgerDropdown-1744833251000","value":{"hamburgerLabel":"Side Menu"},"localOverride":false},"CachedAsset:text:en_US-components/community/BrandLogo-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-components/community/BrandLogo-1744833251000","value":{"logoAlt":"Khoros","themeLogoAlt":"Brand Logo"},"localOverride":false},"CachedAsset:text:en_US-components/community/NavbarTextLinks-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-components/community/NavbarTextLinks-1744833251000","value":{"more":"More"},"localOverride":false},"CachedAsset:text:en_US-components/search/SpotlightSearchIcon-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-components/search/SpotlightSearchIcon-1744833251000","value":{"search":"Search"},"localOverride":false},"CachedAsset:text:en_US-components/authentication/AuthenticationLink-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-components/authentication/AuthenticationLink-1744833251000","value":{"title.login":"Sign In","title.registration":"Register","title.forgotPassword":"Forgot Password","title.multiAuthLogin":"Sign In"},"localOverride":false},"CachedAsset:text:en_US-components/nodes/NodeLink-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-components/nodes/NodeLink-1744833251000","value":{"place":"Place {name}"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageCoverImage-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageCoverImage-1744833251000","value":{"coverImageTitle":"Cover Image"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/nodes/NodeTitle-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/nodes/NodeTitle-1744833251000","value":{"nodeTitle":"{nodeTitle, select, community {Community} other {{nodeTitle}}} "},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageTimeToRead-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageTimeToRead-1744833251000","value":{"minReadText":"{min} MIN READ"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageSubject-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageSubject-1744833251000","value":{"noSubject":"(no subject)"},"localOverride":false},"CachedAsset:text:en_US-components/users/UserLink-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-components/users/UserLink-1744833251000","value":{"authorName":"View Profile: {author}","anonymous":"Anonymous"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/users/UserRank-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/users/UserRank-1744833251000","value":{"rankName":"{rankName}","userRank":"Author rank {rankName}"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageTime-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageTime-1744833251000","value":{"postTime":"Published: {time}","lastPublishTime":"Last Update: {time}","conversation.lastPostingActivityTime":"Last posting activity time: {time}","conversation.lastPostTime":"Last post time: {time}","moderationData.rejectTime":"Rejected time: {time}"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageBody-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageBody-1744833251000","value":{"showMessageBody":"Show More","mentionsErrorTitle":"{mentionsType, select, board {Board} user {User} message {Message} other {}} No Longer Available","mentionsErrorMessage":"The {mentionsType} you are trying to view has been removed from the community.","videoProcessing":"Video is being processed. Please try again in a few minutes.","bannerTitle":"Video provider requires cookies to play the video. Accept to continue or {url} it directly on the provider's site.","buttonTitle":"Accept","urlText":"watch"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageCustomFields-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageCustomFields-1744833251000","value":{"CustomField.default.label":"Value of {name}"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageRevision-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageRevision-1744833251000","value":{"lastUpdatedDatePublished":"{publishCount, plural, one{Published} other{Updated}} {date}","lastUpdatedDateDraft":"Created {date}","version":"Version {major}.{minor}"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/common/QueryHandler-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/common/QueryHandler-1744833251000","value":{"title":"Query Handler"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageReplyButton-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageReplyButton-1744833251000","value":{"repliesCount":"{count}","title":"Reply","title@board:BLOG@message:root":"Comment","title@board:TKB@message:root":"Comment","title@board:IDEA@message:root":"Comment","title@board:OCCASION@message:root":"Comment"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageAuthorBio-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageAuthorBio-1744833251000","value":{"sendMessage":"Send Message","actionMessage":"Follow this blog board to get notified when there's new activity","coAuthor":"CO-PUBLISHER","contributor":"CONTRIBUTOR","userProfile":"View Profile","iconlink":"Go to {name} {type}"},"localOverride":false},"CachedAsset:text:en_US-components/community/NavbarDropdownToggle-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-components/community/NavbarDropdownToggle-1744833251000","value":{"ariaLabelClosed":"Press the down arrow to open the menu"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/users/UserAvatar-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/users/UserAvatar-1744833251000","value":{"altText":"{login}'s avatar","altTextGeneric":"User's avatar"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/ranks/UserRankLabel-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/ranks/UserRankLabel-1744833251000","value":{"altTitle":"Icon for {rankName} rank"},"localOverride":false},"CachedAsset:text:en_US-components/tags/TagView/TagViewChip-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-components/tags/TagView/TagViewChip-1744833251000","value":{"tagLabelName":"Tag name {tagName}"},"localOverride":false},"CachedAsset:text:en_US-components/users/UserRegistrationDate-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-components/users/UserRegistrationDate-1744833251000","value":{"noPrefix":"{date}","withPrefix":"Joined {date}"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/nodes/NodeAvatar-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/nodes/NodeAvatar-1744833251000","value":{"altTitle":"Node avatar for {nodeTitle}"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/nodes/NodeDescription-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/nodes/NodeDescription-1744833251000","value":{"description":"{description}"},"localOverride":false},"CachedAsset:text:en_US-components/messages/MessageListMenu-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-components/messages/MessageListMenu-1744833251000","value":{"postTimeAsc":"Oldest","postTimeDesc":"Newest","kudosSumWeightAsc":"Least Liked","kudosSumWeightDesc":"Most Liked","sortTitle":"Sort By","sortedBy.item":" { itemName, select, postTimeAsc {Oldest} postTimeDesc {Newest} kudosSumWeightAsc {Least Liked} kudosSumWeightDesc {Most Liked} other {}}"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/common/Pager/PagerLoadMorePreviousNextLinkable-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/common/Pager/PagerLoadMorePreviousNextLinkable-1744833251000","value":{"loadMore":"Show More"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/common/Pager/PagerLoadMore-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/common/Pager/PagerLoadMore-1744833251000","value":{"loadMore":"Show More"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/nodes/NodeIcon-1744833251000":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/nodes/NodeIcon-1744833251000","value":{"contentType":"Content Type {style, select, FORUM {Forum} BLOG {Blog} TKB {Knowledge Base} IDEA {Ideas} OCCASION {Events} other {}} icon"},"localOverride":false}}}},"page":"/blogs/BlogMessagePage/BlogMessagePage","query":{"after":"MjUuMnwyLjF8aXwxMHwzOToxfGludCwxMTUxNTI2LDExNTE1Njk","boardId":"e-learning-challenges","messageSubject":"using-glassmorphism-designs-in-e-learning-course-development-310","messageId":"1151525"},"buildId":"ISAhs0UxT148eG089lpQq","runtimeConfig":{"buildInformationVisible":false,"logLevelApp":"info","logLevelMetrics":"info","openTelemetryClientEnabled":false,"openTelemetryConfigName":"articulate","openTelemetryServiceVersion":"25.3.0","openTelemetryUniverse":"prod","openTelemetryCollector":"http://localhost:4318","openTelemetryRouteChangeAllowedTime":"5000","apolloDevToolsEnabled":false,"inboxMuteWipFeatureEnabled":false},"isFallback":false,"isExperimentalCompile":false,"dynamicIds":["./components/customComponent/CustomComponent/CustomComponent.tsx","./components/community/Navbar/NavbarWidget.tsx","./components/community/Breadcrumb/BreadcrumbWidget.tsx","./components/blogs/BlogArticleWidget/BlogArticleWidget.tsx","./components/messages/MessageView/MessageViewStandard/MessageViewStandard.tsx","./components/messages/ThreadedReplyList/ThreadedReplyList.tsx","./components/customComponent/CustomComponentContent/TemplateContent.tsx","../shared/client/components/common/List/UnwrappedList/UnwrappedList.tsx","./components/tags/TagView/TagView.tsx","./components/tags/TagView/TagViewChip/TagViewChip.tsx","../shared/client/components/common/Pager/PagerLoadMorePreviousNextLinkable/PagerLoadMorePreviousNextLinkable.tsx","../shared/client/components/common/List/UnstyledList/UnstyledList.tsx","./components/messages/MessageView/MessageView.tsx","../shared/client/components/common/Pager/PagerLoadMore/PagerLoadMore.tsx"],"appGip":true,"scriptLoader":[]}
