Nicolas Hoizey · @nhoizey
907 followers · 8300 posts · Server mamot.fr
🔗 “The ideal viewport doesn’t exist” by @andy @leannecodes
⚓️ https://nicolas-hoizey.com/links/2023/08/25/the-ideal-viewport-doesn-t-exist/
Stef Walter · @stephaniewalter
2115 followers · 2327 posts · Server front-end.social
The ideal viewport doesn’t exist:https://viewports.fyi/
You can’t make design decisions based on user’s viewport, instead, go beyond, structure your content, make sure it works at different sizes, with different user conditions, etc.
#Responsive #Viewport
Nicolas Hoizey · @nhoizey
908 followers · 8183 posts · Server mamot.fr
🔗 “The ideal viewport doesn’t exist” by @leannecodes
⚓️ https://nicolas-hoizey.com/links/2023/08/25/the-ideal-viewport-doesn-t-exist/
#Pfleger aus #Münster🏳️🌈 · @pflegekraft
454 followers · 1653 posts · Server muenster.im
Tamas · @iamdtms
78 followers · 1559 posts · Server mas.to
@batbeeps:
It must be a calc(): #xs #viewport have font-size: 100 & #xl viewport have font-size: 1000? Units you are looking for: #dvw, #wdth. For example with #media (or #container) query: #get viewport size, than #set font-size. Hope it helps:
https://web.dev/variable-fonts/
#set #get #container #media #wdth #dvw #xl #viewport #xs
John Refior · @jrefior
298 followers · 2325 posts · Server hachyderm.io
John Refior · @jrefior
292 followers · 2309 posts · Server hachyderm.ioRan into this problem testing on my mom's iPad. Can't rely on pure CSS for viewport height
https://chanind.github.io/javascript/2019/09/28/avoid-100vh-on-mobile-web.html
--
#CSS #iOS #viewport #WebDev
꧁~(ᗒᗜᗕ)-Cea~꧂ · @alcea
31 followers · 2239 posts · Server pb.todon.deI just wish the tools to achieve this diverse #support were better.
and
"
if(window.innerHeight > window.innerWidth){
…
}
"
can't solve it all (at least not easily anyways)
The Parks Department · @ArtiGoss
66 followers · 198 posts · Server mastodon.art
(Some #viewport renders in #blender.)
#MastoArt #DigitalArt #doodle #digitalpainting #blender3d
#blender3d #digitalpainting #doodle #DigitalArt #MastoArt #blender #viewport
Eric Girouard · @jacgfxgeek
6 followers · 38 posts · Server fosstodon.org
Einenlum · @einenlum
35 followers · 71 posts · Server fosstodon.orgThis Week I Learned: 2022W45 #TIL
https://www.einenlum.com/articles/twil-2022-45
#TWIL about #Typescript, #Fediverse, #Mastodon, Security, #CSS, #Python, #SolidJS, #VSCode, #Git, #TailwindCSS, and #Viewport.
#TIL #twil #typescript #fediverse #mastodon #css #python #solidjs #vscode #git #tailwindcss #viewport
Bazza · @bazza
479 followers · 4881 posts · Server mograph.social
Thomas Steiner :chrome: · @tomayac
409 followers · 5834 posts · Server toot.cafe
RT @bramusblog@twitter.com
Prevent items from being hidden underneath the Virtual Keyboard by means of the VirtualKeyboard API
🏷 #css #viewport #VirtualKeyboard
🐦🔗: https://twitter.com/bramusblog/status/1437490078914424837
#VirtualKeyboard #viewport #css
Nicolas Hoizey · @nhoizey
302 followers · 3541 posts · Server mamot.fr
🔗 “A Bashful Button Worth 8 Million Dollars”
by @grigs
https://nho.io/l/2021/06/17/a-bashful-button-worth-8-million-dollars/
kalvn 🐧 · @kalvn
186 followers · 2275 posts · Server mastodon.xyz
Tornis | Watch and respond
https://tornis.robbowen.digital/
Une librairie JavaScript minimale pour traquer l'état du viewport (tout ce qui tient au curseur, à la taille de la fenêtre et au scroll). Très pratique pour certains effets graphiques. Tout est visiblement optimisé pour ne déclencher les évènements que lorsque le navigateur est prêt à effectuer un nouveau rendu (avec `requestAnimationFrame`).
#viewport #javascript #scroll #lib #size #curseur — https://links.kalvn.net/?PiGvAw
#scroll #lib #size #curseur #viewport #javascript