Juxtopposed
Juxtopposed
  • 25
  • 7 459 605
how websites learned to fit everywhere
Let's travel back in time and learn about the history of responsive design, all the way from 1990s to 2020s.
// Helpful links:
The Wayback Machine: web.archive.org
WebXR Github: github.com/immersive-web
About Immersive Web: immersiveweb.dev
Guide to screen sizes for responsive design: www.browserstack.com/guide/ideal-screen-sizes-for-responsive-design
Flexbox Froggy (a game to practice flexbox): flexboxfroggy.com
Optimizing for large-scale displays: css-tricks.com/optimizing-large-scale-displays/
List of screen sizes: screensiz.es
Responsive Web design article: alistapart.com/article/responsive-web-design/
Global browser and platform stats: www.w3counter.com/globalstats.php
Neocities: neocities.org
// ✨ Let's connect:
Twitter: juxtopposed
CodePen: codepen.io/Juxtopposed
------------------
#nostalgia #webdesign #responsivewebsite
zhlédnutí: 88 567

Video

world's shortest Framer course
zhlédnutí 34KPřed 14 dny
Here's an ultra quick intro to Framer, a nocode platform that allows you to make beautiful and modern websites intuitively with all sorts animations and effects. ✨ Use code "FRAMER25INFLUENCER" to get 25% off first 3 months of Mini and Basic site subscription on Framer: framer.com/?via=juxtopposed // Helpful links: Framer site made in the vid: shortest-course.framer.website/ sites featured: www...
I Redesigned the ENTIRE Spotify UI from Scratch
zhlédnutí 1,2MPřed měsícem
Let's redesign Spotify, talk about its UI issues and try to improve them one by one. Hope you have fun! Try Mobbin in your next design project: mobbin.com/?via=juxtopposed // Check out the Spotify Redesign on Figma: www.figma.com/community/file/1376999463181735262/spotify-redesign // ✨ Let's connect: Twitter: juxtopposed CodePen: codepen.io/Juxtopposed #Spotify #redesign #uidesign
I made the Same Website in 3 No-Code platforms
zhlédnutí 63KPřed 2 měsíci
Try Wix Studio for free: wixstudio1.hopp.to/juxtopposed Get a free Cat Wallpaper: catpixel.art // ✨ Let's connect: Twitter: juxtopposed CodePen: codepen.io/Juxtopposed Thanks for watching! #nocode #wixstudio #lowcode #websitedevelopment, #freelancelife #Ecommercewebsite #webdesigntips #websitedesign #websitebuild #websitetricks #lowcode #freelancedesigner #webflow #framer @WixStudio
I Redesigned Wikipedia JUST to MAKE IT MONEY
zhlédnutí 282KPřed 2 měsíci
Watch me redesign Wikipedia solely to make it MONEY! 😈 // Check out the redesign on Figma: www.figma.com/community/file/1363632672800168628/wikipedia Try Mobbin to get design inspiration in your next project (affiliate): mobbin.com/?via=juxtopposed // ✨ Let's connect: Twitter: juxtopposed CodePen: codepen.io/Juxtopposed #redesign #wikipedia
I Redesigned the ENTIRE IMDb UI from Scratch
zhlédnutí 177KPřed 3 měsíci
Let's go through this IMDb redesign together. Hope you enjoy, and thanks for watching! Try Mobbin in your next design project: mobbin.com/?via=juxtopposed // Check out the IMDb redesign on Figma: www.figma.com/community/file/1351311179805670990/imdb-redesign // ✨ Let's connect: Twitter: juxtopposed CodePen: codepen.io/Juxtopposed #imdb #redesign #movies
I tried Blurring things in Quirky ways
zhlédnutí 286KPřed 4 měsíci
Let's talk about 10 different levels of blurring (Gaussian blur) in design and code. // Find all the codes in this CodePen collection: codepen.io/collection/vBPmZQ // ✨ Let's connect: Twitter: juxtopposed CodePen: codepen.io/Juxtopposed Dribbble: dribbble.com/juxtopposed Github: github.com/juxtopposed // Helpful resources: gist.github.com/dmnsgn/76878ba6903cf15789b712464875cfdc www....
When Animators Become Web Designers
zhlédnutí 52KPřed 4 měsíci
#sponsored The first 500 people to use my link will get a 1 month free trial of Skillshare: skl.sh/juxtopposed02241 // try out the website: juxtopposed.com/animation // check out the code: codepen.io/Juxtopposed/pen/MWxZNKJ #animation #gsap #webdesign #anime Music (support the artists): pixabay.com/music/happy-childrens-tunes-inki-minki-tinki-152746/ pixabay.com/music/beats-chillhop-lo-fi-hip-h...
Stop “Learning” Design.
zhlédnutí 53KPřed 5 měsíci
Sign up to Milanote for free with no time-limit: milanote.com/juxtopposed In this video, I talk about how you should stop learning design, and what you can do instead. Hope you enjoy! // Try the Futuristic Social Media: codepen.io/Juxtopposed/pen/qBvKRYE #design #uidesign #development Music (Support the artists): pixabay.com/music/beats-autumn-leaves-157898/ pixabay.com/music/beats-donx27t-you-...
100 Years of Fictional UI - Were They ALL Wrong?
zhlédnutí 144KPřed 5 měsíci
Let's dive deeper into the history of Fictional UI (mostly on science fiction). Where did our modern interfaces come from? Were all the predictions wrong? Hope you enjoy! // helpful links: Scifi UI framework: arwes.dev/ Guide to HUDs and GUIs: www.hudsandguis.com/ Territory Studio: territorystudio.com/ LCARS: www.thelcars.com/ First Star Trek TOS footage: vimeo.com/12023417 #fictionalui #scienc...
I Redesigned the ENTIRE Instagram UI… But is that enough?
zhlédnutí 535KPřed 6 měsíci
Let's redesign Instagram and fix its UI/UX problems, with a few notes of criticism. ✨ Try it on Figma www.figma.com/community/file/1327570273357184516/instagram-redesign // Timestamps: 00:00 Intro 01:02 Inconsistencies 01:55 Layout 04:21 Homepage 07:35 Posts 08:36 Messages 03:16 Store 10:35 Explore 11:34 Profile & Activity 13:05 Final Note #instagram #uidesign #redesign Cat Credit: instagram.co...
world's shortest Figma course
zhlédnutí 252KPřed 7 měsíci
Hey guys! Hope you enjoy this ultra quick intro to Figma, a free collaborative design and prototyping tool. // Thumbnail design's code implementation: codepen.io/Juxtopposed/pen/mdvaezM // Some cool free Figma Plugins: Realtime Colors www.figma.com/community/plugin/1234060894101724457 Noise & Texture www.figma.com/community/plugin/1138854718618193875 Material Design Icons www.figma.com/communit...
I Redesigned the ENTIRE Steam UI from Scratch
zhlédnutí 702KPřed 8 měsíci
I've finally redesigned the entire Steam UI. This video focuses on the design choices rooted in much bigger causes, like marketing, development, etc. So get ready for lots of criticism, as well. Hope you enjoy! ✨ Try it on Figma www.figma.com/community/file/1302616100790619521/steam-redesign ✨ Test your colors and fonts on a real website realtimecolors.com // Timestamps: 00:00 Steam... 00:58 St...
I made Realtime Colors 100x Better (v3)
zhlédnutí 58KPřed 9 měsíci
This video goes over the latest updates from Realtime Colors v3 plus some dev notes (you won't believe the pricing). // ✨ Try Realtime Colors: realtimecolors.com // ✨ Let's connect: Twitter: juxtopposed CodePen: codepen.io/Juxtopposed Dribbble: dribbble.com/juxtopposed Github: github.com/juxtopposed What is Realtime Colors? It's a color and font visualization, testing, and project-r...
Everything will be simpler and you WILL be happy.
zhlédnutí 51KPřed 10 měsíci
This is a simple video about simple design, in web, in products we use every day, or in tech. // ✨ Designs featured: pCvIRxZ9SQQq/?igshid=MTc4MmM1YmI2Ng pCgRqoXlDty4/?img_index=1&igshid=M2M3YTNlMTQ4MA pCr-ZY-LLNIf/?igshid=MTc4MmM1YmI2Ng pCtyzVVtsOig/?igshid=MTc4MmM1YmI2Ng adamclarkecolour.com/ orma-architettura.com/ studio-mimi.com/ pi...
Rise of the Dark Mode
zhlédnutí 395KPřed 10 měsíci
Rise of the Dark Mode
Your Images DESERVE These Effects
zhlédnutí 38KPřed 10 měsíci
Your Images DESERVE These Effects
I found the PERFECT duo for 3D web animations
zhlédnutí 195KPřed 10 měsíci
I found the PERFECT duo for 3D web animations
world's shortest UI/UX design course
zhlédnutí 1,2MPřed 11 měsíci
world's shortest UI/UX design course
I updated Realtime Colors (v2)
zhlédnutí 210KPřed 11 měsíci
I updated Realtime Colors (v2)
Figma did WHAT!???? - Config 2023 Announcements
zhlédnutí 40KPřed rokem
Figma did WHAT!???? - Config 2023 Announcements
What's REALLY up with the latest AI tool releases
zhlédnutí 27KPřed rokem
What's REALLY up with the latest AI tool releases
It's time to talk about these UI trends
zhlédnutí 472KPřed rokem
It's time to talk about these UI trends
I made the best way to choose colors for UI design - Realtime Colors v1
zhlédnutí 606KPřed rokem
I made the best way to choose colors for UI design - Realtime Colors v1
I tried designing and coding grainy textures for a week
zhlédnutí 351KPřed rokem
I tried designing and coding grainy textures for a week

Komentáře

  • @rkgk21
    @rkgk21 Před hodinou

    From start to finish, I still prefer the current Steam UI. Some of the changes you made are not appropriate, as Steam purposefully designed certain aspects, like links, for transparency and safety. While the design concept is cool and modern, it feels less like Steam with its dark and monotonous design. It might look good from a UI/UX designer's perspective, but not for common consumers and developers.

  • @chikakitagawa5134
    @chikakitagawa5134 Před 4 hodinami

    great, now I'm depressed about how trash spotify's UI is...

  • @bemwy
    @bemwy Před 4 hodinami

    I’d pay $2.99 a month but $9.99 is absurd

  • @DAHMOUNMouaineAymen
    @DAHMOUNMouaineAymen Před 8 hodinami

    you made it facebook

  • @maninder7743
    @maninder7743 Před 10 hodinami

    What a good video ❤😊

  • @com34234
    @com34234 Před 11 hodinami

    not designing and then calling it minimal design. love it.

  • @user-yh9im8gu7r
    @user-yh9im8gu7r Před 13 hodinami

    The Tidal app implements many of the strategies you've outlined, and basically fixes a lot of the organisational issues. The UX team probably did card sorting and other user testing when designing the UI, so it ended up being well-thought out. It was interesting to see your thought process, I can see you are experienced.

  • @Windeycastle
    @Windeycastle Před 16 hodinami

    Still looks Steamy, but looks consistendtand modern. Amazing job, would like to have that XD

  • @successcage
    @successcage Před 18 hodinami

    what you say about webflow, is it good to make interactive website

  • @littlejackipswich
    @littlejackipswich Před 19 hodinami

    probably would pay for this but only if i got a discount as a student tbh

  • @kushaagr
    @kushaagr Před 19 hodinami

    How to fix any UI? Just make it similar to CZcams. Easy peasy!

  • @ckpioo
    @ckpioo Před 20 hodinami

    spotify is the worst app ever

  • @___dddim
    @___dddim Před 20 hodinami

    i still hate that like button update.. i have to double check other songs if it is liked or already added on a playlist

  • @user-yy6jw8io4t
    @user-yy6jw8io4t Před 21 hodinou

    her voice - omg

  • @umutelicabuk6834
    @umutelicabuk6834 Před dnem

    That slogan for the pro version at the end gave me literal chills (not even kidding). Soo good!

  • @AndrewEugene
    @AndrewEugene Před dnem

    That sticky, absolute visual explainer was on point!

  • @The_Y33TER
    @The_Y33TER Před dnem

    how are you supposed to access hidden games on this ver of steam dawg

  • @micdrop_army
    @micdrop_army Před dnem

    You are amazzzinng girrrlll.....🎉❤❤

  • @LucasRamos96
    @LucasRamos96 Před dnem

    Sorry but I love Spotify big type

  • @omarghetti
    @omarghetti Před dnem

    the day wikipedia adds paid features will be the day the west has fallen

  • @Amirhoseinmax
    @Amirhoseinmax Před dnem

    Meta should hire you immediately

  • @SigurdBraathen
    @SigurdBraathen Před dnem

    I know little about UI, but it's clear that this would be a great improvement. I don't know if this says more about Steam's UI or you :)

  • @doro_is_adopted
    @doro_is_adopted Před dnem

    juxtopposed should be developer of every mainstream app

  • @dr.quantumus5059
    @dr.quantumus5059 Před dnem

    What program do you design in?

  • @OompaLooca
    @OompaLooca Před dnem

    I swear if they don't hire you

  • @KhaiyomOdinaev
    @KhaiyomOdinaev Před dnem

    i really didn't get the last half, especially webxr. almost 5 years in web dev, but still can't understand how 'TRUE responsiveness' works :(

  • @doro_is_adopted
    @doro_is_adopted Před dnem

    if steam doesn't change the ui to it within 2 months we will sue steam ⬇⬇⬇⬇

  • @layer8problem
    @layer8problem Před dnem

    i really like the steam ui. I think they kept their theme to some degree and did not adapt too much to the trends

  • @chetnadhir
    @chetnadhir Před dnem

    thank u

  • @Kevin-xw1eo
    @Kevin-xw1eo Před dnem

    I mostly agree with your changes but I have a couple points. Firstly not every app needs to be Tik Tok. Honestly Spotify should just delete that section IMO. It seems cheap and just desperate to me. Secondly I want a way to see every song by an artist. Quite often I'll go "Oh what is that (insert artist name) song that I like?". I know the artist and I'll probably recognize the title if I see it but I have 0.0 idea what album it is in. Right now you have to go album by album and if the artist makes enough music you'll probably just end up giving up before you find the song you want. Also there should be a way to make the DJ thing shut up. I do NOT want my music app to EVER try and speak to me. It's weird. And finally I want to be able to change the color. I like green don't get me wrong but it would be a nice little customization thing. Give us like 10 colors to pick from.

  • @umutelicabuk6834
    @umutelicabuk6834 Před dnem

    I rarely comment on this platform but with this video, I just had to. Simply put: your work is incredible. Just wow!

  • @scytheonion
    @scytheonion Před dnem

    i love you

  • @calle9881
    @calle9881 Před dnem

    Hey, how or when can I have this installed on my steam? :) It's really smooth. Good work on the redesign.

  • @chadoftoons
    @chadoftoons Před dnem

    Touching the discovery queue with anything but clothed gloves is sacriliege, i have 15762 games in that queue alone. Its the only place to truly be able to find every game on steam with every result being unique since it does not show repeats. It is also the list steam keeps on you for if you have SEEN a game not that it cares but im betting the design saves how long you spent to click next which is why its incentivized with rewards in the first place to optimize sales. I also do not like how much is taken out, even if it has the same name as something else it might do something different. The library was like that!

  • @RomanBlbec
    @RomanBlbec Před dnem

    L video, you can't perfect legend

  • @ahumblerequest5222
    @ahumblerequest5222 Před 2 dny

    Great work

  • @kiioshidesu
    @kiioshidesu Před 2 dny

    with some things i agree but most of the time it either way design mistake or thing that YOU dont like but not the user base

  • @andallthatjaz836
    @andallthatjaz836 Před 2 dny

    I have watched several of your videos and this one was a joy to watch. You think so clearly about the U part of UI and I wish more companies thought like you!

  • @aLpenbog
    @aLpenbog Před 2 dny

    I don't know why everyone was hating on tables for layouts. Yes they are wrong semantically but until subgrid I was dealing with problems where they were the only sane option if I don't want to compute a lot of stuff within JS myself. And there are probably a lot of computers/phones not running a browser supporting it.

  • @RSNTM3NT
    @RSNTM3NT Před 2 dny

    NGL. I WANT THESE UI instead of the old UI. Steam is lazy AF. Anybody say otherwise, y'all either don't give a rats-ass or y'all just cappn'.

  • @deinemama6303
    @deinemama6303 Před 2 dny

    Nice breaking bad reference haha

  • @jordan.7
    @jordan.7 Před 2 dny

    I work at Wikipedia and I am going to steal some of these ideas and pass them off to my higher ups. $7.99 for the subscription model though.

  • @ivanxdxd
    @ivanxdxd Před 2 dny

    NO GOD NO GOD PLEASE NO NO NO NOOOOOOOOO

  • @amendozap
    @amendozap Před 2 dny

    Not the tumblr comment threads 😭

  • @EsEN101
    @EsEN101 Před 2 dny

    Why am I watching this. I’m just going to leave this video and be completely unsatisfied with the app? 😂😭

  • @jayymorris5285
    @jayymorris5285 Před 2 dny

    Haha you didn't even touch the mess that is being a creator on that platform. I'm a filmmaker and just trying to prove who I was, was a nightmare lol by the time I entered the vomit pool that was uploading a movie and adding personal details....

  • @rickyGman11
    @rickyGman11 Před 2 dny

    Congrats you just enshitified a perfectly functional website. It is now part of the dime a dozen, cookie cutter, dogshit modern web design. This is why no one who actually does functional work takes any business majors seriously and fucking especially not the parasites that are marketers

  • @sillygoosegoose
    @sillygoosegoose Před 2 dny

    you know what i need them to change... recommended songs after your music ends. idk if it's just broken or whether labels are paying bank for spotify to promote their music, but every, single, time i reach the end of an album or playlist, spotify starts playing espresso by sabrina carpenter. even if the vibe i was listening to was something completely different, nope, here's sabrina. i don't even dislike that song on its merits but when i start hearing the intro i want to rip out my eardrums now. i've entirely disabled spotify automatically playing songs when my music ends because i cannot hear that cursed song again. it did it with so hot you're hurting my feelings by caroline polacheck a couple of years ago, so the algorithm/funding model is broken. when something i put on finishes, i want to get the radio/things that sound similar that i might like, not the same heavily promoted song again and again and again until i can't hear it without wanting to scream. please and thank you spotify.

  • @leonardosaurwein2110

    Great Video!

  • @jochemvdberg8898
    @jochemvdberg8898 Před 2 dny

    steam is just one big bunch of chaos