COMPRESSEDfm

This episode takes a behind-the-scenes look at Advent of CSS and Advent of JavaScript: the planning, technology, struggles, and learnings.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes0:00 Introduction4:56 Advent of CSS and Advent of JavaScript9:29 Technology Overview10:26 Sponsor: Vercel11:33 Working with SvelteKit15:06 ConvertKit25:15 Sponsor: DatoCMS26:09 Podia for Hosting the Course Content28:45 Gumroad31:33 Integrations with Zapier35:06 Sponsor: ZEAL36:00 Marketing and Promotion38:42 Things we would have done differently45:19 Grab Bag Questions45:30 Grab Bag Question #1: Plans for Adding Code in Browser46:44 Grab Bag Question #2: Does Hosting Play a Part in Your Tech Stack Decision?48:03 Grab Bag Question #3: Who is your target audience?50:04 Picks and Plugs50:07 James's Pick: Mistborn Series50:25 James's Plug: James Q Quick on YouTube51:23 Amy's Pick: Balega Socks51:51 Amy's Plug: SelfTeach.me on YouTube

In this episode, Amy and James talk about their experiences on actual development teams and the different processes and workflows that work best.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes0:00 Introduction2:58 Jobs on a Development Team4:58 What is agile?7:09 Sprints8:32 Deadlines and Milestones10:19 Sponsor: Vercel11:25 Writing Stories15:23 Types of Stories21:26 Version Control and Git within a TeamEpisode 34 - Getting gitUsing Git with a Team on YouTube22:55 Continuous Integration and Continuous DeploymentEverything Svelte26:41 Code ReviewsTweet from James / Compressed.fm Codebase28:27 Sponsor: DatoCMS29:21 Prioritizing and Pointing Stories34:47 Who writes the stories?36:21 Velocity38:26 Pair ProgrammingTupleLiveShare through VS Code45:08 Meetings47:46 How Design Fits into the Process49:12 Sponsor: ZEAL50:05 Grab Bag Questions53:10 Amy's Pick: Rainbow Pirates53:27 Amy's Plug: Everything Svelte53:50 James's Pick: Kreg Pocket Hole Jig Pro 72055:53 James's Plug: James Q Quick on YouTube

New year, new you. If you're thinking about getting started or are new to dev, this episode is for you! Amy and James talk about where they started, where they would begin today, and any and all advice for beginners.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersTellaIt's 2021 and we all basically live on video. Tella is a browser-based screen recorder for making videos that showcase your work and share your knowledge. You can record your screen, camera, and present slides. And then you can also customize your videos with backgrounds, layouts, and other video clips. When you're done, share your video anywhere on the web, instantly. For more information visit tella.tvShow Notes0:00 Introduction2:39 Sponsor: ZEAL3:24 PSA: Logarithm vs Algorithm5:58 Amy's Learning Process7:31 James's Learning Process10:12 Make Learning Fun12:29 Consistency while Learning Something New13:24 Where's a Good Place for People to Get StartedCrossover Episode with Purrfect.dev17:40 Sponsor: Vercel18:46 Where to get startedFree Code CampLearn Build Teach Discord CommunityLevel Up Tutorials Discord CommunityJason Lengstorf, Party Corgi Discord CommunityColby Fayock, Space Jelly Discord CommunityScrimbaScrimba Discord CommunityTraversy Media on YouTubeAnia Kubow on YouTubeAnia Kubo - 12+ Hour Boot CampJessica Coder CoderWeb Dev SimplifiedColby Fayock on YouTubeJesse from CodeStackrColby's Course on Level Up Tutorials: eCommerce on the JAMStack with SnipCart, Next.js, and WordPressLevel Up TutorialsCourses by Wes BusCourses by Chris Sev on Better.devJames Q Quick's CoursesJames on YouTubeAmy on YouTubeJavaScript JabberSyntax.fmCodePen RadioShop Talk ShowCode NewbiePurrfect DevWeb Dev WeeklyCompressed.fm - Episode 2 - James's Origin StoryCompressed.fm - Episode 3 - Amy's Origin Story27:40 How do you prioritize all the things that someone could learn?Tech Rally on TwitterDanny Thompson29:53 Finding and Reaching out to Mentors34:09 BootcampsLearn AcademyLaunch Code38:19 Community40:55 Going Beyond a Tutorial42:26 Sponsor: Tella.tv43:13 Adding on to a TutorialAdvent of CSSAdvent of JavaScript45:41 Job SearchTaylor Desseyn49:47 Grab Bag Question - Original Tweet52:32 Picks and Plugs52:46 Amy's Pick: Code Names53:43 Amy's Plug: Everything Svelte54:48 James's Pick: Laptop Stand55:40 James's Plug: Building a Dynamic Landing Page with Next.js, Tailwind, and DatoCMS 

