Exploring Front-End of Photoshop Online
A look at behind-the-scenes of online Photoshop.
A look at behind-the-scenes of online Photoshop to understand what it took to bring Photoshop to the web, from Web Components (Spectrum framework) to some interesting code patterns, with a focus on CSS.
Chapters
- 00:00 About Photoshop for Web
- 00:32 Recommended reading
- 01:24 How to inspect Online Photoshop with DevTools
- 02:09 What is touch-action: manipulation;
- 02:42 How to style console.log()
- 03:09 Dark/light mode implementation
- 04:27 Web Components (Spectrum Framework)
- 05:49 :host() pseudo-class & Custom Properties
- 07:09 Layout for online Photoshop (Flexbox/Grid)
- 08:40 Editing engine of Online Photoshop
