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:

Facts I Learned From A City On Mars

Space bastardry!

via Thing of Things April 14, 2025

Which Came First, the Chicken or the Egg?

When I thought about this question it was really hard to figure out because the way it's phrased it's essentially either a chicken just pops into existence, or an egg just pops into existence, without any parent animals involved. I thought about t…

via Lily Wise's Blog Posts April 13, 2025

Advice for time management as a manager

have accurate expectations of yourself • prioritize ruthlessly • unemploy your future self • a five-step “help, I’m overwhelmed” checklist • carve out focused time

via benkuhn.net April 1, 2025

more     (via openring)