It's so fricking hard to make a decent website and have it look awesome both on pc's and phones because your layout cant really be both extremely horizontal and extremely vertical at the same time and retain the original artistic idea.
Which device do I prioritize, anonbutts?
 It's All Fucked Shirt $22.14 |
 DMT Has Friends For Me Shirt $21.68 |
It's All Fucked Shirt $22.14 |
Just redirect mobile to a separate page
put a popup on mobile telling users to turn their phone sideways.
problem solved
Mobile First design and its consequences have been a disaster to the Internet. Frick'em. Desktop all the way
>Mobile First design and its consequences have been a disaster to the Internet.
True. It's like optimizing the entire world for handicapped people
>have it look awesome both on pc's and phones
There's your mistake. You can't optimize for such a wide span of screen sizes. The way to properly do it, is make a VERY well designed site for desktop devices, and slap together some responsive design shit for mobile devices, including tablets. Mobile users will accept it anyway, and for the desktop site you can maximize information density.
I'm making a social media platform. Unfortunately, and I stress unfortunately, people will mainly want it to be good on fones
Tiktok looks like SHIT on desktop no offense
Just look at this empty white iframe hell
You made my point entirely. You make separate sites for mobile and desktop. Doing this, the desktop experience will be great and the mobile experience, too.
>in 2024, you make two sites instead of one huehue
Sigh. I miss 2008.
Tiktok doesnt just look bad on desktop, it's broken. It even says "something went wrong" at the top of the page.
50% of the time it's completely unpredictable when I use it on Firefox.
You don't get it, tiktok looks amazing cause the hot teens in it
What do u mean mate
Looks amazing visually. Truly something that gets 1 billion people hooked
prioritize adult users = desktops
depends on ur target, iirc, the phone users have surpassed the desktop ones
But despite that it might still make sense to.prioritize one over the other
media queries is what u looking for, but if you wanna go full autismo mode, read their user agents or whatever you need to determine if theyre a phone and serve the web solution accordingly, for context nearly nobody does this cause it usually leads to twice the content to edit
>read their user agents or whatever
I use a self-made web browser and I have a custom user-agent that says "frick you".
I wonder how much this disrupts my web experience.
No one sane uses user agents. You can simply use their viewport size.
>I wonder how much this disrupts my web experience.
It doesn't disrupt, actually quite the opposite: you've made yourself perfectly recognizable, so you're being catered to even harder than the average person.
Your digital profile must be very detailed!
I built a complex site for a year until one day I wrecked it in favor of phone zoomers.
Now it has big simple buttons and looks like a toy for babies
I hate life
dunno how experienced you are, but anon, flex will fix all your problems. Just search how to use display:flex and those things, it's actually easier than it looks.
And if you know how it works, congrats, it's easier now. Just flex and @media away, don't be lazy
I like display:block
flex fricks things up, so hard to align anything vertically with that shit
The only good use for flex is multiple columns with one that can expand which can break into rows. Everything else is convoluted.
really? it just werks for me. I like making layouts with vertical and horizontal flex elements
If you ain't mobile first your mobile last
No need for web design. Just turn on autoindex and serve everything as static files.
I did that but my zoomer nephew didnt even know what he was looking at
He was confused, almost scared.
He needs colorful, rounded buttons without tech jargon like mentions of file extensions
Did he drop acid first? Helps the younger generation see.
just add ten gbs worth of javascript frameworks to make it jump between different versions based on screen size (both versions should be the same apart from the menu should change from words on desktop to three lines on the phone (to make it harder to navigate via touch))
What's with the three line addiction
media queries don't require anything extra, no franework, no library and no js
How exactly do I make my CSS file recognize whether my page is being accessed by a pc or a smartphone?
I havent developed web after the Expage / Geocities era.
Media query. You basically set (horizontal or vertical) resolution thresholds under which different rules apply.
>Media query. You basically set (horizontal or vertical) resolution thresholds
I can do this. But does pixel-based detection always work? What if someone has a super developed smartphone that has a horizontal resolution of over 1000 pixels?
Yes, it always works, don't overthink.this
>t. webdev
You use the html and css library bootstrap
media queries, just css