TIL about using "vw" and "vh" (viewport width and height percentage) as measurements in css, which allows me to make proportional circle buttons that adapt to the screen size

god bless css3

o yeah now that i have a $dayjob again expect me to start talking about webdev a lot,

@squirrel ooh, webdev maple, the adorable new addition to the maple line of cute robosquirrelbunplushies!

@squirrel I'm gonna be honest I don't understand heads or tails about this stuff but I love when people talk about it.

explanation, if you want 

@ratbaby viewport is whatever size window/display the page is being rendered in

being able to use either width or height as a proportional measurement in any styling opens up possibilities such as constraining a circle to be the same height and width, relative to the window width

before those units, you could only use % which is a percentage of that measurement alone, so width could be proportional to width and height could be proportional to height only

Sign in to participate in the conversation
Computer Fairies

Computer Fairies is a Mastodon instance that aims to be as queer, friendly and furry as possible. We welcome all kinds of computer fairies!