We’ve been able to get the length of the viewport in CSS since… checks notes… 2013! Surprisingly, that was more than a decade ago. Getting the viewport width is as easy these days as easy as writing 100vw, but what does that translate to, say, in pixels? What about the other properties, like those that take a percentage, an angle, or an integer? https://webdesignernews.com/typecasting-and-viewport-transitions-in-css/
Accedi per aggiungere un commento
Altri post in questo gruppo

Webflow and WordPress are two popular options when choosing a platform for your website. Which is ideal for your project? This guide on WordPress vs Webflow provides a thorough analysis and comparison

A hand picked list of the best user experience design links every week. Curated by Kenny Chen & published every Monday. https://webdesignernews.com/ux-design-weekly/

In this tutorial, we’ll extend Bootstrap by building a custom color mode switcher that takes advantage of Bootstrap’s built-in dark mode styles. https://webdesignernews.com/build-a-bootstrap-light-dar

Images make websites look great, but they’re also the biggest performance bottleneck. They add huge file sizes, delay Largest Contentful Paint (LCP), and can even mess with Cumulative Layout Shift (CL

If you’re not familiar with benchmarks, they’re how we measure the capabilities of particular AI models like o1 or Claude Sonnet 3.5. Each one is a standardised test designed to check a specific skill

We developed a figurative illustration language for Samsung Health, with its application on over 100 assets. We played with vibrant colors, gradients and dynamic layouts — but we also crafted some qui

A simple tool where you can play with dispersion, liquify, and other effects. https://webdesignernews.com/turn-your-logo-into-apple-liquid-metal/