Restoring Square Avatars (in FireFox and maybe Chrome)

Continuing the discussion from Design suggestion box:

In Firefox, you can use the Stylish addon to set a user-style. It’s also available for Chrome but I haven’t tried it out personally.

NOTE: I have found myself logged-out once or twice when installing or adjust user-styles. I then had to login again.

NOTE: Instructions are from my Firefox run; I don’t know if Chrome is different.

  1. Install, restart FF.
  2. Click the Stylish icon
  3. Write New Style
  4. For bbs.boingboing.net
  5. Enter the following style:
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("bbs.boingboing.net") {
  img.avatar {
    border-radius: 0%;
  }
}

Once applied, your results should look something like this

2 Likes

If “gently-rounded” corners are your thing, up the percentage from 0.

This is 10%:

4 Likes

Have we all recovered from The Great Rounding?

Yeah, I think we’ve all figured out how to work around it or make use of it.

I may go back to the star version I was using for a bit…

1 Like

I’ve got squares at work, but haven’t been bothered to replicate at home.

In general, I’m a fan of giving users more control over images – self-crop, etc. And cutting off the perfectly-good corners when there is no packing-algorithm to jam the circles together seems prideful without offering any user benefit.

See also:

2 Likes

It also looks nice, I guess.

1 Like

I like this! Want to set it up in Chrome, but I get an error:

What do you suggest?

Have major image bank search engines started offering a “search for perfectly circular images” option?

2 Likes

I ask again:

have we?

Never bothered me; but then again, I specifically chose an avi which looks decent in almost any shaped thumbnail.

:slight_smile:

Doing some spring cleaning are ya, Jeff?

1 Like

2 Likes

That is so clearly a rectangle. I mean, I’m just sayin

4 Likes

Maybe Quentin Tarantino didn’t know how to set up the aspect ratio on his monitor correctly.

11 Likes

I’m fine, thanks.

But just since you asked…at least several times a day, I grab someone’s avatar and pull it to the side, in order to see it as a square, to find out what got cut off. (I may be kinda weird that way…)

5 Likes

I prefer the square ones, but barely care enough about the issue to post about it.

2 Likes

3 Likes

Does this work better?

https://bbs.boingboing.net/?preview-style=65f25964-a52c-48b3-afdb-e9d5b6d7deba

click here to cancel

https://bbs.boingboing.net/?preview-style=

This will probably break in a few days when I delete the style

1 Like

I can’t see it doing anything… just takes me to the BBS main page with no noticeable difference. (Chrome Version 51.0.2704.79 m on Win10.)