#responsive (126 links)
- Reimagining Fluid Typography | OddBird oddbird.net
Relative units like em and rem are excellent for internal relationships – keeping the scale consistent between body text and headings, for example. But things always go wrong when we try to treat em as an alias for px, with mental conversions based on their assumed default relationship. At that point we’re keeping zoom, but discarding everything else about the user preference.
- SCREEN SIZE MAP » Compare viewport sizes screensizemap.com
- Responsive Design In 2023 ishadeed.com
- Home | Utopia utopia.fyi
<blockquote> Utopia emerges when designers and developers share a systematic approach to fluidity in responsive design. Instead of designing for x number of arbitrary breakpoints, we can design a system within which elements scale proportionally and fluidly.</blockquote>
- State of Responsive Images 2017 cloudfour.com
- Importing CSS Breakpoints Into JavaScript lullabot.com
- Conditional CSS adactio.com
- Guide to Responsive-Friendly CSS Columns | CSS-Tricks css-tricks.com
- Responsive Hero Images blog.cloudfour.com
- Better SVG Fallback and Art Direction With The <picture> Element sarasoueidan.com
- This Is Responsive bradfrost.github.io
<blockquote>Patterns, resources and news for creating responsive web experiences.</blockquote>
<blockquote>There's no shortage of debate about the best way to develop Web sites that work well across many networked devices. Some teams favor a client-side approach while others lean towards server-side solutions. But I'm increasingly interested in solutions that try to bring together the best of both worlds. RESS (Responsive Web Design + Server Side Components) is one such proposal.</blockquote>
- Responsive Images in Practice alistapart.com
- Dev.Opera — Native Responsive Images dev.opera.com
- aFarkas/respimage github.com
- Image Resizing Services blog.cloudfour.com
List of response image services from @grigs
- lafikl/RWDPerf github.com
Performance testing tool for Responsive web designs.
- Don't use <picture> (most of the time) blog.cloudfour.com
<blockquote>You don’t need to know all of the use cases, but you do need to know the difference between the two most common use cases in order to know which part of the picture specification will solve your problems. The two common use cases are [...] Resolution switching [and] Art direction.</blockquote>
- Picturefill scottjehl.github.io
- Responsive Web Design with DevTools' Device Mode blog.chromium.org
- Pattern Lab patternlab.io
Build Atomic Design Systems
- RWD Bloat - daverupert.com daverupert.com
- Easier Responsive Development with Duo sifterapp.com
- Don't Wait on Responsive Images - TimKadlec.com timkadlec.com
Good perspective on current state of responsive images from @tkadlec - http://t.co/kPfeZYZMni
- Responsive Web Design Patterns bradfrost.github.io
- Responsive News — How the BBC should practice Responsive Web Design responsivenews.co.uk
- Techniques for Responsive Typography | Codrops tympanus.net
Cool article on Responsive Typography: http://t.co/8iNfYVPoAR /via @vpieters
- Imager.js github.com
<blockquote>Responsive images while we wait for srcset to finish cooking</blockquote>
- OWL Carousel owlgraphic.com
- Ink zurb.com
- Responsive design, screens, and shearing layers — Unstoppable Robot Ninja unstoppablerobotninja.com
- Top 10 Mobile Touch Javascript Frameworks scratchinginfo.com