Check it out. It can be done.
RDL2004
Posts: 2,554
A Vanilla forum that actually resembles a normal forum. No ridiculous wide margins, no voting, no tags, and no side column. Aside from some graphical stuff, it actually looks and is arranged similarly to the old Parallax forums.
http://forums.penny-arcade.com/
http://forums.penny-arcade.com/
Comments
BTW, when reading text, there is such a thing as too wide. The reason is that when the eye reaches the end of a line, it's easier to find the beginning of the next line if it's not too far away. That's why newspaper and magazine articles are printed in columns.
-Phil
It IS possible to have both responsive and an enhanced UI. I've seen several Vanilla forums that managed both. A good CSS coder could turn the Penny Arcade theme into a responsive design in a day. I forget what framework this theme uses. (Incidentally, this one still has broken CSS. Someone added the top nav bar outside of a container row, so it does not properly flow. I guess they'll fix it eventually.)
On all of the Vanilla sites I'm visiting, search is terrible. Win some, lose some.
-Tor
A responsive page will tastefully arrange itself and be usable on a small smartphone screen or on you giant TV.
As an example tale a look at https://www.raspberrypi.org/ On a typical desktop sized browser window there are menu buttons in a horizontal bar at the top. Now resize that browser to a very small window. Notice how that nav bar disappears, replaced by a "hambuger" button on the right. Hit the hamburger button and those menu button appear vertically stacked. Many other elements on that page will have moved around and changed with window size as well.
"responsive" is a fairly recent new phrase that came to web developers with the new features of HTML5 and CSS. Amazingly it does not require JS to do this dynamic resizing and rearranging of the elements.
Learn about responsive web design here: http://www.w3schools.com/html/html_responsive.asp
-Tor
Ha, I did not say it was a good example
I too often find I would rather have the regular page layout on my little Samsung Galaxy than the "mobile" layout. Being able to pinch and zoom and pan around get's the view you want and often makes things big enough to actually read!
I have never understood why mobile layouts are often not zoomable. Why is that? I'm guessing the idea is to make the web page look and feel like a native mobile application.
Many have complained that the Raspi site is image heavy and slow to load. Although strangely on my Galaxy, on my connection, it seems to load acceptably fast.
Perhaps this page is a better example of the intended idea of responsiveness: https://blogs.endjin.com/2013/04/example-responsive-layout-using-bootstrap/