#boxmodel — Public Fediverse posts

#Development #Overviews
CSS layout fundamentals · Master the core concepts behind CSS layouts https://ilo.im/16a1ic

_____
#Layouts #Positioning #Stacking #CssGrid #CssFlexbox #BoxModel #Browsers #WebDev #Frontend #CSS

#Development #Overviews
CSS layout fundamentals · Master the core concepts behind CSS layouts https://ilo.im/16a1ic

_____
#Layouts #Positioning #Stacking #CssGrid #CssFlexbox #BoxModel #Browsers #WebDev #Frontend #CSS

#Development #Overviews
CSS layout fundamentals · Master the core concepts behind CSS layouts https://ilo.im/16a1ic

_____
#Layouts #Positioning #Stacking #CssGrid #CssFlexbox #BoxModel #Browsers #WebDev #Frontend #CSS

#Development #Overviews
CSS layout fundamentals · Master the core concepts behind CSS layouts https://ilo.im/16a1ic

_____
#Layouts #Positioning #Stacking #CssGrid #CssFlexbox #BoxModel #Browsers #WebDev #Frontend #CSS

Frontend News #16: “:heading” Pseudo-Class, Faded Text Effects, “box-sizing”, by @zoranjambor (@cssweekly):

https://www.youtube.com/watch?v=qGad28-Qh1E

#videos #css #selectors #boxmodel #effects #viewtransitions

Don’t Inherit the Box Model, by @mia (@OddBird):

https://www.oddbird.net/2025/09/04/box-model/

#css #boxmodel

#Development #Pitfalls
Don’t inherit the CSS box model · “It’s time to stop spreading this out-dated practice.” https://ilo.im/166n47

_____
#CSS #CssReset #BoxModel #Inheritance #Legacy #WebDev #Frontend

#Development #Pitfalls
Don’t inherit the CSS box model · “It’s time to stop spreading this out-dated practice.” https://ilo.im/166n47

_____
#CSS #CssReset #BoxModel #Inheritance #Legacy #WebDev #Frontend

#Development #Pitfalls
Don’t inherit the CSS box model · “It’s time to stop spreading this out-dated practice.” https://ilo.im/166n47

_____
#CSS #CssReset #BoxModel #Inheritance #Legacy #WebDev #Frontend

#Development #Pitfalls
Don’t inherit the CSS box model · “It’s time to stop spreading this out-dated practice.” https://ilo.im/166n47

_____
#CSS #CssReset #BoxModel #Inheritance #Legacy #WebDev #Frontend

#Development #Launches
UA+ · A different type of CSS reset style sheet https://ilo.im/16373p

_____
#CSS #CssReset #UserAgent #StyleSheet #BoxModel #Accessibility #ScreenReader #Browser #WebDev #Frontend

#Development #Launches
UA+ · A different type of CSS reset style sheet https://ilo.im/16373p

_____
#CSS #CssReset #UserAgent #StyleSheet #BoxModel #Accessibility #ScreenReader #Browser #WebDev #Frontend

#Development #Launches
UA+ · A different type of CSS reset style sheet https://ilo.im/16373p

_____
#CSS #CssReset #UserAgent #StyleSheet #BoxModel #Accessibility #ScreenReader #Browser #WebDev #Frontend

#Development #Launches
UA+ · A different type of CSS reset style sheet https://ilo.im/16373p

_____
#CSS #CssReset #UserAgent #StyleSheet #BoxModel #Accessibility #ScreenReader #Browser #WebDev #Frontend

PSA: not setting `height: 100%` to begin with on an element that has a `padding` is a better way of avoiding overflow than the nuclear solution of setting `box-sizing: border-box` on everything.

Live comparison on @codepen:

https://codepen.io/thebabydino/pen/vEYOPPe?editors=1000

#CSS #layout #cssLayout #cssGrid #coding #code #frontend #gridLayout #boxModel #web #webDev #webDevelopment #dev

The CSS box model dooms us all.

#css #boxModel #webDevelopment