Margin collapsing: Adjacent elements share the biggest margin between them, ignoring the lesser of the margins
In CSS, the browser “collapses” adjacent element margins. Two elements share the same direct parent. One’s bottom margin of 30px touches another’s top margin of 10px. The browser sees the 10px margin exists but doesn’t use it (collapses it), and the two elements share the top element’s 30px bottom margin. If you highlight the two elements in Devtools, the two margins will still show, but the top margin will overlap with the bottom here, rendering it unused.
In the standard CSS box model, width and height affect only the content box
CSS offers two box models: standard and alternate. These two models dictate which parts of the box width and height affect. In the standard, they only affect the content box–the padding and border are added after. In the alternate, the padding and border are considered with the width. To use the alternate box model, set box-sizing to border-box. To make the entire page use the alternate model, modify the html element to use box-sizing: border-box and make all the elements beneath it inherit it:
A browser takes html, makes a DOM tree, then makes a render tree, organizes it, then paints it.
A browser’s rendering engine always uses the same five-step process, potentially with extra steps. To create a webpage from html/css data, the browser takes the HTML, makes a DOM tree, constructs a render tree from the DOM tree, organizes it (lays it out), then paints it. Different browsers have different rendering engines to accomplish this: Trident (IE), Webkit (Safari), Gecko (Firefox), and Blink (fork of Webkit; used by Chrome, Edge(?), and Opera).
Nystatin busts fungal cell membranes
I have oral thrush (mouth fungus… gross). A nurse practitioner saw it and prescribed me a Nystatin “suspension” (liquid), which I’ve been taking four times daily. Learning about it, I see that Nystatin binds to the ergosterol in the fungi’s cell membrane, causing holes which leads to potassium loss then acidification and fungal cell death. Ergosterol doesn’t exist in animals or plants, so the Nystatin is effectively harmless. It can bind a bit to cholesterol though.
You need to go five-levels deep in the shadow-cljs config to specify what function should run at start with shadow-cljs
(Preface: I like shadow-cljs!) shadow-cljs’s config requires :source-paths, :dependencies, and :build values. The :build value should be a hashmap where you’ll specify what should be run and how. The config is more complicated than necessary because it specifies the environment similarly to deps.edn but uses different names for the same things: :deps -> :dependencies :paths -> :source-paths :aliases -> :builds Also just to say “run this function on load” you need to go five levels in: :builds ::modules :main :init-fn.
ClojureScript libraries can depend on JS libraries
shadow-cljs lets you depend on ClojureScript (cljs) libraries in shadow-cljs.edn and JS libraries alike in package.json. Some cljs libraries can depend on JS libraries, like how Reagent requires React–meaning you’ll need to npm i them before using your cljs library.
Knowing and following hidden rules = programming success
Hypothesis: Use goal-related gratitude to achieve goals ASAP
IDing what one wants and then constantly focusing on what one has related to this want will achieve for this person more than anything else. Today I zoned out and I recalled an idea from On Intelligence (Hawkins, 2005) called the “auto-associative” principle. Incomplete ideas will pull in more ideas until it’s more or less complete. Thoughts attract like thoughts. Pay for whole, fresh banana bundles with single or rotten bananas.
IntelliJ should change the project contents on file change, not on editor focus
I’ve had fun working with IntelliJ… and much not fun. While it boasts excellent Clojure namespace management (avoiding lots of conflicts and bad requires), superior test running (click the green icon next to test itself), better REPL management, it has a few (minor) painful downsides. The project files don’t reload on file change but when you focus the editor. Contrast this to VS Code, where if I move a file in Explorer, it reflects immediately in VS Code, edited or not.
People love yeast's waste products! (Alcohol and CO2)
Given sugar, yeast produces both the alcohol and carbonation of people’s favorite beverages. When we “brew” anything, we’re enlisting the help of billions of yeast (fungal cells) to eat sugar and shit out alcohol: Human beings love to drink yeast shit!