Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Microfeatures I love in blogs and personal websites

danilafe.com

Post reply on HN
Print view View original

381–390 of 444 posts

Re: Microfeatures I love in blogs and personal websites

#381

Post by scott_w »

p_l wrote: post #351
scott_w wrote: post #340

Earlier quoted context omitted.

To be fair, the designer of the website can’t restore scrollbars…

... not exactly. It's possible to essentially reimplement the logic of how scrollbars look, where they are, and when they appear, in just CSS on modern browsers. Ended up having to do part of that once because it was easier at the time than to figure out just why a mismatched browser scrollbar would show up due to complex layouting issue (in embedded world, so we didn't actually have to worry about end user preferenc…

Yes, that’s true but I suspect that what you’re doing is also what people are complaining about ;-)

Re: Microfeatures I love in blogs and personal websites

#383

Post by dredmorbius »

scott_w wrote: post #340
dredmorbius wrote: post #322

Earlier quoted context omitted.

Obvious solution is obvious: restore the fucking scrollbar. I suspect a strong driver of scrollbar deprecation is the overwhelming dominance of small-screen touch-based mobile devices. An active scrollbar, that is, one which not only shows page scroll depth, but controls it via touch, is one more UI element to generate annoying behaviours given the already perilous state of touch-based UIs. (The inability to correctl…

To be fair, the designer of the website can’t restore scrollbars…

I'm speaking to Web browser developers.

I'm #notafan of customising site scrollbars. But I've written my own CSS to do that (used only on my own, non-public, Web pages), and man is it a breath of fucking fresh air.

There are other apps which are similarly fucked in this regard. Mozilla's Pocket comes to mind.

Re: Microfeatures I love in blogs and personal websites

#384

Post by bayindirh »

dredmorbius wrote: post #322
elric wrote: post #220

Earlier quoted context omitted.

I think progress bars are a logical consequence of the user-hostile shrinking of the scrollbar. Unusable, narrow things which are often hidden by default, and rarely have a visible elevator (or thumb) anymore. Of course, scrollbars are often entirely useless in pages which insist on loading content piecemeal -- another user hostile pattern.

Obvious solution is obvious: restore the fucking scrollbar. I suspect a strong driver of scrollbar deprecation is the overwhelming dominance of small-screen touch-based mobile devices. An active scrollbar, that is, one which not only shows page scroll depth, but controls it via touch, is one more UI element to generate annoying behaviours given the already perilous state of touch-based UIs. (The inability to correctl…

I personally like disappearing (or shrinking) scrollbars, given they appear when I scroll with a wheel, or approach towards them. It allows me to understand where I am, allows me to grab and scroll quickly when I approach them, and they allow me to see more content.

Yes, I use a big screen, but borderless and clean windows allows me to fit more content into the screen and is less distracting in general.

Re: Microfeatures I love in blogs and personal websites

#385

Post by voidUpdate »

xena wrote: post #115
voidUpdate wrote: post #13

Earlier quoted context omitted.

I've just read a couple of their articles, and I think an aside works nicely, just a note about something, but a full on dialog is a bit much. I suppose a lot of my concern was with how Xe Iaso does it, where it just feels over the top and unnecessary, and IMO distracts from the actual content of the article, which is otherwise largely enjoyable

It is a very hard thing to calibrate. I try to have my internal conflicts and the like get put onto the canvas. I imagine that part of the perceived distraction is because of the CSS being bad (I suck at CSS so much). I'll go dig through a few Tailwind examples and see if I can make the messages more compact.

Well I didn't expect you to actually read this haha. I hope I didn't cause any offence, I just struggle to keep your wide character roster in my head with all their specialised roles. The only reason I mentioned you specifically was because I was familiar with you as an example and the source mentioned you, I'm sure others do this to an even larger extent

Re: Microfeatures I love in blogs and personal websites

#386

Post by ddmf »

There was a post on here recently to a blog that had a multi player cursor, so you could see other user's cursor positions and type wee notes - wish I'd taken note of it because there was a photography exhibition in the V&A where 12 hours of footage of London had been commented over in a similar way, and they were replaying it - "this guy will trip soon" and "she's texting the guy over there and he's said no"

Re: Microfeatures I love in blogs and personal websites

#387

Post by zoidb »

microflash wrote: post #234
zoidb wrote: post #11

> Easily Linkable Headings I haven't found a nice way to do this on both desktop/mobile. What I want is for every heading to have an anchor link that can be copied, similar to a hyperlink. I see a lot of sites do this with a [unicode chain symbol] which is present on hover, but that's not an option on mobile. Alternate option is to have it next to every heading (ugly), turn every heading into a hyperlink without styl…

Try this. /* keep the icon hidden by default */ :is(h1, h2, h3, h4, h5, h6) .icon { visibility: hidden; } /* show the icon on focus and hover */ :is(h1, h2, h3, h4, h5, h6):focus .icon, :is(h1, h2, h3, h4, h5, h6):hover .icon { visibility: visible; } /* show the icon on devices that don't have any accessory that can hover */ @media (pointer: coarse), (any-hover: none) { :is(h1, h2, h3, h4, h5, h6) .icon { visibility:…

thanks! I think I will try this.

Re: Microfeatures I love in blogs and personal websites

#388

Post by p_l »

scott_w wrote: post #381
p_l wrote: post #351

Earlier quoted context omitted.

... not exactly. It's possible to essentially reimplement the logic of how scrollbars look, where they are, and when they appear, in just CSS on modern browsers. Ended up having to do part of that once because it was easier at the time than to figure out just why a mismatched browser scrollbar would show up due to complex layouting issue (in embedded world, so we didn't actually have to worry about end user preferenc…

Yes, that’s true but I suspect that what you’re doing is also what people are complaining about ;-)

There's a reason why I included "I wouldn't dare" if it was a normal website :D

Especially since in our case I essentially deleted the scrollbar.

Re: Microfeatures I love in blogs and personal websites

#390

Post by elric »

dredmorbius wrote: post #322
elric wrote: post #220

Earlier quoted context omitted.

I think progress bars are a logical consequence of the user-hostile shrinking of the scrollbar. Unusable, narrow things which are often hidden by default, and rarely have a visible elevator (or thumb) anymore. Of course, scrollbars are often entirely useless in pages which insist on loading content piecemeal -- another user hostile pattern.

Obvious solution is obvious: restore the fucking scrollbar. I suspect a strong driver of scrollbar deprecation is the overwhelming dominance of small-screen touch-based mobile devices. An active scrollbar, that is, one which not only shows page scroll depth, but controls it via touch, is one more UI element to generate annoying behaviours given the already perilous state of touch-based UIs. (The inability to correctl…

I have some 4k pixels of width on my desktop, and some 400 on mobile. It makes sense to not have a wide scrollbar on mobile. But it makes zero sense on desktop.

Scrollbars do two things. They let you scroll (duh), but they are also progress indicators. There are other ways of scrolling (e.g. swiping on mobile) which work by default. But there is no other default way of showing progress. I don't particularly like the progress bar example in the original post, something as unobtrusive as a percentage in the bottom right corner would work just as well. But I do want some indication of progress ...

Post reply on HN