Guess that topic owner!

[Matches]

So, without knowing people's avatars, how do i know who made the topic? Yes, it matters, i purposely avoid some of you.

[Lorne Kates]

@Matches said in Guess that topic owner!:

So, without knowing people's avatars, how do i know who made the topic? Yes, it matters, i purposely avoid some of you.

You can't because FLAT DESIGN.

By that I mean NodeBB devs have never heard about discoverability, information density, multiple learning paths, or UI/UX cues.

I could have sworn I put in a bug about this-- that avatars should have data-username in them, so I can use a userscript or userstyle to add the user's name so I know who the fuck is doing what.

It's even more useless on replies, because the avatar is shrunk to 16px.

And replies are already useless, because they show last reply, not first unread reply.

And the entire Unread page is useless, because the information density is only 2-3 topics per screen (as opposed to 12+ on phpBB)

And even those 2-3 you see are useless, because they waste 2/3rds of the screen telling you the post count (discocount, since it's rounded), and the view count (which literally no one has ever cared about)-- and the 1/3 of the screen it does use is, as you mentioned, completely devoid of useful information.

Can someone @ the lead nodebb dev onto this reply? I can't remember his name, and autocomplete is useless since it has no "Search More..." link.

Also, start autocompleting anything-- a name, an emoji. Now scroll. LOOK THE ENTIRE AUTOCOMPLETE ELEMENT SCROLLS OUT OF VIEW>

Fucking hell.

[Dragnslcr]

On the off chance that you're seriously asking, there's a tooltip on the avatar with the user's name. For scripting purposes, the img tag has a data-original-title attribute that has the username as the value.

[aliceif]

To be fair, Discourse did the same thing.

ALSO STOP GIVING ME A JOYENT LOGO WITHOUT AN EDITOR WHEN I CLICK REPLY.

[ben_lubar]

Try hovering over the avatar with your phone-mouse.

[loose]

An experience made more "fun" by changing your avatar.

POSTER TIP: This is just an observation, not a rant or complaint or anything like that. It's just that after a while you recognize them, and in a very visual (pattern) environment you look for them rather than read them.

[pichalite]

[cartman82]

Meh. You can only cram so much stuff on a mobile screen.

Also, if there are people you hate so much to avoid their topics, the least you could do is remember their avatars (which DO get changed way too often, I have to admit).

[Gurth]

@Dragnslcr said in Guess that topic owner!:

there's a tooltip on the avatar with the user's name

No, there isn’t — at least, none appears in Safari (for OS X‌) when I keep my mouse pointer over the image. When I try it in Chrome a custom-style tooltip appears, yes, and they also do in several other places where I’ve never seen them before. But they’re certainly not visible for everyone.

Edit: I must take back some of the above. In Safari, the tooltips appear when you hover your mouse pointer over the very top and/or bottom few pixels of the avatar — and not necessarily always, nor for all avatars.

[fbmac]

if the topic has enough posts, the original author becomes irrelevant, and after some more, even the title becomes irrelevant

[Yamikuronue]

@Lorne-Kates said in Guess that topic owner!:

Can someone @ the lead nodebb dev onto this reply?

@julianlam

[Matches]

@cartman82 that's just it though, there is plenty of space above or under the avatar, next to the title, and in the lower right corner.

[Yamikuronue]

Also, re: topic title:

Jigglypuff, seen from above?

[PJH]

@Gurth said in Guess that topic owner!:

Edit: I must take back some of the above. In Safari, the tooltips appear when you hover your mouse pointer over the very top and/or bottom few pixels of the avatar — and not necessarily always, nor for all avatars.

Might be just the bits that aren't a checkbox?

[accalia]

@Matches said in Guess that topic owner!:

Yes, it matters, i purposely avoid some of you.

-gasp-

you're avoiding me?!

oh noes!

I knew you would take that joke too seriously!

I'm sorrry! i'm sorry! i'm sorry! I didn't think! i shouldn't have said that! i'm sorry! i'm sorry! i'm sorry!

[asdf]

@Matches said in Guess that topic owner!:

Yes, it matters, i purposely avoid some of you.

I'd love to have a way to automatically ignore @fbmac's necro threads _{and/or punch him in the face for each and every one of them.}

[anonymous234]

@ben_lubar You can actually do that on some Samsung phones.

Sorry for giving that company free publicity. Allow me to balance that out that by saying: Samsung phones are horrible, horrible shit and you should buy literally any other brand before them.

[Jaloopa]

@anonymous234 there was also the Blackberry Storm, which had a touchscreen that could be clicked in

[bb36e]

@asdf maybe someone could make a nodebb necro bot

[anonymous234]

@bb36e Yes, and make it bump EVERY thread on this forum, starting with the oldest ones!

Wait...

[Matches]

@anonymous234 Any phone that supports air gestures can probably do it. AFAIK that's available on any android if you use a compatible app.

[Matches]

re @cartman82

What's your excuse for this? Plenty of screen real estate here

[Polygeekery]

@Yamikuronue said in Guess that topic owner!:

Jigglypuff, seen from above?

I read that as "Trigglypuff", because I read about SJWs too much.

[Gurth]

@PJH said in Guess that topic owner!:

Might be just the bits that aren't a checkbox?

Checking that turns out not to be the reason. This is the check box according to Safari:

and in this case I get the tooltip for a few pixels along the top, bottom, and right hand sides, but not the left. Also, the area where it works at the bottom is much wider than the other two. On other avatars, the areas may be narrower or not present at all, and sometimes a horizontal band partway down the image displays the tooltip as well. No idea what’s going on here, but it does have me wondering (as I have for other things on this forum) why custom tooltips are necessary at all, given that they achieve the same thing as title=.

[HardwareGeek]

@Gurth

why custom tooltips are necessary at all, given that they achieve the same thing as title=.

Because it's not a modern web app unless it overrides all of the browser's built-in functionality with its own half-baked implementation.

[boomzilla]

@Gurth I wonder if that's the same thing that causes you to sometimes get a user card and sometimes go to the profile page.

[coldandtired]

I put my name in my avatar. You're welcome ;)

[Tsaukpaetra]

@boomzilla said in Guess that topic owner!:

I wonder if that's the same thing that causes you to sometimes get a user card and sometimes go to the profile page.

Probably. The "Unread" route/page/area is different than all the other places where the medium userprofile picture is.

[ben_lubar]

@coldandtired said in Guess that topic owner!:

I put my name in my avatar.

My avatar includes a link to my social media profile.

[aliceif]

@ben_lubar said in Guess that topic owner!:

@coldandtired said in Guess that topic owner!:

I put my name in my avatar.

My avatar includes a link to my social media profile.

Too bad I can't scan it at the small size the forum uses.

[Tsaukpaetra]

@aliceif said in Guess that topic owner!:

@ben_lubar said in Guess that topic owner!:

@coldandtired said in Guess that topic owner!:

I put my name in my avatar.

My avatar includes a link to my social media profile.

Too bad I can't scan it at the small size the forum uses.

WOMM, showing the usercard (or visiting profile page).

[aliceif]

@Tsaukpaetra Not in the topic list, though.

[Tsaukpaetra]

@aliceif said in Guess that topic owner!:

Not in the topicUnread list, though.

Literally the only place it doesn't work is in the Unread route.

[aliceif]

@Tsaukpaetra said in Guess that topic owner!:

@aliceif said in Guess that topic owner!:

Not in the topicUnread list, though.

Literally the only place it doesn't work is in the Unread route.

I mean the QR code scanability.

[Gurth]

@boomzilla said in Guess that topic owner!:

I wonder if that's the same thing that causes you to sometimes get a user card and sometimes go to the profile page.

You could try clicking on each row of pixels to see what happens?

[Tsaukpaetra]

@aliceif said in Guess that topic owner!:

I mean the QR code scanability.

Oh! Well, yes, it's hard to scan a QR code from the same device that's displaying it.

Luckily, QR Droid has you covered! If you long-press the image and "Share" it to QR Droid's "Decode QR Code" intent, that works just as well!

[fbmac]

@Tsaukpaetra but then, Ben is the only guy in the known universe that uses a qr code as an avatar, so it's unnecessary

[Tsaukpaetra]

@fbmac said in Guess that topic owner!:

so it's unnecessary

I didn't say it was necessary, I was providing a potential solution to @aliceif's issue.

[Lorne Kates]

@Dragnslcr said in Guess that topic owner!:

On the off chance that you're seriously asking, there's a tooltip on the avatar with the user's name. For scripting purposes, the img tag has a data-original-title attribute that has the username as the value.

What I meant is that the div that contains the avatar (and/or post) should have the username.

You can't do img:after in css.

[Gurth]

I said in Guess that topic owner!:

No, there isn’t — at least, [no tooltip] appears in Safari (for OS X‌) when I keep my mouse pointer over the image.

This appears to be fixed now, so thanks whoever did that :)

