#Development #Techniques
The stretch keyword · A better alternative to ‘width: 100%’ in CSS? https://ilo.im/160mv3

_____
#ModernCSS #VendorPrefix #BrowserSupport #Browser #WebDev #Frontend #CSS

The stretch keyword: a better alternative to width: 100% in CSS?

Use margins while avoiding overflow and horizontal scrollbars with width: stretch

#Development #Techniques
Addition for CSS reset: interpolate-size · “Animating from 0 to auto has never been so easy.” https://ilo.im/160tv0

_____
#ModernCSS #CssReset #Animation #Transition #ProgressiveEnhancement #VendorPrefix #Browser #WebDev #Frontend #CSS

Added to my CSS reset: interpolate-size, the quality-of-life feature we all wanted at some point | utilitybend

Animating from 0 to auto used to be a CSS headache. But now, interpolate-size makes it a breeze! This new property offers a pure CSS solution, no more JavaScript tricks needed.

After reading this, checked my existing styling as processed through autoprefixer, found the few vendor prefixes that had been added, and manually added them to my styling — so it now doesn’t require any additional tools for cross-browser compatibility.

https://weser.io/blog/vendor-prefixes-in-2024

#WebDev #VendorPrefix #Browsers #CSS #PostCSS #Autoprefixer

Vendor Prefixes in 2024

A brief retrospect on vendor prefixes and whether or not they're still a thing in 2024

Robin Weser's Blog

#Development #Overviews
The slow death of CSS vendor prefixes · Which CSS properties still require a prefix? https://ilo.im/15ynab

_____
#VendorPrefix #Browser #Chrome #Firefox #Safari #SamsungInternet #BrowserEngine #WebDev #Frontend #CSS

The slow death of CSS vendor prefixes

Do we still need Autoprefixer?