Things I want to accomplish in this Higher Order Function tutorial:

  1. Introduce newbies to the idea of Higher Order Function in JavaScript.
  2. (In a way that entertains, because HOs can get quite boring.)
  3. 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!


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 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 Teacher

Issues. Every webdev has them. Published author of CSS Visual Dictionary https://amzn.to/2JMWQP3 few others…

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store