[anotherusername]

@Lorne-Kates said in Guess that topic owner!:

You can't do img:after in css.

TIL.

Well, you should be able to use .topic-list .avatar a[href="user/name"]:after instead...

[Lorne Kates]

@anotherusername said in Guess that topic owner!:

@Lorne-Kates said in Guess that topic owner!:

You can't do img:after in css.

TIL.

yup. i suppose the more specific case is img:after {content: "whatever"}. Because the :after pseudo-element's content means "Append this text to the end of the text content of the selected element".

And an img doesn't have text content.

Well, you should be able to use .topic-list .avatar a[href="user/name"]:after instead...

Nope. There is no <a> element around the avatar image:

<div class="avatar pull-left" data-original-title="" title="">
   <div component="topic/select" class="select">
       <img title="" class="user-img" src="/uploads/default/2503/3014bf5553342707.gif" data-uid="752" component="user/picture" data-original-title="cartman82">
      <i class="fa fa-check"></i>
   </div>
</div>

[El_Heffe]

@Lorne-Kates said in Guess that topic owner!:

Can someone @ the lead nodebb dev onto this reply?

You mean the guy who doesn't give two shits about discoverability, information density, multiple learning paths, or UI/UX cues?

[sloosecannon]

@fbmac said in Guess that topic owner!:

