::  Posts  ::  RSS  ::  ◂◂RSS  ::  Contact

Making things mobile friendly

November 27th, 2016
tech  [html]
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.

Comment via: google plus, facebook

Recent posts on blogs I like:

I’m Giving a Talk About Construction Costs Tomorrow

By popular demand, I’m giving the talk I gave 2 weeks ago at NYU, again. The database will be revised slightly to include more examples (like Ukraine, which I added between when I gave the talk and when I blogged about it), and I may switch around a few t…

via Pedestrian Observations December 2, 2019

Your room can be as bright as the outdoors

The effect was huge: I became dramatically more productive between 3:30pm and whenever I turned off the light. I estimate the lamp bought me between half an hour and two hours a day, depending on how overcast it was.

via benkuhn.net November 26, 2019

git-subtrac: all your git submodules in one place

Long ago, I wrote git-subtree to work around some of my annoyances with git submodules. I've learned a lot since then, and the development ecosystem has improved a lot (shell scripts are no longer the best way to manipulate git repos? Whoa!). Thus, I …

via apenwarr November 24, 2019

more     (via openring)

More Posts:


  ::  Posts  ::  RSS  ::  ◂◂RSS  ::  Contact