Syntax - Tasty Web Development Treats

CSS the 😎😎😎 Cool Parts

May 22, 2019
Discover the coolest features of CSS that can elevate your web design! Explore advanced techniques like clip paths, filters, and mix blend modes to create stunning visuals. Hear about innovative border images and utilizing multiple backgrounds for rich aesthetics. Dive into color manipulation with HSL and opacity challenges in theme design. Learn how to master subtle box shadows and dynamic designs, while also getting tips on effective error management with powerful tools. This discussion blends technical insights with humor and creativity!
Ask episode
AI Snips
Chapters
Transcript
Episode notes
ADVICE

Using CSS Filters

  • CSS filters like blur, grayscale, and saturate enhance images and backgrounds.
  • Combine filters for unique effects, but avoid overusing them for performance reasons.
ANECDOTE

Safari Drop-Shadow Bug

  • Scott Talinsky encountered a Safari bug with drop-shadow on a complex profile page.
  • The bug applied individual shadows to inner elements, causing performance issues on mobile.
ADVICE

Background Blend Modes

  • Use background-mix-blend-mode to blend background images and colors, similar to Photoshop.
  • The multiply mode is useful for removing white backgrounds from images.
Get the Snipd Podcast app to discover more snips from this episode
Get the app