Links
Entries tagged with #rwd.
↳ Show all entriesBuilding 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.”
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.
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 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.