@Tsaukpaetra but then, Ben is the only guy in the known universe that uses a qr code as an avatar, so it's unnecessary

Is it ok to use a QR code as an avatar?

I just noticed someone doing that on Youtube, and realized that this would be a great way to drive traffic to a personal / company / github page. Anywhere that your gravatar is shown, you are showi...

[sloosecannon]

@El_Heffe said in Guess that topic owner!:

@Lorne-Kates said in Guess that topic owner!:

Can someone @ the lead nodebb dev onto this reply?

You mean the guy who doesn't give two shits about discoverability, information density, multiple learning paths, or UI/UX cues?

ITYM Jeff?

[anotherusername]

@Lorne-Kates said in Guess that topic owner!:

Nope. There is no <a> element around the avatar image

it's... right... there?

Is it completely different on my /recent from whatever page you're looking at? If so...

edit: can confirm that /unread is completely different and doesn't have the <a>.

[anotherusername]

@Lorne-Kates okay, so you'd use img[data-original-title="cartman82"] + :after... granted, that does cause some issues with the builtin styles on the element (by default, it has opacity: 0;), but you can mostly fix that...

li:not(.selected) img[data-original-title="cartman82"] + i {
    opacity: 1 !important;
    border: none !important;
}
li:not(.selected) img[data-original-title="cartman82"] + i:before {
    content: '';
}
li:not(.selected) img[data-original-title="cartman82"] + i:after {
    content: 'Cartman';
    font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 10pt;
    color: black;
    display: inline-block;
    margin-top: 32px;
    margin-left: -66px;
    width: 150px;
    padding: 0;
}

[Lorne Kates]

@anotherusername said in Guess that topic owner!:

Is it completely different on my /recent from whatever page you're looking at? If so...
edit: can confirm that /unread is completely different and doesn't have the .

Okay, so if stupid no-nothing stuck-in-the-past "doesn't get Web 2.0" old timer idiot self was designing multiple pages that used the same list format, I might do something like this:

GenerateListHTML(collectionOfPosts ps, listTypeEnum lt)
{
   foreach(Post p in collectionOfPosts)
   {
      GenerateListForSinglePost(p, lt);
   }

}

Right, GenerateListForSinglePost() would use a standard template. In the rare instances where something needs to be different, it could output differently based on the listType (unread, recent, home, etc)

But that's just dumb old me who only had a dozen years of professional web development. I'm totally . Instead, the CORRECT way is to do this:

GenerateHTMLForUnread(collectionOfPosts ps)
{
// template written from scratch here
}

GenerateHTMLForRecent(collectionOfPosts ps)
{
// different template written from scratch here
}

See how much better this is? This way you have absolutely near identical code between those two ways of doing the exact same thing-- except for all the parts of the template you forgot to copy over, or you typo'd, or you introduced a logic bug, or junior dev / open source contributor put functionality into one but didn't even know they had to copy-pasta to the other.

It's brillant.

See, in my method, the code and template is exactly the same, and you can inherit the format and override it as needed.

In Web 3.0, they use a paradigm called "Inherits From Clipboard"-- because you copy/paste the code then change it.

Fucking hell.

[Lorne Kates]

OH COME THE FUCK ON @ben_lubar

an unclosed tag in a quote:

fucks up the post:

[ben_lubar]

@Lorne-Kates are you saying I should disable select-to-quote? Because that's the reason that happened.