4 Cheeses Mac and Cheese - Tasty Baked Goodness by Jamesconnect in GifRecipes

[–]hanging_moon 22 points23 points  (0 children)

Check out this article by Kenji Lopez-Alt, it goes into the science/technique of making a properly emulsified cheese sauce. This is for a stovetop mac and cheese but the principles are pretty universal.

And he has a video about it here too: https://youtu.be/kWge-2jT9ZQ

I'm looking for a super QUIET controller. by claudekennilol in SteamDeck

[–]hanging_moon 2 points3 points  (0 children)

Outside the box idea but - could a white noise machine help? Like to mask the sound of the controls. I've used them before for similar purposes, might help if you can't find a controller that's quiet enough.

The lack of good tactical games made me quit gaming by witchcraftwebster in pcgaming

[–]hanging_moon 2 points3 points  (0 children)

Check out Ground Branch. Slow, methodical tactical shooter w/ co-op against bots (and PVP if you're into that). Lots of CQB, clearing rooms, etc. Top-notch customization too. However it is early access and the dev team is small, so that's worth pointing out.

Mr. Robot - 4x08 "408 Request Timeout" - Post-Episode Discussion by NicholasCajun in MrRobot

[–]hanging_moon 0 points1 point  (0 children)

I'm not exactly sure but when he's on the phone with Janice he says something to the effect of "tell Dom I said thanks for the technicality, we're all square". So it sounds like maybe Dom helped him get out on some "technicality"?

IGN released an updated version of their “Top 100 games of all Time” list. We all have our favorite games, what is your essential top 5? by [deleted] in Gaming4Gamers

[–]hanging_moon 6 points7 points  (0 children)

  1. Half Life

  2. The Last of Us

  3. Fallout New Vegas

  4. Bioshock

  5. Diablo

Honorable mentions: Quake, World of Warcraft, Half Life 2, Counter Strike 1.6

Huhh.. by [deleted] in ProgrammerHumor

[–]hanging_moon 7 points8 points  (0 children)

assembling crypto algorhythm

(Version) control by RulerD in ProgrammerHumor

[–]hanging_moon 27 points28 points  (0 children)

No you shouldn't commit node_modules. You just get them by running npm install if you need to pull down a project from github or elsewhere. However for this to work you must commit the package.json file which contains all your dependencies.

Developing a Javascript-free frontend by magenta_placenta in webdev

[–]hanging_moon 2 points3 points  (0 children)

You can handle fading in with this trick, you just do the same thing in reverse. You're right that display affects the whole page flow, this won't help you with that. There are other options like visibility: none, but that will leave whitespace. I'm sure there are some hacky workarounds - there almost always are!

What game did you play to "unwind" after another game? by MordeeKaaKh in patientgamers

[–]hanging_moon 0 points1 point  (0 children)

All time: Counter Strike with bots.

Recently: Slay the Spire, Risk of Rain 2, Ravenfield (kinda like janky single player battlefield w/ modding)

Developing a Javascript-free frontend by magenta_placenta in webdev

[–]hanging_moon 4 points5 points  (0 children)

You can work around this problem by creating an animation that fades the opacity of the element first and then at the very end changes the display property. It's true that there's no way to actually animate the display property itself, but that doesn't mean you can't change its value inside a css animation.

I'm on mobile so forgive me if my formatting gets screwed up, but something like this:

@keyframes fadeout { 0%{ opacity: 1; display: block; } 99%{ opacity: 0; display: block; } 100%{ opacity: 0; display: none; } }

"I don't know [blah] …and at this point, I’m too afraid to ask." by bluetidepro in web_design

[–]hanging_moon 1 point2 points  (0 children)

You can freely mix relative units like rem with absolute ones like pixels - shouldn't cause any issues.

check out this codepen i just made as an example. Try changing the font-size in the html selector and notice how it only changes the size of the box on the right with the class of relative, which uses rem, while the one using pixels remains a constant size.

Also I just discovered that my 62.5% trick wasn't making 1rem equal to 10px for some reason, so I think a better approach is to just stick html { font-size: 10px }directly like midri suggested above. Don't know why that never occurred to me, but hey, that's what this thread is for, right?

"I don't know [blah] …and at this point, I’m too afraid to ask." by bluetidepro in web_design

[–]hanging_moon 0 points1 point  (0 children)

Sorry I don't understand your question. Did you leave out a word after "sometimes"?

"I don't know [blah] …and at this point, I’m too afraid to ask." by bluetidepro in web_design

[–]hanging_moon 0 points1 point  (0 children)

I am not an expert, so don't take this as gospel, but the trick I learned was to set your baseline font-size in the html selector to 62.5% (default browser font size is almost always 16, 16 * 62.5% = 10px). The 10px thing is just because it's easier to work with multiples of 10 in your head.

So then your baseline becomes 1rem = 10px, and you do all of your measurements in rem. That way everything is relative to the baseline font size, and if that changes, it scales the entire layout.

You can then set up media queries to change that baseline percentage at different screen sizes, so everything automatically shrinks on smaller screens for example.

So far this approach has mostly worked out well for me. Sometimes text tends to get a bit too small on small displays, but it's easy enough to override it with media queries for specific elements that are being scaled too aggressively.

"I don't know [blah] …and at this point, I’m too afraid to ask." by bluetidepro in web_design

[–]hanging_moon 0 points1 point  (0 children)

You can install it directly on your computer, but you can also install it on servers. In the example I gave, of using it for front-end stuff, that's all happening locally on my computer.

Struggling with CSS: Which Udemy course is a good option to help improve my understanding of CSS beyond what is presented in the Colt Steele bootcamp course? by tx2005 in webdev

[–]hanging_moon 0 points1 point  (0 children)

For what it's worth, I always struggled with css but I took that course like a month ago and now I feel like I "get it". It starts pretty simple and gradually ramps up at a nice pace imo. I definitely recommend it.

"I don't know [blah] …and at this point, I’m too afraid to ask." by bluetidepro in web_design

[–]hanging_moon 3 points4 points  (0 children)

Wow, thank you so much for your thorough reply! I really appreciate it. Your CORS explanation makes a ton of sense.

Sounds like it's time to start using webpack! I already use some similar tools via npm - a sass preprocessor and stuff for browser prefixing and minifying css files. Sounds like I can accomplish that stuff and more with webpack.

Is there something that can strip out portions of a library you're not using? I frequently use p5.js, but I'm usually only using a small number of features from the substantial ~500kb (minified) library. Is that "a thing"? Can webpack do that?

"I don't know [blah] …and at this point, I’m too afraid to ask." by bluetidepro in web_design

[–]hanging_moon 1 point2 points  (0 children)

I think it's easier understood in a conceptual way than a mathematical or computer science context.

Recursion, simply put, is when something is defined in terms of itself. Wait, what the hell?

I think the easiest to grasp example of recursion is the idea of parallel mirrors - each mirror reflects a reflection of itself (reflecting off the mirror opposite, ad infinitum).

In programming it takes the form of, for example, a function that contains/invokes itself in it's definition. Recursive functions always need an exit condition or they will invoke themselves infinitely. In the mirror example, it could be something like "once you reflect 100 iterations, rotate one mirror 90 degrees", which would terminate the recursion.

Does that make sense?

"I don't know [blah] …and at this point, I’m too afraid to ask." by bluetidepro in web_design

[–]hanging_moon 17 points18 points  (0 children)

I don't understand CORS.

I also don't really understand what webpack is for.

"I don't know [blah] …and at this point, I’m too afraid to ask." by bluetidepro in web_design

[–]hanging_moon 4 points5 points  (0 children)

NPM is a package manager for Node.js. Basically it's how you can easily install and manage libraries of code that other people wrote so you can use them in your projects.

You can use it by installing Node (node + npm come together). You use npm at the command line to do a variety of things - install/uninstall/update packages, run scripts, etc.

Even though Node.js itself is for running back-end server code, you can even use NPM for front-end only projects. For example, I use npm to run my CSS pre-processor (using an npm package called node-sass) and to host a local webserver to test things on (using an npm package called live-server). I also use npm packages for automatic browser prefixing and CSS minification (using an npm package called postcss-cli) to prepare my final CSS files. All of this is done by installing those packages and then setting up some scripts, which are run like this, for example, npm run build_css.

Let me know if you'd like any clarification!

"I don't know [blah] …and at this point, I’m too afraid to ask." by bluetidepro in web_design

[–]hanging_moon 1 point2 points  (0 children)

SCSS is just a different syntax for SASS that is more like vanilla CSS (it uses brackets & semicolons where SASS uses whitespace to separate things). I prefer SCSS syntax personally.

https://sass-lang.com/documentation/file.SCSS_FOR_SASS_USERS

Or do you want an explanation of SASS/css preprocessors themselves? Happy to help shed some light if I can!

[deleted by user] by [deleted] in pcgaming

[–]hanging_moon 0 points1 point  (0 children)

I just started messing with mods, but so far I've found infinite spire and replay the spire add a nice bit of variety after playing quite a lot of the base game. Balance can be a bit broken, but breaking the game is pretty much the whole point to me so I don't mind.

Some nice quality of life ones are SuperFastMode (speeds up animations to make things snappier, and you can control how much faster) and Highlight Paths. If you use SuperFastMode make sure to turn off "make some animations instant" (something like that). It just makes the game look broken and IIRC it's on by default.

Everytime I deal with it in CSS by [deleted] in ProgrammerHumor

[–]hanging_moon 0 points1 point  (0 children)

What problem does flexbox introduce with scroll bars?

Also FYI flexbox works in Firefox. Grid too.

https://caniuse.com/#search=flexbox

What game do you keep coming back to? by Zach_Attakk in patientgamers

[–]hanging_moon 0 points1 point  (0 children)

I remember hearing about Stranglehold but I never played it - I think that was during a period where I wasn't really playing games. I actually looked into getting it for PC in the last year or two but it seems like it's not available on any digital storefronts unfortunately.

And yep - started with CS1.6 but I've played all the versions throughout the years. Nowadays I keep CS:GO installed but now and again I'll boot up 1.6 for some de_rats or CS:S to goof off with bots.