What Can You Make in Shopify?

Workshop participants share examples of websites they love. Then, Megumi shares what skills are needed to go about recreating the site’s best features in Shopify!

---

Timestamps

00:00:00 : Intro — Workshop participants share a bit about themselves and their learning goal

00:07:00 : Inspiration — Participants share what websites inspire them

00:18:45 : Megumi provides participants with advice on how to achieve their inspo features

00:19:30 : Advanced Filter (Javascript)

00:20:00 : Blog Layout (Liquid)

00:21:15 : Wavy Text (Animated SVG)

00:21:45 : Mega Menu Cookie Reward - Finished GLOWE Theme

00:23:00 : Product Information (Metafields)

00:26:00 : Product Grids (CSS)

00:27:20 : 3D Effect (CSS)

00:27:50 : Floating Elements (CSS)

00:28:50 : Banner + Header Menu (Shopify Sections + CSS)

00:30:55 : eothencircle.com : Mouse Interactions (jQuery)

00:34:10 : Anjuli asks “Will you always find all the jQuery libraries used in DevTools Network?”

00:35:20 : seenadvertising.agency : Draggable DIVs (Javascript) - w3schools.com

00:36:17 : seenadvertising.agency : Animate on Scroll (Javascript)

00:37:50 : ourrecess.com : Logo Shrinking on Scroll (Javascript built into Shopify theme)

00:39:55 : eatflings.com : Animated gifs / videos

00:41:40 : eatflings.com: Marquees Cookie Reward - Finished SPOONS Theme

00:42:25 : rawty.co : Two-Column Section (Shopify Section)

00:46:05 : thenormalstudio.com : Home Page Layout (CSS)

00:47:10 : Yewande asks “When would you not recommend Shopify to a client?”

00:51:20 : Takeaways — Participants share what they’ve learned