On Sun, 22 Dec 2019 19:25:00 +0300 [email protected] wrote: > Hello everyone, > > The main page of openbsd.org is currently not responsive. It looks > bad when I access it from > my mobile phone. I offer my version of the home page. My CSS file is > 4 times smaller than it > is now and adapts to the screen size of the device. Please, check it: > https://vttv.xyz. Also, > you can directly download archive with sources: > https://vttv.xyz./openbsd.tar.gz.
Your page is very nicely adaptive, without the horrible jumps often seen with media queries. I'm not a fan of "mobile devices" but at this point in history I think websites need to accommodate to them. Most of my newest Troubleshooters.Com pages are at least moderately adaptive. I'd suggest you make the horrible, blood red graphic 1/2 size. It looks awful on the current page, and because it's full size on yours, it looks even awfuller. The font on the current OpenBSD web page is nice and readable. On your adaptive, it's thin, reedy, ugly, pixellated, and hard to read. If you're setting a specific font, I suggest you refrain from that and let the user's browser settings rule. That way, your page is comfortable for the guy with 20/10 vision or the guy with 20/60 vision. If you're not declaring a font, something's going wrong. The blue sidecar navigator in the original website is handy, good looking, and gives the reader the confidence to go where he wants. At the expense of one more user click, you could put a "navigation links" link or button, which refers to your box array, right under the red graphic. What I'd prefer, if it doesn't require a media query or too much javascript, would be to retain the sidecar at big screen sizes, but at a certain point collapse it and replace with something else: Perhaps your current bottom array of boxes with a link to them on top. What's going to be a bigger challenge is doing this to pages containing <tt/> or <pre/>. I've never been able to get those to fold, and even if they did, the code would then become misleading. SteveT Steve Litt December 2019 featured book: Rapid Learning for the 21st Century http://www.troubleshooters.com/rl21
