Styling an HTML dialog modal to take the full height of the viewport
https://til.simonwillison.net/css/dialog-full-height
#HackerNews #Styling #HTML #dialog #modal #viewport #CSS #full-height
#Congratulations to #Wikipedia for breaking their interface with whatever update they've just deployed.
In Firefox, the layout for tables goes wider than the viewport, but there is no way to scroll horizontally, so half the content is impossible to see.
#Design #Guides
New devices, new opportunities · Designing for the foldable smartphone wave https://ilo.im/161sq6
_____
#Mobile #Devices #Screen #Viewport #ResponsiveDesign #ProductDesign #UiDesign #UxDesign #WebDesign #Trends
#Development #Approaches
Detecting browser zoom changes · How to identify a browser/pinch zoom with JavaScript https://ilo.im/161ocb
_____
#Zoom #Detection #Gesture #JavaScript #Viewport #Browser #WebDev #Frontend #HTML
#Development #Techniques
Solved by modern CSS: feature image · Feature image with container queries and :has() https://ilo.im/161bsv
_____
#ModernCSS #Image #ContainerQueries #CssHas #Viewport #Browser #WebDev #Frontend #HTML. #CSS
Il existe un moyen de dire à un navigateur mobile comment il doit gérer l'apparition du clavier virtuel avec `interactive-widget`.
#Development #Techniques
Viewport resize behavior on mobile · How to control it with ‘interactive-widget’ https://ilo.im/1617vp
_____
#Viewport #VirtualKeyboard #Browser #WebDev #Frontend #HTML
by @grigs
https://nho.io/l/2021/06/17/a-bashful-button-worth-8-million-dollars/
