Things I want to accomplish in this Higher Order Function tutorial:
- Introduce newbies to the idea of Higher Order Function in JavaScript.
- (In a way that entertains, because HOs can get quite boring.)
- Show fun animations explaining how Higher Order functions work.
JavaScript Grammar book explains higher-order functions in detail and also shows you how they work by creating your own version of .map() method. (Among many other great examples.)
Array.map — map all values to an expression.
To kick off this tutorial I’ll start with animated example of higher-order function map. It modifies each item in the original array and returns a copy. In this case we’re…
So which one is better? Grid or Flex? When to use which? What are the differences? For me, I see both as fundamentally different ways of thinking about layout design. I don’t think one as better or worse than the other. It is common to use them together.
Or you can just follow me on Twitter where I share more of my tutorials.
This is not a comprehensive study. Just key differences I found.
There may even be some mistakes I overlooked (let me know if you find.)
All diagrams were taken from my CSS Visual Dictionary book.
You can get it here bundled together with JavaScript Grammar.
Different Layout Models
Grid and flex follow different layout models.
Grid has column and row templates with assumed “ghost” items.
Flex is not designed to make grids. It is based around the idea of a flex line and direction. …
JavaScript Grammar contains the entire language walk-through from the stand point of a complete beginner gradual building in complexity.
CSS Visual Dictionary contains a color-coded diagram for every single CSS property in common use for visual speed-learners!
JavaScript Grammar contains the entire language walk-through from the stand point of a complete beginner gradual building in complexity.
CSS Visual Dictionary contains a color-coded diagram for every single CSS property in common use for visual speed-learners!
JavaScript Grammar contains the entire language walk-through from the stand point of a complete beginner gradual building in complexity.
CSS Visual Dictionary contains a color-coded diagram for every single CSS property in common use for visual speed-learners!
JavaScript Grammar contains the entire language walk-through from the stand point of a complete beginner gradual building in complexity.
CSS Visual Dictionary contains a color-coded diagram for every single CSS property in common use for visual speed-learners!
Animation was created for each shortcut so it’s easier to understand without doing much reading. Commonplace shortcuts like Ctrl + C are same in most software and will not be mentioned.
1. Shrink or Expand VSCode Selection
Wait, what, we could do this?
I’ll kick this article off with an example of my most favorite keyboard shortcut in VSCode. This shortcut allows you to either expand or shrink selection around natural block scope checkpoints (see animation above.)
On Windows, hold Shift + Alt and use keyboard left and right arrows. On Mac it’s shift + control…
As part of my “simplest subject possible” series of articles I’ve chosen to write about changing HTML hyperlink colors. I’ve been covering more advanced subjects for over a decade and to be honest even that can get boring sometimes.
So how do you change link color using inline HTML?
In addition to this article I’ve already recorded html: how to change link color tutorial on YouTube. Who knows, maybe it’ll improve SEO, maybe not. It’s not why I’m writing it. Just don’t know how many more event-loop, prototype inheritance, css grid and css flex tutorials I can write.
So here it is, my YouTube tutorial about changing hyperlink color.
To change the color of an HREF link (using the anchor tag <a>) you can use inline style attribute and apply any color you want to the color property.
…As a technical writer for over a decade, I often get caught up in trying to think of advanced subjects to write about. JavaScript event loop, prototypal inheritance and functional programming are all interesting subjects! Today I decided to try something different. Why not write on the simplest subject imaginable?
I’ve just published html: how to change background color tutorial on my YouTube coding channel. The idea came to me after starting to record a new series of tutorials covering the basics of HTML & CSS. So why not also document it on one of my article sites for extra SEO boost? So here it goes.
How to change background color in HTML with inline CSS
The simplest way to change color in HTML is to use inline CSS. The following example demonstrates that. Just use style attribute and type CSS in quotes:
<div style = "background:black"></div>This is called inline CSS: it’s typed directly into the HTML element…
JavaScript Teacher
Issues. Every webdev has them. Published author of CSS Visual Dictionary https://amzn.to/2JMWQP3 few others…
