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, substack

Recent posts on blogs I like:

On The Gender Socialization Of Trans People

~~nuance~~

via Thing of Things June 9, 2025

Elixir's Last Dance

On May 18th, the contra dance band Elixir had their last gig ever. The dance was packed: there were three hundred people. It was the only dance BIDA has ever done where they sold tickets. People flew from across the country just to hear Elixir play one la…

via Lily Wise's Blog Posts June 5, 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

more     (via openring)