Making things mobile friendly II

November 30th, 2016
tech
When I got a phone and started caring about how things looked on mobile I only fixed some of the pages on my site: home page, blog post template, etc. I have various pages scattered around, however, that I never got around to fixing. Most of why I had been putting this off is that it seemed like a lot of finicky work, like updating the EA forum display was. Except all of these pages are just simple html with no css:

<td> 18462
<tr> 3244
<li> 414
<p> 87
<br> 70
<ul> 61
<i> 51
<head> 31
<html> 31
<th> 31
<hr> 30
<title> 29
<small> 27
<body> 24
<blockquote> 13
<b> 8
<ol> 8
<table> 7
<sup> 6
<strike> 5
<code> 3
<style> 3
<big> 2
<center> 2
<tt> 2
<em> 1
<pre> 1
<script> 1

(Why so many table cells? This list includes my schedule and history which consist of huge tables. Only 5% of the table cells come from the rest of the pages.)

These pages are basically already responsive, and all they needed was:

<meta name="viewport"
      content="width=device-width, initial-scale=1.0">
to tell mobile browsers not to try to display them like a desktop site.

Comment via: google plus, facebook

Recent posts on blogs I like:

Solution-Focused Brief Therapy

Look! A therapy technique people don't already know!

via Thing of Things May 14, 2025

Workshop House case study

Lauren Hoffman interviewed me about Workshop House and wrote this post about a community I’m working on building in DC.

via Home April 30, 2025

Impact, agency, and taste

understand + work backwards from the root goal • don’t rely too much on permission or encouragement • make success inevitable • find your angle • think real hard • reflect on your thinking

via benkuhn.net April 19, 2025

more     (via openring)