When you are buying groceries to make dinner, you can’t start preparing the ingredients – chopping the onions, washing the radishes – until you’ve paid for the groceries and driven home, can you? This wouldn’t make sense. Similarly, in React we can’t make modifications to a component until it has been mounted. This is where …
React Lifecycle: Why componentDidMount() is great for a smooth API call Read More »
Here are some tips for using typography on the web, taken from the book “Effective Visual Communication”, by Bo Bergstöm. Serif vs. Sans-Serif In print, serifs help, on screen, serifs hide. The serifs in fonts create a horizontal path through the text, and give the reader’s eyes a path through the letters to follow. This makes …
Computer looking to execute npm packages from wrong directory; Solved by adding\editing order of Windows environment variables in Control Panel. I spent a few hours trying to figure this out, but what it finally came down to was adding the path where the packages were being installed to the Windows PATH environment variable, and moving …
I have had trouble getting the CSS animations to have a smooth flow from the 100% mark to the 0% mark, in an animation where rainbow colors were to display for an even amount of time. I figured out, that the way to fix this issue, is to have your starting color (Orange) be designated …
How to Use a ‘for’ Loop in Javascript 🙂 A ‘for’ loop includes three statements in parentheses, the initialization, the condition, and the check. Let’s take a look at the structure of a simple ‘for’ loop: for (var i = 0; i <= 19; i++) {console.log(i);} The three statements in parentheses: The Initialization, The Condition, …
How to Center a Line of Text Relative to an Image with CSS/HTML It can be confusing to try and center inline text vertically. Imagine you are trying to place a logo next to a line of text, and you want these two to be centered relative to each other. Take the text and the …
How to Center a Line of Text Relative to an Image with CSS/HTML Read More »
One great way to oragnize your CSS is by placing all the selectors in alphabetical order. I used to organize the ‘class’ and ‘id’ selectors in seperate alphabetically ordered clusters, but I think that it just becomes harder to find a selector this way, since you might not remember whether a selector was a class …