Minimal CSS-Only Blurry Image Placeholders, by @Kalabasa:

https://leanrada.com/notes/css-only-lqip/

#images #placeholders #backgrounds #css #techniques

#Development #Techniques
CSS-only blurry image placeholders · A minimal technique with a sophisticated mechanism https://ilo.im/163247

_____
#Images #Placeholders #Colors #Gradients #OKLAB #WebDev #Frontend #CSS

Minimal CSS-only blurry image placeholders

https://leanrada.com/notes/css-only-lqip/

#HackerNews #MinimalCSS #BlurryImage #Placeholders #CSSOnly #WebDesign

#Development #Explorations
The ultimate low-quality image placeholder technique · A cutting-edge remake of a decade-old technique https://ilo.im/15ad6i

_____
#WebPerf #WebDev #Frontend #Images #Placeholders #WebVitals #LQIP #LCP

#Development #Techniques
Dynamic slots · An interesting way to use (or abuse) slots in custom HTML elements https://ilo.im/149xc7

_____
#WebComponents #WebDevelopment #WebDev #Frontend #DOM #HTML #SlotElements #Placeholders

#Development #Techniques
CSS only floating labels · Ever heard about the CSS pseudo-class ‘:placeholder-shown’? https://ilo.im/141frx

_____
#Forms #Placeholders #WebDevelopment #WebDev #Frontend #CSS #PseudoClass

@tantek.com@tantek.com ❤️ BBEdit

You’ve reminded me of an AppleScript I wrote some years ago to make BBEdit <#placeholders#> within clippings more useful.

https://github.com/ollicle/BBEdit-Extract-Placeholder