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:

Animal Welfare and Capabilitarianism

All ethics is a special case of animal welfare science

via Thing of Things December 18, 2024

Developing the middle ground on polarized topics

Avoiding false dichotomies The post Developing the middle ground on polarized topics appeared first on Otherwise.

via Otherwise November 25, 2024

How to eat vegan on Icon of the Seas

Royal Caribbean has a new giant cruise ship, Icon of the Seas, which has a large selection of food options.

via Home November 21, 2024

more     (via openring)