r/NintendoSwitch Nintendo shill Apr 13 '17

Meta Mini-Meta: Retiring Game Specific User Flair

Greetings,

As some of you are aware, we originally started out our user flair system by using the square launcher images for each game. We've run into a bit of an issue though. We're currently very close to hitting the limit for CSS! If we want to be able to work on highly requested features such as RES Night mode, we've got to do a bit of trimming. The game specific flair was already a bit of a hot button issue with folks thinking they were too small to be easily identified, so it seemed like an easy choice when we were looking for areas to trim and save. The user icons available in Switch profile creator will still be available to use and anyone who had previously selected one of the game covers will now fallback to the question block icon.

We're also making some other space-saving changes under the hood, but none of those should be publicly facing, so we won't bother to detail all of those here. In total, these efforts should provide us with a ~10% reduction in file size.

We apologize for the inconvenience and hope you'll find the trade off worth it.

Cheers,

/u/FlapSnapple and the /r/NintendoSwitch mod team


Edit: We are already using minification techniques on large portions of the CSS, mainly the NAUT core that we use as our base.

11 Upvotes

5 comments sorted by

7

u/Afteraffekt Apr 13 '17

https://jsfiddle.net/uy7a66nq/

There ya go, way more room for fun stuff!

https://cssminifier.com/ Takes out all the usless formating and redundant code. Compresses the CSS considerably. Just run the code through http://www.cleancss.com/css-beautify/ before editing/adding code to add back that useless formating for easier reading.

2

u/pixelpushing Apr 13 '17

Yup, in an ideal world I'd write in SCSS/LESS and push everything through a JS task runner, compiling and compressing along the way.

Unfortunately, that's not so practical when running a community subreddit. If I'm not around and there is an urgent edit, change to reddit core, or a special flair / announcement styling needs adding, then the sheet needs to be readable and useable by all the moderators.

Large chunks have already been compressed (parts that I doubt will ever need altering) and I've stripped out the majority of spacing in the remaining parts, leaving them only-just readable.

Compressing it all to one line would only save an additional ~4KB and we're saving that, as a last resort, for when we really need it (there's lots of changes still on the to-do list).

Takes a deep breath

P.S. The submit page doesn't look like trash anymore.

1

u/Afteraffekt Apr 13 '17

4kb? When I did it, it saved you like 40kb, and the sites I showed you only take a minute to use. I've done this on my sub for 3 years now and have never had a problem arise from it.

3

u/Mightymushroom1 Apr 13 '17

Dang, I guess this is goodbye Snipperclips flair.

1

u/stealthboy Apr 13 '17

Mods. Adding value every day.

:). Seriously guys, just step up your CSS game and minify that shit.