Available for mentoring • Software Engineer • Arcadian • Gamer • Human • #PANCAKES • Former blue check
- Tweets4.6K
- Following283
- Followers450
- Likes947
ALT Blue graphic with a Bluey-themed custom Xbox Series X and controller in the middle. There is a logo lockup in the top right corner that juxtaposes the Bluey the Videogame and Xbox logos separated by a thin line. Fineprint in the bottom left corner reads "BLUEY TM and BLUEY character logos TM & © Ludo Studio Pty Ltd 2018. Licensed by BBC Studios. BBC logo TM & © BBC 1996.
ALT A poster for the event which says 'Design System Day 2022'.
ALT Maintaining a consistent width-to-height ratio, called an aspect ratio, is critical in responsive web design and for preventing cumulative layout shift. Now, there's a more straightforward way to do this with the new aspect-ratio property. Aspect ratio is most commonly expressed as two integers and a colon in the dimensions of: width:height, or x:y. The most common aspect ratios for photography are 4:3 and 3:2, while video, and more recent consumer cameras, tend to have a 16:9 aspect ratio. Unfortunately, calculating these padding-top values is not very intuitive, and requires some additional overhead and positioning. With the new intrinsic aspect-ratio CSS property, the language for maintaining aspect ratios is much more clear. With the same markup, we can replace: padding-top: 56.25% with aspect-ratio: 16 / 9, setting aspect-ratio to a specified ratio of width / height.
ALT Introducing native iframe lazy-loading for the web. <iframe loading=lazy> defers loading offscreen images until a user scrolls near it.
