Image and video content consume so much of the internet’s visual real-estate. Together we’ll discuss techniques for designing and building media-rich experiences that load fast, cost less, use less energy, are SEO-optimized, and genuinely delight users!

This workshop is intended for intermediate web/mobile developers as well as UI/UX designers who are interested in how things get built.

We’ll discuss development implementation details that may be less important for designers, and design strategies that maybe be less important for developers. That said, the techniques outlined are relevant to both disciplines and especially useful when collaborating in cross-disciplinary teams. We recommend it to anybody working on the modern web.

We’ll examine some popular websites together to get an understand of how images and videos are delivered on the modern web.

We’ll discuss the pros and cons of different image formats (.jpg, .png, .gif, .svg, .webp, etc) and when to use which.

We’ll discuss content delivery networks (CDNs) and learn how to use them. We’ll look at popular content management systems (CMSs), how CDNs integrate with them, and how to create the best experience for content editors and end-users.

We’ll discuss advanced HTML and CSS features such as:

• lazy-load, 
• defer, 
• src-set
• <Picture/> tags

that allow us to fine-tune our image and media assets.

We’ll discuss techniques for designing around the constraints of high-resolution media and how designers and developers can work together to create the best products.

We’ll leave time for general discussion, Q&A, and sharing experiences!

• Learn how media is delivered on the modern web and what tools we can leverage to make it as performant as possible.
• Understand technical considerations when designing for media-rich platforms.
• Learn how to architect CMS solutions for managing media that are loved by content editors.
• Have healthy discussions with likeminded, obsessed developers, who are interested in building terrific products.

Conor Davidson is a Tech Lead at Sanctuary Computer, a technology studio specializing in software and IoT products for critical audiences. He works across the software stack, developing back-end infrastructure and consulting with product teams to create scalable design systems and front-ends. He has a strong belief that tight collaboration between disciplines create the best products. He has a background in industrial design and in his free time, enjoys working on fabrication projects, such as furniture, lighting and sculpture.

We get that things come up, but we rely on headcounts in our programs to survive as a business. If you request a refund...

More than 4 weeks before class begins → 100% refund
More than 2 weeks before class begins → 50% refund
Fewer than 2 weeks before class begins → No refund

Thanks for understanding and for supporting our ability to provide cool offerings through your purchase.