From 06e9d38f438b6445fe539b8d726c40098b96fa32 Mon Sep 17 00:00:00 2001 From: liquidev Date: Wed, 6 Mar 2024 14:40:04 +0100 Subject: [PATCH] sidebars --- content/design.tree | 4 +++ content/design/sidebars.tree | 59 ++++++++++++++++++++++++++++++++++++ content/treehouse/new.tree | 8 +++++ 3 files changed, 71 insertions(+) create mode 100644 content/design/sidebars.tree diff --git a/content/design.tree b/content/design.tree index 67e4820..f08886c 100644 --- a/content/design.tree +++ b/content/design.tree @@ -20,6 +20,10 @@ this branch is about that. % id = "01HQ8KV8RWS99XKPBKCTZ3NEJM" - that ain't default behavior. :hat_smug: +% content.link = "design/sidebars" + id = "01HR9ZTS6T2ZBWGMJP8376NGX1" ++ sidebars + % content.link = "design/digital-textures" id = "01HQ8JHZ5QTZXQW3M26CXPFQDF" + on digital textures diff --git a/content/design/sidebars.tree b/content/design/sidebars.tree new file mode 100644 index 0000000..f894d14 --- /dev/null +++ b/content/design/sidebars.tree @@ -0,0 +1,59 @@ +%% title = "maybe don't use sidebars on your website" + +% id = "01HR9ZTS6PHTK6VRBF7S0M6MZ7" +- imagine if this page had a distracting bunch of text to the right of regular content. or even worse, advertisements. + + % id = "01HR9ZTS6P67VGVY6S460Q49HV" + - fortunately I'm not cruel enough to do that (*and* also I'm lazy *and* also I'm at work at the moment so I haven't got time to do something wicked like that.) + + % id = "01HR9ZTS6P7AB97D6T177XMNKW" + - these are sidebars in a nutshell. distracting, annoying, detracting from what you actually have to say. + + % id = "01HR9ZTS6PF06M7FD73VY9SN8R" + - > enjoying this article? why not check out these 10 other articles while you're at it, even though you barely even read 30% of this one! + +% id = "01HR9ZTS6PQ751GYMKN25YA4EC" +- try to arrange your content in reading order instead. don't distract one's eyes, guide them to the place you want them to be. + + % id = "01HR9ZTS6PGX3KEDJ7E8M794DE" + - instead of displaying recommended or related articles in a sidebar, try to display them in a non-distracting way at the bottom of the page. + + % classes.branch_children = "branch-quote" + id = "01HR9ZTS6PRPS2BJN8V1EPHTWA" + - seriously, there's no need for anything more complicated than this: + + % id = "01HR9ZTS6PF3JRPQE4TS5DM09B" + - If my blog piqued your interest, feel free to also check out these articles: + + % id = "01HR9ZTS6P1JJ2103E4QHATH3G" + - [*on digital textures*][page:design/digital-textures], where I explore synaesthetic feelings in user interfaces + + % id = "01HR9ZTS6P73HSTZK6CP1RWQWG" + - *[...so on and so forth.]* + + % id = "01HR9ZTS6PBFR78Y54HGGKXMF6" + - note how I haven't even used pictures! I care about what you have to say, not what pretty pictures you managed to snap on your last field trip. + + % id = "01HR9ZTS6PHPAZSQ4YMH7XWBA9" + + I personally don't even do that; the treehouse is unique enough in its structure is that it's a never-ending fractal of text, and you can keep on clicking and expanding parts you'd like to read. + that isn't gonna work on conventional blogs though. + + % id = "01HR9ZTS6PKYGVTFF0F78XVXH2" + - (I'm not saying this structure is any better than a conventional blog though. + it has its own set of challenges you need to take into account while writing, like *when to split*, and *when to nest*. + arguably, I still haven't learned how to write the treehouse well, but I think I'm getting better at it; compare [about][page:about] to this page and you'll see what I mean.) + +% id = "01HR9ZTS6P484GD6Y9QR4TEGWD" +- I'm glad most individuals' blogs are foregoing sidebars, but unfortunately I still regularly see them on various news sites and older blogs + + % id = "01HR9ZTS6PCAWGEJNYXETFVDFT" + - if you're designing a modern blog, consider structuring your page *vertically* rather than *horizontally*. + limit distractions you show on the sides of the screen. + they *really* are quite annoying when you're just trying to focus on the body. + + % id = "01HR9ZTS6PKZVXQE0VFVTNNQ6F" + - not to mention mobile devices, which do not have the horizontal real estate to fit your sidebars! + for those you have to arrange your website vertically anyways, so what's the point? + +% id = "01HR9ZTS6P0H48X9990BRXFRS4" +- to summarize: don't use sidebars. arrange sites vertically. limit distractions. diff --git a/content/treehouse/new.tree b/content/treehouse/new.tree index a7b6738..757eca3 100644 --- a/content/treehouse/new.tree +++ b/content/treehouse/new.tree @@ -10,6 +10,14 @@ [read][page:programming/blog/tairu] +% id = "01HR9ZTS8RS4VJNJYSNRQYSKHZ" +- sidebars! also known as, *"enjoying the main content? how about I distract you from it so that you can't focus!"*\ +seriously though. I don't like them. + +### design: sidebars + +[read why I don't like them so much][page:design/sidebars] + % id = "01HQ8KV8T8GRCVFDJ3EP6QE163" - I started a branch on user interface and user experience design, because I was working with mintty at work and had some thoughts about it.