Links Entries tagged with #rwd. ↳ Show all entries 🔗 Building Web Layouts For Dual-Screen And Foldable Devices https://www.smashingmagazine.com/2022/03/building-web-layouts-dual-screen-foldable-devices/ Stephanie Stimac: “Dual-screen devices have been on the market for nearly three years. In that time new web platform technologies have been built with developer feedback to enable layout on the web that adapts to these devices. These web platform capabilities integrate with existing concepts, such as the viewport and media queries, so that developers and designers can spend more time ideating about how to leverage two displays to create enhanced experiences rather than learning a new set of code to build them.” #css #css grid #browsers #devices #responsive #rwd 🔗 Get the Balance Right: Responsive Display Text, by @clagnut ◆ 24 ways https://24ways.org/2016/responsive-display-text/ Richard Rutter (Clearleft) shows how to use vmin and a hybrid method of sizing text using CSS calc() to achieve balanced font-sizes for different viewports. #typography #responsive #design #rwd #css #code 🔗 Just turned 6: Responsive Web Design, by @beep http://alistapart.com/article/responsive-web-design “Now more than ever, we’re designing work meant to be viewed along a gradient of different experiences. Responsive web design offers us a way forward, finally allowing us to “design for the ebb and flow of things.” #responsive #design #rwd #web #layout 🔗 Responsive Images: Use Cases and Documented Code Snippets to Get You Started https://dev.opera.com/articles/responsive-images/ Nicely sums up of different ways to use responsive images. #html #media #media- #image #picture #rwd