| ---------------------------------------- | |
| 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: | |
| [email protected] | |
| Be sure to include the post title in the subject line! Thanks! | |
| Nobody has commented on this post. |