In this episode, Amy and James share all their goals for 2022, including 2 big announcements for Compressed.fm!SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes0:00 Introduction4:23 12 Projects in 12 Months6:03 Personal Branding7:37 Community9:30 Everything Svelte10:32 Project Files to Sell11:43 Sponsor: ZEAL12:35 Compressed.fm14:13 Open Source ProjectsEpisode 28 - Web Dev Weekly Crossover EpisodeBrad Garropy - npm Video15:32 Advent of CSS / Advent of JavaScript17:55 Frontend Blitz20:14 Doubling Down on Content Creation25:34 Sponsor - DatoCMS26:27 Compressed.fm Podcast27:47 Non-Tech GoalsIllustration Course by The FuturChris Do on InstagramBuilding a Brand Playlist on YouTubeCopy SchoolResources by Joana Wiebe35:23 James's Four Core Pillars38:41 Paid Content40:04 Sponsor: Vercel41:10 Building a Domain-ed App42:42 YouTube Content44:18 Grab Bag Questions44:28 Question #1: Guest Speakers, More Live Episodes, and Swag44:39 Question #2: Any Plans for Design Centered Topics: Design Thinking, Typography, UI UX, Design, Design Systems?45:50 Question #3: What recommendations do you have for frontend developers looking to lean the backend to become a full-stack developer?Scott TolinskiWes Bosbeginnerjavascript.comWeb Developer Bootcamp by Colt Steele47:49 Question #4: How do you focus on learning with so many resources? How do you vet resources for learning? When do you re-evaluate goals? When you were doing your planning for this year, what kind of thought process did you have from an organization standpoint?Virtual CoffeeAugust BradleyWandering Aimfully53:26 Picks and Plugs53:36 Amy's Picks: Whooshi Wipes54:04 Amy's Plug: Everything Svelte54:50 James's Pick: Floating Ball55:41 James's Plug: Everything Svelte

In this episode, Amy and James reflect back on 2021, things they accomplished, goals they met, places they fell short, and areas to improve upon.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with real-time updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes0:00 Introduction5:05 Starting a Podcast: Compressed.fm6:33 Advent of CSS and Advent of JavaScript9:48 Sponsor: ZEAL10:42 Live Streaming12:59 YouTube Channel17:35 TikTok18:40 James's Newsletter20:07 Weaknesses22:13 Sponsor: DatoCMS23:07 Promotions and Giveaways25:33 YouTube Segments and Series28:26 Twitter Numbers31:05 Skills to Improve On35:19 Mini-Courses and Lead Magnets37:00 Sponsor - Vercel38:08 Grab Bag Questions38:20 Question #1: Is Vercel going to take over the JAMStack space next year?40:26 Question #2: Has a year of podcasting contributed to you as a tech teacher? What did you learn from it?42:03 Question #3: How do you feel going into 2022 compared to last year?43:41 Picks and Plugs43:48 Amy's Pick: Unstable Unicorns44:48 Amy's Plug: Everything Svelte45:53 James's Pick: Bird Dog, Men's Joggers46:26 James's Plug: Svelte Crash Course on YouTube

