123
-=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- (c) WidthPadding Industries 1987 0|60|0 -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=-
Socoder -> Web Development -> Responsive SIte Design

Mon, 02 Jan 2023, 17:31
Kuron

Responsive Site Design


How important is it to have a responsive site design for a site that is largely providing information to read? Do people actually spend time reading web sites on their phones?
Mon, 02 Jan 2023, 18:09
therevillsgames
I would say its really important these days to have it responsive. The majority of web sites are read from a mobile device or tablet these days.

https://explodingtopics.com/blog/mobile-internet-traffic
Mon, 02 Jan 2023, 18:22
Jayenkai
It frustrates me to no end that (at least, the last I checked), a webpage can't tell how big the screen is.
It can tell you in pixels, but not physically how big it is, so most sites are stuck with the "if it's tall, it's probably mobile" logic.
That breaks for people, script writers, some coders, etc, who prefer an A4/page orientated screen.
All their websites end up being shitty mobile things, even though their screens are big.

Example, turn your tablet to portrait, and see how much worse the internet becomes.

I'll have to look into that and see if it's become a thing, yet. I hate having to have that mobile-view option in the themes be a manual toggle. At the very least, on first visit to the site, it oughta be automated.

-=-=-
''Load, Next List!''
Mon, 02 Jan 2023, 20:26
Pio
Pixels are not real pixels of course, so it mostly works across devices to check if display is narrower than, say, 900px.

Pixels (px) are relative to the viewing device. For low-dpi devices, 1px is one device pixel (dot) of the display. For printers and high resolution screens 1px implies multiple device pixels.

|edit| Doesn't solve the turning tablet problem though. |edit|
Mon, 02 Jan 2023, 20:41
Kuron
The majority of sites I visit, if you try and look at them in the resolution a phone would use, when it resizes itself all you see is text.

Mobile phones have destroyed the internet and reduced it to text based where you could surf the web using the Lynx browser using Kermit protocol and have it just as fast if not faster. Because AFAIK on mobile phones all the shit you can't see is still loaded, just not shown.
Mon, 02 Jan 2023, 21:05
HoboBen
Ironically, these days I find the problem isn't mobile sites, but desktop sites where the display is too wide.

It's hard to read if it isn't in a nice column of 80 characters or so!

Best of both worlds = be widescreen aware, stretch backgrounds as wide as you can, but set a sensible max-width for any text.

|edit| Jay! when did you add upvote/downvote buttons!!! |edit|

-=-=-
blog | work | code | more code
Mon, 02 Jan 2023, 21:15
Kuron
I heavily rely on the reader mode in FF for reading most sites. I keep it set fairly big...

> Reveal 🔎
Tue, 03 Jan 2023, 01:08
AndyH
Everything I do in the day job is responsive generally using grids. It's easier to do if thinking about mobile and desktop views from the beginning, rather than trying to make one or the other to work later.

At home I use Google sites which gives you a responsive grid that works pretty well: https://www.hewco.uk/

-=-=-
Andy H
8-bit games at www.hewco.uk
Cartoons at awful.ovine.net
Ovine at ovine.net
Tue, 03 Jan 2023, 01:56
cyangames
Responsive sites can be easily handled via css media queries in general, just be sure to class up your elements appropriately and the rest sorta throws itself together.

-=-=-
Web / Game Dev, occasionally finishes off coding games also!
Tue, 03 Jan 2023, 12:01
Kuron
My main problem seems to be I do not know my ass from a hole in the ground when it comes to web design anymore.

Back in the day I used Cool Page and had stunning sites. Closest I can find is Rocket Cake, but getting things resizable, EGADS!!!

Andy's site works flawlessly, no matter what size I make it.