i am looking for web design inspiration on how to style an
-
i am looking for web design inspiration on how to style an <aside> element. no, not a sidebar. that's not the same thing. image search please stop showing me sidebars
-
trwnh@mastodon.socialreplied to trwnh@mastodon.social last edited by
people stop confusing semantics with visuals challenge
-
trwnh@mastodon.socialreplied to trwnh@mastodon.social last edited by
like people stopped using <i> and <b> and now they just use <em> and <strong>... but they don't intend to add emphasis or use strong language, they just want italics or bold
-
trwnh@mastodon.socialreplied to trwnh@mastodon.social last edited by
in any case i think you could probably give it a boxy background color, or make it smaller font size and slightly faded... i'm just wondering if there are Other Ideas
-
smeikx@graz.socialreplied to trwnh@mastodon.social last edited by
@trwnh
<aside> is supposed to be ‘only indirectly related to the main content’.How do you represent something as somewhat foreign but not too foreign?
And while trying to express its relationship to the main content, you should also think about how much attention you want to draw to it:
Should it stick out? How much?
It’s there for a reason, so why hide it? Also, it’s not the main content, so why highlight it? -
trwnh@mastodon.socialreplied to smeikx@graz.social last edited by
@smeikx the only thing that comes to mind rn is making the text slightly smaller or slightly faded. i was wondering if there were other ideas or patterns out there. maybe a dashed box around it, a lower-contrast background color, etc etc
-
smeikx@graz.socialreplied to smeikx@graz.social last edited by
@trwnh
You could use different color, but it should still harmonise with the palette.Or use a different font-weight or, even better, a different typeface.
Maybe use ::before/after to surround it with some kind of parentheses; maybe style them differently to make them easier to differentiate from regular parentheses.
-
trwnh@mastodon.socialreplied to smeikx@graz.social last edited by
@smeikx this is an aside that i have on my homepage right now [pic 1]
and in my wip template for singles/pages i have the "this is part of a series" expressed in an aside, which i currently don't style at all, but i toyed with giving it a background which ended up feeling like it gave *too* much attention