#cssunits — Public Fediverse posts

#Development #Techniques
Transition to the other side · A little CSS magic with container query units https://ilo.im/167m1o

_____
#ModernCSS #CssUnits #CssCalc #Transitions #Animations #WebDev #Frontend #CSS

#Development #Approaches
The best CSS unit for spacing · “We don’t have to choose between px and rem.” https://ilo.im/1673zo

_____
#CssUnits #CssClamp #CssCalc #CustomProperties #WebDev #Browser #Frontend #CSS

#Development #Techniques
The CSS height enigma · Unraveling the mystery of percentage-based heights https://ilo.im/163u5k

_____
#Layout #CssUnits #CssGrid #CssFlexbox #WebDev #Frontend #HTML #CSS

#Development #Techniques
The CSS height enigma · Unraveling the mystery of percentage-based heights https://ilo.im/163u5k

_____
#Layout #CssUnits #CssGrid #CssFlexbox #WebDev #Frontend #HTML #CSS

#Development #Techniques
The CSS height enigma · Unraveling the mystery of percentage-based heights https://ilo.im/163u5k

_____
#Layout #CssUnits #CssGrid #CssFlexbox #WebDev #Frontend #HTML #CSS

#Development #Techniques
The CSS height enigma · Unraveling the mystery of percentage-based heights https://ilo.im/163u5k

_____
#Layout #CssUnits #CssGrid #CssFlexbox #WebDev #Frontend #HTML #CSS

#Development #Introductions
The CSS shape() function · It brings responsive shapes to modern CSS https://ilo.im/163c8b

_____
#ModernCSS #Shapes #CssCalc #CssUnits #Design #VisualDesign #WebDesign #WebDev #Frontend #CSS

#Development #Techniques
Full-bleed layout with modern CSS · Edge-to-edge sections with minimal code https://ilo.im/1621v3

_____
#ModernCSS #Layout #WebDev #Frontend #CSS #CustomProperties #CssUnits #CssCalc

If you want a fixed aspect-ratio element that always touches either the horizontal or vertical edges of its flexible size and aspect ratio wrapper *which does not coincide with the viewport*, you can make the wrapper a container and use container query units.

Live test on @codepen https://codepen.io/thebabydino/pen/ExzbVmP

#CSS #cssLayout #layout #container #containerQueries #containerQuery #cssUnits #code #coding #frontend #web #dev #webDev

#Development #Explorations
Re-evaluating px vs em in Media Queries · Is the common recommendation to use ems instead of pxs still valid? https://ilo.im/13esaa

_____
#Browser #BrowserCompatibility #Chrome #Firefox #Safari #WebDevelopment #WebDev #Frontend #CSS #MediaQuery #Zoom #FontSize #CssUnits #px #em #rem

#Development #Explorations
Re-evaluating px vs em in Media Queries · Is the common recommendation to use ems instead of pxs still valid? https://ilo.im/13esaa

_____
#Browser #BrowserCompatibility #Chrome #Firefox #Safari #WebDevelopment #WebDev #Frontend #CSS #MediaQuery #Zoom #FontSize #CssUnits #px #em #rem

#Development #Explorations
Re-evaluating px vs em in Media Queries · Is the common recommendation to use ems instead of pxs still valid? https://ilo.im/13esaa

_____
#Browser #BrowserCompatibility #Chrome #Firefox #Safari #WebDevelopment #WebDev #Frontend #CSS #MediaQuery #Zoom #FontSize #CssUnits #px #em #rem

#Development #Explorations
Re-evaluating px vs em in Media Queries · Is the common recommendation to use ems instead of pxs still valid? https://ilo.im/13esaa

_____
#Browser #BrowserCompatibility #Chrome #Firefox #Safari #WebDevelopment #WebDev #Frontend #CSS #MediaQuery #Zoom #FontSize #CssUnits #px #em #rem