Write HTML Like It's 1999

Re:Write HTML Like It's 1999 by mdtusz on Saturday June 08, 2019 @03:24PM (#20134504)

* { box-sizing: border-box; }

I have never wanted anything other than this behaviour, so I pretty much always include it when starting on a fresh project.

[ Parent | on HN ]

Re:Write HTML Like It's 1999 by adamwathan on Saturday June 08, 2019 @03:43PM (#20134643)

Borders still affect the positioning of things even with box-sizing set to border-box. For example, here "Block 1" is still two pixels taller than "Block 2":

<div style="padding: 8px; border: 1px solid black"> Block 1 </div>

<div style="padding: 8px;"> Block 2 </div>

https://jsfiddle.net/t4rkvfzx/

[ Parent | on HN ]

Re:Write HTML Like It's 1999 by GrantSolar on Saturday June 08, 2019 @03:55PM (#20134724)

Does that really matter though? A difference of 2px for something temporary doesn't seem like much concern. While I understand the implication is that these can accumulate and cause larger layout issues, the purpose of this practice is to highlight those areas to remove that accumulation anyway

[ Parent | on HN ]

Re:Write HTML Like It's 1999 by ComputerGuru on Sunday June 09, 2019 @12:31AM (#20137129)

The bigger issue is that you don't know if a UI inconsistency is a bug or a side-effect.

[ Parent | on HN ]