💾 Archived View for gopher.zcrayfish.soy › 1 › phlog › 20180927-updates-to-web-frontend captured on 2024-05-12 at 15:22:53. Gemini links have been rewritten to link to archived content

View Raw

More Information

⬅️ Previous capture (2024-03-21)

-=-=-=-=-=-=-

----------------------------------------
Updates to web frontend
September 27th, 2018
----------------------------------------

I have updated the CSS on the web frontend to be more mobile friendly.
On screens smaller than 423px wide, the filetype icons will not be
displayed at all, which hopefully on most devices will allow entire
resources to be displayed without a horizontal scrollbar.

Additionally, for anchors, I have applied margins to make them easier
to click on touch screens (they space out further):
423px wide or smaller: 12 px top margin, 12 px bottom margin
423-511px: 11 px bottom margin
512-599px: 10 px bottom margin
600-719px: 9 px bottom margin
720-767px: 6 px bottom margin
768-853px: 4 px bottom margin
854-959px: 2 px bottom margin
960-1599px: 1 px bottom margin
1600+px: 0px bottom margin.

This shouldn't break ASCII art for i type selectors, I rarely see it on
others anyway.  The site renders beautifully on lynx, Mosaic 3, MSIE5,
MSIE 4.40, MSIE 8, MSIE 11, the latest version of Chrome desktop +
mobile, and Firefox 3.6. (no modern browser should ever have an issue
the site uses valid HTML 4.01 strict, which is ancient)
----------------------------------------

Back to phlog index

gopher.zcrayfish.soy gopher root

Future direct comment submission has been disabled for this phlog entry.
Comments are still accepted by email, please send to:
zacharygopher@gopher.zcrayfish.soy
Be sure to include the post title in the subject line! Thanks!
Nobody has commented on this post.