In this episode, Amy and James discuss design trends to look forward to in 2022, including gradients with grain, large typography, and interactivity.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersTellaIt's 2021 and we all basically live on video. Tella is a browser-based screen recorder for making videos that showcase your work and share your knowledge. You can record your screen, camera, and present slides. And then you can also customize your videos with backgrounds, layouts, and other video clips. When you're done, share your video anywhere on the web, instantly. For more information visit tella.tvShow Notes0:00 IntroductionArticle on Webflow: Web Design Trends in 20228:35 #1 Mini-Sites of Delight10:31 Sponsor: Vercel11:38 #2 App Like Experiences12:48 #3 Art Deco13:03 #4 Line Work16:46 #5 and #6 Fewer Images and Oversized Typography18:02 #7 Interactivity18:23 #8 Collages and Abstract Illustrations19:30 #9 Gradients with GrainCharli Marie Podcast, Inside Marketing Design at Stripe21:09 #10 Glass Morphism22:13 Sponsor - Tella.tv23:26 #11 Scrolling Animations25:00 #12 Less Neo Morphism28:13 #13 Inclusive Copy28:19 #14 Gender-neutral Design28:30 #15 Page Speed Prioritization31:24 #16 No Code32:30 #17 More Emphasis on Users32:54 Sponsor: ZEAL33:49 Grab Bag Questions34:00 Grab Bag Question #1: Will we avoid new trends that end with morphism?37:21 Grab Bag Question #2: Trends for Feature Discovery39:02 Grab Bag Question #3: Minimalistic Design42:00 Picks and Plugs42:11 Amy's Pick: Unstable Unicorns42:49 Amy's Plug: Advent of CSS43:25 James's Pick: Mistborn Series44:43 James's Plug: Advent of JavaScript

In this episode, Amy and James discuss the future of web development: Astro, Vite, Supabase, SvelteKit, Redwood.js, Blitz.js, GitHub Co-Pilot, Web Assembly, Blockchain, w3, no-code, and low-code.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes0:00 IntroductionOpryland Hotel3:24 Astro.build9:33 Veet13:29 Sponsor: DatoCMS14:22 Supabase17:20 Remix.run19:26 MacBook Pro22:57 NAS Drive26:45 Sponsor: Vercel27:54 SvelteKit30:17 Next32:55 Redwood.js and Blitz.js36:52 Blockchain and W337:58 Web Assembly40:38 TypeScriptEpisode #32: Getting Started with TypeScript42:05 Sponsor: ZEAL43:36 Automated Testing44:25 No-Code / Low-Code SolutionsEpisode #13: The Future of Code with No Code47:09 GitHub CoPilot48:45 Go49:55 Grab Bag Questions50:10 Question #1: What has staying power? How do we know what to stay focused on?51:47 Question #2: What do you think about low code platforms?52:53 Question #3: What will the future of JAMstack look like as some of these new libraries and frameworks gain traction?53:40 Question #4: Will Svelte, Rust, Solidity, W3, and React Server components take over?54:57 Question #5: Do you think more technologies like GitHub CoPilot, where AI helps you write code become more prominent?56:15 Picks and Plugs56:25 James's Plug: Heater Lamps57:42 James's Plug: Advent of JavaScript58:09 Amy's Plug: 3 Prong Car Charger58:44 Amy's Plug: Advent of CSS

