Category: Blog

Google’s Mobile Usability test thinks Boo! isn’t mobile friendly for two reasons:

1. Touch elements too close
2. Content not sized to viewport

It’s algorithms are flawed. I’ve tested it on numerous mobile platforms, it’s acting as intended. Granted, it’s an experimental piece. I set it up this way because fun, and as an intellectual exercise. I want it to look as if holes were cut through the post background and to print the text of a transparent text image instead of the image. I overlapped the image on top of the text accounting for issue 1. Issue 2 is probably because the image is scaled larger than the view port, but it should rescale with a js function.

I wish/hope there’s a flag I could set to tell Google that this is expected behavior and don’t knock search visibility for it—hell, in fact you should be ranking the page higher.

Hunted all night to figure out why the text on my site was so small. I dissected the parent theme, every plugin, anything that adds any css. Checked and double checked every style in use. Rewrote font-size rules. And then I discovered it only affected the front page—category and tag pages worked properly. The second page on through worked properly.

There was my clue, must be a malformed post somewhere on the front page some where, must be the first one. That damn thing was written in haste and love and has all kinds of markup. I dig through that a line at a time and discover an unclosed <small> tag.

Of course of course.

The lesson here is 1) get adequate rest, I’ve been kinda over doing it lately 2) look at the obvious things first 3) check out other contexts—had I compared other pages to the front it would’ve been obvious.

Mistakes made, lessons learned, good night.