Who even IS Gordo!? on Nostr: You ever notice how the entire web is built on like, 3 or 4 idomatic templates? Most ...
You ever notice how the entire web is built on like, 3 or 4 idomatic templates? Most of the time just because that’s how it is, not because that’s how it oughtta be?
I can tell you that my general experience of browsing websites with code blocks is hopping into Stylus to make the content column wider, and then make the code blocks a whole lot wider.
Because there’s nothing that says usability like the content I actually came to see shoved in 500px wide div with “overflow-x: hidden”
My favourite is when the main content has a max-width of under 900px—and hey, don’t get me wrong, for long form text, shorter lines are better—but the container is left aligned, and the fixed social icons overlap the content 🤦♂️
Published at
2023-07-14 12:15:16Event JSON
{
"id": "a155f3c9df1ae205e955987deedecce50fef3d97bcadf33586ac8ea2596bcd1d",
"pubkey": "76d5e594d3bf2e8bf7a370cb9f3ad086d6ac2d7a34f381f469153ca41f19cd89",
"created_at": 1689336916,
"kind": 1,
"tags": [
[
"mostr",
"https://borkr.one/objects/ae0668f9-cf78-4b67-9cc5-d17713e709a4"
]
],
"content": "You ever notice how the entire web is built on like, 3 or 4 idomatic templates? Most of the time just because that’s how it is, not because that’s how it oughtta be?\n\nI can tell you that my general experience of browsing websites with code blocks is hopping into Stylus to make the content column wider, and then make the code blocks a whole lot wider.\n\nBecause there’s nothing that says usability like the content I actually came to see shoved in 500px wide div with “overflow-x: hidden”\n\nMy favourite is when the main content has a max-width of under 900px—and hey, don’t get me wrong, for long form text, shorter lines are better—but the container is left aligned, and the fixed social icons overlap the content 🤦♂️\n\nhttps://borkr.one/media/cc62e280-84c3-4482-b170-fcda096f84ff/image.png",
"sig": "3d73edd2e70d8ec2f0886b610d9cf3e11eccf2860162b8b7699ba6b3e707bdd2f79c88cd353b1974a88216d6267d42c8634c02719e1abd44154bd6c52ec68d91"
}