This episode is full of picks! Amy and James talk about all of their favorite things, just in time for the holidays.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes0:00 Introduction4:32 Under $5Random Frank P on YouTube5:09 Screen Cleaner5:41 Sidewinder7:01 Animal Cord Clips7:21 Cord Clips7:36 iPhone Case by Thread Wallets8:00 Magsafe iPhone Wallet by MOFTMOFT Laptop Stand9:34 Anker Charger10:21 Car Charger10:37 Power Extension Cord11:22 Charger with Tray12:33 Carabiner with Clips12:48 Gravel Travel Blanket13:07 Water Bottles13:22 Switch Pod13:44 Sponsor: Vercel14:52 Content Creation15:14 Selfie Stick15:45 Phone Mount for Selfie Stick (with Screw)16:04 Ulanzi Ring Light16:26 Lapel Mic17:01 Zoom H1N19:47 LED Accent Lights20:26 Smart Home DeviceAlexaGoogle HomeHomePod20:45 Cameras from Wize21:24 Game Controller for your Mobile Device21:51 Starbucks, Peppermint Mocha Coffee22:10 Cold BrewJames's Cold Brew MakerAmy's Cold Brew MakerReal Good Coffee Co, Coffee Beans24:17 Tech24:22 Air Pods Pro25:45 Ring Security System26:29 Kindle26:59 Smart Bulbs, Hue27:41 Jet Pack Hot Spot28:21 Nord VPN28:25 Digital Photo Frame29:10 Rooster Stand29:36 SanDisk Ruggable Hard Drive29:54 NAS Drive30:34 Backblaze B2 Service30:41 Smart Plugs31:04 Raspberry Pi31:52 Sponsor: DatoCMS32:46 Bags32:58 Peak DesignTravel BackpackEveryday CarrySlingToteTech Pouch34:48 Costco Backpack35:17 Peak Slide: Camera Strap35:27 DJI Osmo35:40 Falcon Eyes Lights35:58 BooksFacebook the Inside StoryFast CompanyWired MagazineThrone of Glass Series36:51 Sponsor: ZEAL38:22 Clothing38:27 Stitch Fix38:39 Goodr Sunglasses39:33 Patagonia Micro Puff Jacket39:57 Costco Parka40:56 Fabletics41:26 Grab Bag Questions42:56 Picks and Plugs43:12 Amy's Pick: Ultra Learning45:23 Amy's Plug: Advent of CSS45:39 James's Plug: Advent of JavaScript45:48 James's Pick: Christmas Light Clips

In this episode, Amy and James discuss all the things that go into course creation: why? What? How? Where to Host? Building the right audience.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersTellaIt's 2021 and we all basically live on video. Tella is a browser-based screen recorder for making videos that showcase your work and share your knowledge. You can record your screen, camera, and present slides. And then you can also customize your videos with backgrounds, layouts, and other video clips. When you're done, share your video anywhere on the web, instantly. For more information visit tella.tvShow Notes0:00 Introduction6:29 Why create a course?Building an audienceGenerate side income16:29 Sponsor: Tella17:22 What do you create a course about?23:39 How do you plan a course?28:02 Sponsor: Zeal29:33 How do you help people in your courses?30:47 Other components that go into course creation37:12 Where to Host a Course?PodiaUdemyTeachableThinkific43:35 Sponsor: Vercel44:44 Grab Bag Questions45:01 How do you provide support for your course?46:34 How do you determine what to charge?49:24 How do you build the right audience?50:27 Picks and Plugs50:41 James's Pick - Presentation Clicker51:31 James's Plug - James Q Quick on TikTok51:42 Amy's Pick - Sanuk Sandals52:08 Amy's Plug - Advent

In this episode, Amy and James discuss all things SVGs: what is, why, and when to reach for it, and seven different ways to get an SVG on the page, and the pros and cons of each method.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with real-time updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes0:00 Introduction3:50 What is an SVG?Raster vs Vector6:21 Benefits to using an SVGChange the SizeSmall File SizeChange the color within your codeEasily Cached9:51 Seven Different Ways to get an SVG on the Page11:28 Sponsor - ZEAL12:59 Option 1 - Image Tag14:03 Option 2 - Inline SVG tag15:53 Option 3 - CSS as a  background Image16:18 Option 4 - CSS, as a Mask18:20 Sponsor - Vercel19:29 Option 5 - SVG directly within our Image tag21:20 Option 6 - Base64 or UTF8 with as a CSS Background Image21:47 Option 7 - An SVG Sprite22:34 Writing your own SVGs27:00 Going Deep on a Specific Topic, The Broken Comb28:34 ResourcesAmy's SVG Series on YouTubeSarah Drasner - Course on Frontend Masters, SVG Essentials & Animation, v2Sarah Drasner - SVG Animations: From Common UX Implementations to Complex Responsive AnimationChris Coyier - Practical SVG29:19 Sponsor - DatoCMS30:12 Grab Bag Questions30:56 Picks and Plugs31:07 Amy's Pick - Animal Cable Clips32:00 Amy's Plug - Advent of CSS32:32 James's Pick - Castle on Hulu33:34 James's Plug - Advent of JavaScript