Explore the underutilized world of CSS Blend Modes in this 30-minute JSConf.Asia 2018 talk by Una Kravets. Discover how blend modes can improve image performance and create scalable styling through case studies, browser support discussions, and workarounds for unsupported scenarios. Learn about multiply, screen, and component blend modes, as well as gradient blend modes and their applications. Delve into topics such as uniformity, knockout text, SVG filter effects, and image performance optimization techniques. Gain insights on using blend modes creatively while understanding their limitations. This comprehensive presentation, delivered by an experienced UI Engineer and open source advocate, offers valuable knowledge for web developers looking to enhance their projects with advanced CSS techniques.
Overview
Syllabus
Introduction
New Job
Agenda
Caveats
What are blend modes
Multiply and Screen
Diffie
Component blend modes
Gradient blend modes
Uniformity
Knockout Text
Filters
SVG Filter Effects
Consistency
Filter Effects
Duotone
Blend Mode
Image Performance
Black and White
Contrast Swap
Using Blend Modes
Creativity
Not the best solution
In conclusion
Taught by
JSConf
