Making things mobile friendly

November 27th, 2016
tech
The EA Forum is based on the Reddit codebase, forked long before Reddit added a good mobile version. While it would still be good to have a proper mobile version, here's an idea for how to get it mostly mobile friendly with a relatively small amount of work:

  1. The page was designed for desktop browsers that can do pages at least 1024px wide, so set a viewport tag with display=1024px.
  2. The page was designed to make generous use of horizontal space (sidebar, indented posts), but on mobile that's less available, so hide the sidebar and stop indenting posts.
  3. Bump up the font sizes of various things.
It looks like this:

What do you think? Does this (a) look reasonable and (b) seem like the right way to handle this sort of situation?

Here are the css changes, as a pull request against the EA Forum.

Referenced in:

Comment via: google plus, facebook

Recent posts on blogs I like:

Jealousy In Polyamory Isn't A Big Problem And I'm Tired Of Being Gaslit By Big Self-Help

The nuance is in the post, guys

via Thing of Things July 18, 2024

Trust as a bottleneck to growing teams quickly

non-trust is reasonable • trust lets collaboration scale • symptoms of trust deficit • how to proactively build trust

via benkuhn.net July 13, 2024

Coaching kids as they learn to climb

Helping kids learn to climb things that are at the edge of their ability The post Coaching kids as they learn to climb appeared first on Otherwise.

via Otherwise July 10, 2024

more     (via openring)