Mobile-First CSS: Is It Time for a Rethink?

Re:Mobile-First CSS: Is It Time for a Rethink? by frosted-flakes on Sunday June 19, 2022 @08:05PM (#31804786)

Not to mention lower height when in landscape mode. Websites that don't disable sticky headers (or other elements) are useless because those fixed elements now take up most of the screen.

[ Parent | on HN ]

Re:Mobile-First CSS: Is It Time for a Rethink? by dhzhzjsbevs on Sunday June 19, 2022 @08:42PM (#31805020)

Those sites are useless on desktop too. I usually just leave if element blocking isn't simple enough.

Your story isnt important enough to deal with God awful UX.

[ Parent | on HN ]

Re:Mobile-First CSS: Is It Time for a Rethink? by leephillips on Sunday June 19, 2022 @09:30PM (#31805326)

But that seems to be most sites these days. I have this bookmarklet invokable with a keyboard shortcut:

javascript:let i, elements = document.querySelectorAll('body *'); for (i = 0; i < elements.length; i++) { if(getComputedStyle(elements[i]).position === 'fixed' || getComputedStyle(elements[i]).position === 'sticky'){ elements[i].parentNode.removeChild(elements[i]); } }

That zaps fixed and sticky elements, so I can actually see the content. (I like the Vivaldi browser because I can assign keys to many things.)

[ Parent | on HN ]

Re:Mobile-First CSS: Is It Time for a Rethink? by 1123581321 on Sunday June 19, 2022 @08:41PM (#31805013)

You shouldn't be specifically "considering mobile" to remember to include your aspect-ratio queries (or to fix your headers.)

[ Parent | on HN ]