Tilda Moose, citizen

Calling people who write their own #websites by hand, or appreciate those who do!

Do you have a favourite #links page style? It's been ages since I've composed a website manually. I'm avoiding CMS for now, just doing it the hard way with #html and #css, but want to make an attractive table of links to other sites, and a bit of blurb about them.

Seeking minimalist style and maximum #accessibility .

Thanky'all

#indieweb

Feb 4 at 1:41pmWeb
Show threadHayoFeb 4
@MattMoose wouldn't call it favourite, but it works. https://hayobethlehem.nl/about/blogroll
Blogroll on Hayo Bethlehem's website

Show threadKhleedrilFeb 4
@kineticdiplomacy @MattMoose I think that's the best here up to now. Maybe I would prefer it if you gave little hints about what you like about some of the sites, or short descriptions; but keep them short.
Show threadHayoFeb 5
@khleedril @MattMoose thanks. And you make a good point. I will add it to the list :)
Show threadTilda Moose, citizenFeb 5
@kineticdiplomacy many thanks; food for thought. That's a really neat approach.
Show threadreadbeanicecreamFeb 4

@MattMoose I just use a grid driven by html bullets.

https://readbeanicecream.surge.sh/community/

Community - ReadBeanIceCream

Show threadKhleedrilFeb 4
@readbeanicecream @MattMoose Too much dead space for my liking.
Show threadi.jFeb 4

@MattMoose I uploaded a template of my personal website:
https://gitlab.com/idotj/idotj-website-template

For an easier implementation of accessibility and responsiveness I used Bootstrap5.

You can check lighthouse-metrics.com that it got good scores (also in accessibility).

i.j / i.j website template · GitLab

Website template developed with the most recent web standards, full responsive, WCAG compliant, cross-browser compatible and validated with W3C tools. This template is currently used at

GitLab
Show threadshellsharksFeb 4

@MattMoose Mine is just a simple list: https://shellsharks.com/blogroll with some associated links for each respective blog/individual

I like Dave Winer’s blogroll though - http://scripting.com/?tab=links

Blogroll

A list of blogs I read and recommend.

shellsharks
Show threadKhleedrilFeb 4
@shellsharks @MattMoose Needs description about each pointer in my humble opinion.
Show threadshellsharksFeb 4

@khleedril @MattMoose To clarify, are you saying that each entry in the blogroll should have a brief description of what that site is? Or why it’s on the list?

If so, I’ve thought about it. I like the idea and might end up doing it, but was trying to reduce the visual clutter on the page. Then again, take a look at my site. When have I ever cared about visual clutter before!? 😅

Show threadKhleedrilFeb 4

@shellsharks @MattMoose Either: if you have an opinion why it is on the list, write that, otherwise maybe show a short description scraped from the site p-summary, otherwise leaving blank is fine.

Agree about too much clutter; keep them short and maybe in a smaller font.

Just my opinion, not that that matters.

Show threadJoe CrawfordFeb 4
@MattMoose Here's mine. https://artlung.com/blogroll/ though that is always subject to change (rightly so)
ArtLung: Blogroll

Show threadKhleedrilFeb 4
@artlung @MattMoose Too spread out for me (the thumbnails don't really add anything).
Show threadaevaFeb 4
@MattMoose i personally prefer the classic <a href="url here">some text</a> to make hyper links
Show threadaevaFeb 4
@MattMoose here's a non-specific page from my website that has hyper links on it http://zone.dog/braindump/spline_fields/
Spline Distance Fields

Show threadaevaFeb 4
@MattMoose I misread your post. This is probably a better example https://zone.dog/braindump/arty/ For the pages that are primarily references to other resources I usually use a <ul> list of the links. I often also try to include a link to a cached version on archive.org (denoted by a floppy disk in parenthesis next to the main hyperlink)
"Arty A7-35" Artix-35T

Show threadaevaFeb 4
@MattMoose for accessibility, a good rule of thumb is 1) respect the semantic meaning of HTML tags, 2) make sure your page is functional and not full of bullshit when you turn off style sheets, and 3) make sure images have alt text. If you stick to these rules, odds are pretty good your website will work just fine with screen readers.
Show threadKhleedrilFeb 4
@aeva @MattMoose This is okay for references to other resources, but as a general links page there's too much to read.