2 min read
Emmet Part 2 - Advanced
If you haven't read Emmet Basics Part 1, check that out first.
In this post, we cover the following topics:
📌 Climb Up
📌 Item Numbering
📌 Implicit Tags
📌 CSS Sneak Peek
Part 3 coming soon!
You can create a basic HTML boilerplate easily!
With Emmet we can easily traverse multiple levels. Here we can climb up a level using
We can achieve something similar by using grouping. To group, surround parts of the code with parenthesis.
We can also easily add attributes to any tag using square brackets.
When multiplying items, an index is tracked. We can use the index by inserting the $ sign.
tags do not always need to be used. In some cases they are implied. Here we create a table with a row and a column without specifying the
CSS Sneak Peek
Emmet can be used for CSS too! Part 3 will be all about fast CSS workflows.
Part 3 coming very soon!
Check out the full video on my YouTube channel.
Help me out by liking this video and subscribing if you haven't already.