It was a moment of joy when I first discovered Zen Coding about five years ago. I knew it would change the way I write HTML and CSS code.
So, what is Zen Coding or Emmet as it is now formally known? It is a library that allows you to write code much faster. Typing code in a specific syntax expands it into fully developed code. Below are a few examples.
Zen Coding is supported either natively or with a simple Emmet plugin installation in many popular code editors such as VSCode, Sublime, Atom, Brackets, and Vim.
If you’ve been a web developer for some time, you are likely familiar with or actively practice Zen Coding. However, if you’re new to the field, I highly recommend incorporating this time-saving (and soul satisfying!) technique for writing better, faster code.