1 hour to make a visual schedule [Design Lab Episode 1]
Channel: Metaist
Date: 2023-06-06

Guest: Victoria Lupia
Problem: Make a visual schedule

- Demo: https://metaist.github.io/visual-schedule/
- Code: https://github.com/metaist/visual-schedule/
- Design: https://docs.google.com/presentation/d/1ntLaVHmTnRbHH1BuD-bVAiY6oc2Dc5Djhk0Z6vNojWQ/edit?usp=sharing
- Transcript: https://metaist.com/blog/2023/06/design-lab-1.html#introduction

References:
- LessCSS: https://lesscss.org/
- Drag & Drop Images: https://soshace.com/the-ultimate-guide-to-drag-and-drop-image-uploading-with-pure-javascript/
- Complete Guide to Flexbox: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
- Shopify Draggable / Sortable: https://shopify.github.io/draggable/examples/multiple-containers.html

Chapters:
0:00:00 - Introduction
0:01:12 - Problem
0:02:55 - Examples
0:06:49 - Design
0:12:17 - Drag & drop images
0:26:03 - Flexbox layout
0:36:05 - Rearrange images
0:43:07 - Print layout
0:51:38 - Add a caption
1:00:44 - Remove an image
1:07:42 - Add a heading
1:13:55 - Thank you