a thoughtful web.
Good ideas and conversation. No ads, no tracking.   Login or Take a Tour!
comment by thenewgreen
thenewgreen  ·  1574 days ago  ·  link  ·    ·  parent  ·  post: Wait, are we doing it wrong? [Potential major Hubski experiment]

Awesome feedback!

    I inject over 100 lines of custom CSS just to make this place look okay.
Would you mind sharing a screen shot of what your version of Hubski looks like it how it is improved by your measure? TIA!




rezzeJ  ·  1574 days ago  ·  link  ·    ·  

-----

Feed

-----

1. Increase font size to improve readability

2. Increase spacing between elements to improve readability

3. Domain and tag information moved over to the right to unclutter the left side of small text

4. Increased margins on main div to focus information into the centre as it stretches wide on larger displays

------

Posts

------

1. Increase title and body font sizes to improve readability

2. Increase spacing between paragraphs to improve readability

3. Limit body text div so it averages around ~15 words per line. This makes it easier to track writing line-to-line and maintain focus

----------

Comments

----------

1. Similar font and div size adjustments to posts

2. Increase spacing between comments to let them breathe more

-----

Chat

-----

1) Import modern font and force it to override retro font

2) Reduce main div width and centre it to focus information

3) Increase font sizes to improve readability.

4) Increase spacing between messages so it doesn't look like one massive block of text

5) Move usernames and timestamp above the message. This gives separation between the username and the message and unclutters the start of the message.

kleinbl00  ·  1574 days ago  ·  link  ·  

ZOMG mk make this a theme

rezzeJ  ·  1574 days ago  ·  link  ·  

I use the Stylus extension to inject the CSS. It is available for both Chromium and Firefox browsers.

Here's a pastebin of the code to import. It's fully commented, so you can edit it to taste.

Devac  ·  1573 days ago  ·  link  ·  

Hot damn, the chat also looks amazing!

Thank you for sharing it.

kleinbl00  ·  1574 days ago  ·  link  ·  

d00000000000000d

rezzeJ  ·  1574 days ago  ·  link  ·  

OftenBen  ·  1571 days ago  ·  link  ·  

Ok Darkmode rezzeJ mode is bestmode f'real.

Thanks boss.

mk  ·  1572 days ago  ·  link  ·  

I'm cool with adding a rezzeJ theme if you are.

rezzeJ  ·  1571 days ago  ·  link  ·  

I'd be honoured.

Stylus lets you target styles to specific URLs, which you can't do in pure CSS. So I'll create a version that works without that. I'll also make sure it doesn't break the mobile styles as it's only aimed at desktop at the moment.

Would it make sense for it to be an optional 'modifier' to the user selected style? That way the user can still choose their own colours.

mk  ·  1571 days ago  ·  link  ·  

I’d like to host it, so probably the easiest would be to just send me the modifications, and I’ll make new stylesheets with those changes. Maybe I can base on clean and dark, for rezzeJ day, rezzeJ night.

thenewgreen  ·  1572 days ago  ·  link  ·  

Awesime! thank you rezzeJ! mk, did you see this?