One of my best inspirational words from the great Legend Steve Jobs

“When you grow up you tend to get told the world is the way it is and your life is just to live your life inside the world. Try not to bash into the walls too much. Try to have a nice family life, have fun, save a little money.

That’s a very limited life. Life can be much broader once you discover one simple fact, and that is – everything around you that you call life, was made up by people that were no smarter than you.

And you can change it, you can influence it, you can build your own things that other people can use.

The minute that you understand that you can poke life and actually something will, you know if you push in, something will pop out the other side, that you can change it, you can mold it.

That’s maybe the most important thing. It’s to shake off this erroneous notion that life is there and you’re just gonna live in it, versus embrace it, change it, improve it, make your mark upon it.

I think that’s very important and however you learn that, once you learn it, you’ll want to change life and make it better, cause it’s kind of messed up, in a lot of ways. Once you learn that, you’ll never be the same again.”

Pointer events

The pointer-events property allows for control over how HTML elements respond to mouse/touch events – including CSS hover/active states, click/tap events in Javascript, and whether or not the cursor is visible.

.avoid-clicks {
pointer-events: none;
}

While the pointer-events property takes eleven possible values, all but three of them are reserved for use with SVG. The three valid values for any HTMl element are:

none prevents all click, state and cursor options on the specified HTML element
auto restores the default functionality (useful for use on child elements of an element with pointer-events: none; specified
inherit will use the pointer-events value of the element’s parent.

It is not supported by IE. You can use “disabled property” to work similar like pointer events.