Tanuki-Computing

♥Be the Freak you want to see♥

  • They/them

☙Mid twenties, 🇩🇪, White, Bi, Enby, English second language, autistic, actual Tanuki❧.


18+ Only☚. Will be horny on main.


If there’s a post of mine, that you think is missing a tag— don’t hesitate to ask 😊


Also running the account “SuperSonicoOfficial


Pfp sprites taken from here♥.
“Pathetic Man lover” blinkie by @CosmicRot
“Twink Lover” blinkie by @pdf
Xenia button taken from here
Button sources— 1, 2, 3, 4, 5

A red square. Xenia the Linux fox’s face is seen on the left, next to her is the text: “Powered by LINUX”A gif of a shark swimming quickly around a hamburger. The word “Borgor” is written at the topA red square with a smiling face on it. There’s text that says: “I’m gonna eat you”. The image is noticably compressed
··
A black square with a red, blinking outline. Written in the center is: “EVIL AUTISM”
A pink square with a red, blinking outline. Written in the center is: “twink lover”
A gray square. On it is a skull and corssbones with the text: “Piracy Now!”A gray square. On it is the Quake logo spinning, with the text: “Get Quake Now!”A gray square. On it is a spinning cat face from the game Yume Nikki, and the text: “Dream Now!”A gray square. On it is the Copeland OS logo from Serial Experiments Lain, with the text: “copeland os Now!”
A gray square. On it is Hatsune Miku’s face, with the text: “Vocaloid Now!”A gray square. On it is Lilith, from the movie: “End of Evangelion”, with the text: “Third Impact Now!”A gray square. On it is a spinng floppy disk, with the text: “Pass the Shareware please”A gray square. On the right there’s an image of two connected computers, both having a heart on their screens. There’s also text that reads: “Sharing is caring... seed your torents!
A gray square. On it is a graphic of the letter E, with text that reads: “Eat me now!”A gray square. On it is a marijuana leaf, with the text: “Legalize now!”. The image is noticeably compressed.A gray square. On it is a German flag and the text: “This site contains German Blödsinn”.A gray square. On it is a rotating pentagram, to the left is the text: “Google Chrome is evil!”.
I like ComputerA black square. On it are the logos of several diffrent web broswer, with the text: “Best viewed with any Browser”A graphic of a smiley hittting an ape with a hammer. To the left is the text: “No Fucking Thanks”, the first letter of each word is highlighted in red.A gray square. On it is a blue paw print, with the text: “made with my own two paws”
Madotsuki from Yume Nikki, sitting in a field of white flowers. To the right of Madotsuki, the words Yume Nikki are written in hiragana.The words Death Grips, to the left is a figure in a white hoodie.A cat, with the word “Pingus” in the lower left.Bob from Animal Crossing spinning, a happy expression on his face. Next to him are the words: “Powered by Bob”.
A gif of Ralsei from Deltarune smokingA closeup of Lain, from Serial Experiments Lain’s eyes. A TV filter is put over the image.An animation of Kagamine Len rocking his head back and forth.Susie and Kirs from the game Deltarune. At the bottom text reads: “Kris, where tf are we?”
A rainbow flagA bisexuality flag“This User is a Pac-Man Lover”

⚠️This User has the kind of penis autism that causes delusions⚠️


wavebeem
@wavebeem

i've been browsing a lot of bearblogs and neocities pages and whatnot recently and i see this everywhere!!!!!

please use at least 16px for your main text. this is the default size in every browser for a reason (well, backwards compatibility, mainly, but still)

it's actually good to make some of the text on your site bigger than that. i would recommend 20px for main content.

EDIT: (sorry for the exasperated tone...)


wavebeem
@wavebeem

i would suggest line-height: 1.5 for most body content. you can make it smaller on labels and headings if you like, but seriously. 20px text with 1.5 line height is a million times easier to read

it will look REALLY BIG when you change it but you'll adjust!


You must log in to comment.

in reply to @wavebeem's post:

Thank you for compelling a font-check. It puts into words something I was feeling nervous about without being able to put my finger on specifically, especially after I finally wrangled my Publii theme into including Atkinson Hyperlegible (which is a smaller font than the one the theme had previously used by default).

that's a great call out too. not every font is the "same height"... which is tough! for anyone else looking at this, the word you're looking for is "x-height". fonts with large "x-height" basically have larger lowercase letters, or really the height difference between upper case and lower case is smaller. this is important since most letters in most text are not upper case, so you can get a bigger "effective size" without bumping up the font size.

realistically the world of "make font look good" is something where i've only scratched the surface. i just wanted to give some quick tips that could be done in a couple lines of code :)

1.25rem feels weirdly recursive to me, though it's probably fine. I just went with max(1rem, 16px) for a site I was building. That way, if the user has turned their font-size way up already, I don't force it to 16 pixels

That was worded poorly – my bad! I know that rem is relative to the root element.

body{font-size:1.25} is fine for the average user, who is probably using the browser's default (i.e. too small) font. But for the users who (e.g. due to bad eyesight) have set a larger font size on their device, this rule would make the font even larger. That's why I took the approach of setting a minimum size with max().

ahhhh yeah that's a good point! ideally you'd have controls to change some basic accessibility stuff like that, but i'm trying not to scare the new website makers in the audience haha. i don't even bother with that, but i totally see your point about using max instead

I just ran into this problem with my own self.
Like "why is my dreamwidth layout so much less legible than the cohost feed.... Oh, well why the fuck did I set the font so small?!"

And then I fixed it. Because, sometimes, I'm accountable to myself.

in reply to @wavebeem's post:

I fully agree with this but I'm also curious what your desktop/laptop screen DPI is.

Mostly thinking about how I'll occasionally be visiting an old website and the text is teeny tiny and going "oh right, this is back in the 800x600 days huh?"

my main monitor is 1920x1080 @ 24.5" = 89.91 PPI
( https://www.sven.de/dpi/ )

i've noticed that apple seems to push users towards 115 PPI or higher, which i find really hard to use for most font typical font sizes

( also i realize that for apple this is all retina stuff but i'm talking about effective resolution not retina stuff... and non-integer display scaling looks really bad imo so i don't bother with it )

yeah i'm not super familiar with average resolutions and screen sizes back in the day..... my mind says 1024x768 with like... 16"? was fairly common? but that might've just been what i had lol (80 PPI)

Yup that's about the same PPI as my desktop. I realized just now that my laptop is higher, but I also use it closer typically so that kind of balances out, I guess?

"Just make the screen res as high as possible and scale things" is such an annoyingly broken solution. If I can't read text at 1x scale then it's a bad screen to me.

There's for sure a balance between "I want to make my website look COOL" and "I want to make my website readable!" As someone that personally prefers to make my website look very basic and, hopefully, very readable and accessible if by no other means than by brute force simplicity, I do like sometimes seeing website where I can't read a damn thing and hurt my eyes lol.

I changed my main page to 12px just now for fun and fuck that.

i used a 2560x1440 @ 27" screen for like... 8 years (108 PPI) and even that upgrade was unpleasant to me. i constantly found myself wanting like min 18px text and it was just... too small for true split screen content, but too big for any one single window.................

i go by the rule of "desktop monitor should be at least arms length away" but yeah laptop stuff could be a smidge closer potentially................

i honestly love the idea of retina for text, though i largely find it overkill for graphics. i almost bought a 4k monitor but realized it's terrible for gaming (if you're a frame rate nerd like me), so i bought a 1080p screen with great refresh rate instead haha.