9 Best Articles in 2022
Y Combinator
How to Use Responsive Images
Y Combinator
9 min read · From 2017 · In the world of responsive web design one core —yet complicated, spec can net you substantial reductions in page size across the device spectrum. In this post I’ll demystify the complexity in the responsive images spec so you can use these powerful HTML attributes on your site.
Reader View · Shared by 125, including Genialy Agency, Brad Brooks, Yannick D., Stephanie A Kowalski, Faizal Ardiansyah, Davo ⚡, Davy De Pauw, Dominik Grolimund, Pete Skomoroch, Peter Wennersten, Bryan Onel, Tibor Martini 🇺🇦, joshua stoner, DON’T PANIC, five5star // Design Graphique, Matthew Turland, Herbert Bay, Abdelsalam Smadi, Designhill, Victor Tolosa
blog.froont.com
9 basic principles of responsive web design
blog.froont.com
3 min read · From 2014 · Learn what makes responsive web design work. Responsive vs Adaptive design, The Flow, Relative units, When to choose web fonts and when go with system fonts
Reader View · Shared by 138, including Natan Souza, Marc Wieland, Kontour Design Studio, Gabriele, Victor Tolosa, Andrei Luca, David Hellmann, sandijs ruluks, Philippe Surber, Michael Musgrove, Honza Pav, Patric Fornasier, Matthias Lampe
Smashing Magazine 🇺🇦
Using Media Queries For Responsive Design In 2018
Smashing Magazine 🇺🇦
10 min read · From 2018 · This article will take a look at the use of media queries for responsive design today, how they work alongside Flexbox and Grid Layout, and also have a look at what is coming in the future.
Reader View · Shared by 118, including Markus Merz, Mark Kaigwa, Aki Fukai ✏️, David Hellmann, Rachel Andrew, Karl Schwaier, Tableless, bouiboui, Alligator.io 🐊, Davy De Pauw, Rodrigo Noales
browserlondon.com
Should we still be selling responsive web design?
browserlondon.com
8 min read · From 2019 · In today’s world of component driven web design, why are we still talking about responsive design?
Reader View · Shared by 94, including HeyDesigner, Browser, KOstas, Emad Ibrahim, Benoist Lawniczak, David Hellmann, ITNEXT, Victor Lee, sascha aßbach, 瑞拿頭
medium.com
Introducing Sizzy —A tool for developing responsive websites crazy-fast
medium.com
4 min read · From 2017 · The story of how I got tired of the default developer tools and made a better responsive design tool in 10 hours.
Reader View · Shared by 128, including Thomas Power, Max Stoiber, Werner Vogels, Nico Müller 🇺🇦, Jan-Peter Wiersma, Nico Luchsinger, Oscar MacDonald, Bryan Onel, Stuart of Vacord
zell-weekeat.com
Everything I know about responsive web typography with CSS — Zell Liew
zell-weekeat.com
10 min read · From 2016 ·
Responsive typography is a tough nut to crack. This was the best meth
Reader View · Shared by 147, including Patric Fornasier, Dominik Grolimund, Florian Hanke 🍎, Malik El Bay 🕊, Rodrigo Prior, Jacob Jarnvall, Casey Smith, uri0x.eth, César Suárez, Michael Musgrove, Walid Ark, Philipp Laurim, Marc Wieland, adrianleb.eth, Tibor Martini 🇺🇦, Brad Brooks, Vikram Dutt, Joel Bez, Bryan Onel, René Clausen Nielsen
froont.com
FROONT — Responsive web design tool
froont.com
2 min read · From 2014 · Design responsive landing pages, publications, microsites without code
Reader View · Shared by 74, including りょうはら たつひろ, mitimiti, sandijs ruluks, Genialy Agency, James Hunt, Malik El Bay 🕊, Samuel Hauser, Bryan Onel, Florian Jungnikl-Gossy ⛱, designshard, FEELFETCH, René Stalder, William El Kaim, Dean Yeong, Mark Kaigwa
sizzy.co
Sizzy
sizzy.co
2 min read · From 2017 · A tool for developing responsive websites crazy-fast. Preview changes on multiple devices instantly.
Reader View · Shared by 459, including Design Shack, Tibor Martini 🇺🇦, Rajesh Pancholi, Chris Messina, Tracy Lee | ladyleet, Fabricio Teixeira, Dion Almaer, Johannes Lenz, Wes Bos, Max Stoiber, Chris Heilmann, zeldman, Stephen C Sanders, Thomas Power, Klaus Eck, Oliver Pitsch, Kent C. Dodds 💿 #RemixConf, Ben Tossell, hiten.eth, designshard
responsivebreakpoints.com
Responsive Image Breakpoints Generator by Cloudinary
responsivebreakpoints.com
2 min read · From 2016 · The Responsive Image Breakpoints Generator efficiently analyzes each hi-res image and finds the best dimensions for embedding in your website
Reader View · Shared by 73, including Davy De Pauw, Dominic Grzbielok, René Stalder, Rodrigo Noales, Tibor Martini 🇺🇦, sascha aßbach, Stefan Plattner, Samuel Hauser, Boris Périsset, Alain, Theresa, Oscar MacDonald, Niklaus Gerber
Trending
webdesignmuseum.org
Responsive Web Design
webdesignmuseum.org
May 25th · Explore the milestones in the history of web design: Responsive Web Design - 2010.
blog.jim-nielsen.com
Thoughts on Exerting Control With Media Queries
blog.jim-nielsen.com
3 min read · Apr 6th · I finally got around to diving deeper on Utopia, “a way of thinking about fluid responsive design”, by watching the introduction video. Everything about Utopia resonated with me, and I’m already…
Reader View · Shared by 81
Smashing Magazine 🇺🇦
Magical SVG Techniques — Smashing Magazine
Smashing Magazine 🇺🇦
9 min read · May 10th · It’s no secret that SVGs are super powerful, and yet, they still manage to surprise. Have you ever considered using SVG’s internal coordinate system to create a responsive image grid, for example, or…
VentureBeat
How the metaverse could remake manufacturing
VentureBeat
4 min read · Apr 26th · The metaverse promises to bring customers into the product design cycle, making manufacturing more responsive and democratic.
Reader View · Shared by 22, including ipfconline 🇺🇦, Shelly Kramer, Nicolas Babin #AmazonPartner, Robert Scoble, Ronald van Loon
More like this
youtube.com
The new responsive: Web design in a component-driven world
youtube.com
2021-05-17 · The web community is entering into a new era of responsive design and shifting our perspectives on what it means. With user preference queries, container que...
Shared by 107, including Marius Bleuer, una.css 👩🏻💻🇺🇦, Evan (he/him), Chris Heilmann, Angie Jones, Jake Archibald, Simeon.__proto__ - BLM
polypane.rocks
The perfect responsive menu (2019)
polypane.rocks
4 min read · From 2019 · Responsive design. Easy with the Polypane browser.
Reader View · Shared by 114, including Chris Heilmann, Davy De Pauw, Benoist Lawniczak, Matt, THAT @REM SHOW, Matthias Lampe, Alligator.io 🐊
CSS-Tricks
A Guide to the Responsive Images Syntax in HTML
CSS-Tricks
~16 min read · From 2020 · This guide is about the HTML syntax for responsive images (and a little bit of CSS for good measure). We'll go over srcset and , plus a whole bunch of things to consider to help you get the best…
Reader View · Shared by 152, including rohit, Michael Zumstein, zeldman, Chris Coyier, Marius Bleuer, Ritesh Chopra, Benoist Lawniczak
mjml.io
The only framework that makes responsive email easy
mjml.io
4 min read · From 2016 · These days, we email everywhere - standing up, sitting down, sleeping...and on a ton of devices too. Beyond the third screen (mobile), we’re moving onto smart watches and possibly even VR devices!…
Reader View · Shared by 264, including Serge K. Keller ❦, Preshit, Marc Wieland, Stan Chollet, Vincent Liu, Nando 💪🇦🇺🇦🇷, Galen King, Nico Müller 🇺🇦, Baadier Sydow 🇿🇦, Martijn - mdk.eth, ross, adrianleb.eth, Marc Hinse, sascha aßbach, Diego, Mike Ivars, Ernie Smith, David Hellmann, Helmi, Myke Näf
A List Apart
Responsive Web Design
A List Apart
From 2017 · Designers have coveted print for its precision layouts, lamenting the varying user contexts on the web that compromise their designs. Ethan Marcotte advocates we shift our design thinking to appropriate these constraints: using fluid grids, flexible images, and media queries, he shows us how to embrace the “ebb and flow of things” with responsive web design.
Reader View · Shared by 137, including René Clausen Nielsen, Paulo Gaspar, apapanto, Ethan Marcotte, Rachel Andrew, Dave Kellogg, Glyn Britton, Josh Brewer, Nico Müller 🇺🇦, David Luescher, Dennis Lembrée, James Walker | walkah.social, Karen McGrane, Chris Coyier, Agustin, Kevan Lee 👋, Claus Heller 🇺🇦, Martin Howard, Tibor Martini 🇺🇦, Zain Fathoni
ZURB
Foundation | The Most Advanced Responsive Front-end Framework from ZURB
ZURB
2 min read · From 2015 · Responsive design gets a whole lot faster A Framework for any device, medium, and accessibility. Foundation is a family of responsive front-end frameworks that make it easy to design beautiful…
Reader View · Shared by 132, including Tibor Martini 🇺🇦, Minnix, Helmi, Dominik Grolimund, Oleg Baskov, Roger Dudler, William El Kaim, Ludovic Claude, David Butler, Malik El Bay 🕊, Marc Wieland, Nico Müller 🇺🇦, Ibrahim Nergiz, sandijs ruluks, René Stalder, Paulo Gaspar, mitimiti, Brian Doll, Michael Musgrove, Francis DB
polypane.rocks
The browser for responsive web development and design
polypane.rocks
From 2017 · Improve your workflow with Polypane. Develop and design perfect responsive website and web apps.
Shared by 45, including Stephen C Sanders, Fabricio Teixeira, Scott Williams, Mike Taylor, Joe Lencioni, zeldman, Oscar MacDonald, James Young 🇺🇦, Alligator.io 🐊
webdesignmuseum.org
Responsive Web Design
webdesignmuseum.org
May 25th · Explore the milestones in the history of web design: Responsive Web Design - 2010.
ami.responsivedesign.is
Am I Responsive?
ami.responsivedesign.is
3 min read · From 2015 · Show off how responsive design looks across different browsers easily with this 4 in 1 viewport tool. See how your site looks on desktop, laptop, ipad & iphone.
Reader View · Shared by 63, including Melanie Kloes, Dominik Grolimund, David Bauer, Ludovic Claude, sascha aßbach, Michael Musgrove, Raúl Rey, Michael Schär, Minnix, René Clausen Nielsen, ghacksnews, David Garner
