پن کیا گیا ٹویٹ
Happy new year! 🎉 Want to learn responsive design? Or the basics of CSS Grid? Check out my online class, which comes with a free 2-month @skillshare trial! skl.sh/beep
English
Responsive Design
8.8K posts
Responsive Design
@RWD
This is where @beep curates link-y things about responsive design. He also wrote two books on the topic: https://t.co/8XU1BNnaIw
شامل ہوئے Ağustos 2011
1 فالونگ132.5K فالوورز
Responsive Design ری ٹویٹ کیا
no it’s cool i’ve just got something in my eye, it’s very dusty in here twitter.com/scottjehl/stat…
English
It’s true! Happy eleventh birthday, responsive design! twitter.com/WebDesignMuseu…
Web Design Museum@WebDesignMuseum
Happy 11th Birthday Responsive Web Design! On May 25, 2010, web designer Ethan Marcotte published an article entitled "Responsive Web Design" in the online magazine A List Apart. webdesignmuseum.org/web-design-his… #WebDesignHistory
English
Related: here’s an older post from @TrentWalton, on tuning type sizes with a vertical media query: trentwalton.com/2012/01/11/ver…
English
I’ve often said testing your responsive designs in landscape mode is one of the fastest ways to highlight design issues, especially vertical ones. Here’s a wonderful example of that in action: twitter.com/stommepoes/sta…
stommepoes@stommepoes
So what happened? The page was built for mobile responsiveness. Portrait-mode only, of course. Developers, CHECK YOUR MOBILE STYLES IN LANDSCAPE PLEASE. Use CSS media queries to unstick sticky shit.
English
At long, long last, there’s real movement on container queries. And that’s incredibly exciting.
Here’s @una with how you can start experimenting with CQs today! twitter.com/Una/status/137…
Una 🇺🇦@Una
🚨 An experimental flag for container queries (@container) just hit Chrome Canary! Yes, seriously! Go to: chrome://flags in your URL bar and turn on enable-container-queries to try it out. Here's a demo to help you see how they work (w/flag in Canary): codepen.io/una/pen/LYbvKpK
English
“People using small screens won’t want to subscribe to our newsletter.”
“People using small screens don’t want to print.”
“People using wide viewports won’t use geo-aware services.”
🤔🤔🤔🤔🤔🤔🤔🤔
English
one day i will get the VIEWPORT SIZE IS NOT A PROXY FOR DEVICE DETECTION knuckle tattoos i keep talking about
i just need more knuckles twitter.com/feather/status…
Derek Featherstone@feather
Viewport size is not a proxy for device detection. Product designer assumed downloading an .exe shouldn't be shown because viewer was on a phone. Except they were on their desktop with large monitor 800x600 resolution with an unmaximized browser, because they had low-vision.
English
This is an impossibly exciting new project from @robweychert, but WOW it is ALSO a really beautifully-made piece of responsive design! 😍😍😍 plusequals.art
English
i said it back then, and i still believe every word of it twitter.com/abookapart/sta…
English
“80% of all digital minutes are on mobile.”
If your team or organization hasn’t adopted a mobile-first mindset, now would be a *fantastic* time to start.
twitter.com/smashingmag/st…
Smashing Magazine 🇺🇦 🏳️🌈@smashingmag
🔥 The State Of Mobile in 2021. – 80% of all digital minutes are on mobile – Avg. consumer upgrades their phone every 2 years – In the US phone replacement cycle is 33 months – 84.8% of all shipped phones are Androids. Jump to all details: smashingmagazine.com/2021/03/mobile…
English
@nhoizey Well, I think the point about mobile first is still valid, even if we’re discussing native apps. (Many of which have, or link out to, browsers!)
English
(thanks for uncovering this, @acolangelo! so glad you were there!)
English
behold, a photo of Yours Truly from 2010, giving the talk that coined the phrase “responsive web design”
while looking as though i’d never seen this slide before 🤔 twitter.com/acolangelo/sta…
Anthony Colangelo@acolangelo
I was deep into my 2010 camera roll and found @beep on the original @RWD world tour
English
Responsive Design ری ٹویٹ کیا
HTML Video Sources Should Be Responsive css-tricks.com/html-video-sou…
English
We used to have the ability to create responsive, viewport-aware videos, but it was removed.
I think @scottjehl is right: responsive videos should be restored in HTML, and expanded. twitter.com/scottjehl/stat…
English
“ethan, what’s your favorite responsive design,” they will ask me
“i love them all,” i’ll reply
but i’ll know
i’ll know it’s secretly this one nytimes.com/interactive/20…
i’ll *know*
English
Friendship ended with NATIVE APP
Now
RESPONSIVE WEBSITE
is my
best friend
English