
Install Emmet in Sublime Text or Brackets via package control or manual install, then restart. Test by typing a greater-than symbol A and pressing tab to see it expand.
Explore Emmet expansions to generate nested HTML elements using curly brace syntax, practice with exercise files, and learn to vary titles, subtitles, images, and paragraphs efficiently.
Toggle comments in emmet with command forward slash to comment or uncomment; double press to uncomment. Place the cursor inside the element to limit scope.
Learn to match html tags with the control shift t shortcut to jump to next matching tag. Use this to quickly navigate complex markup and locate opening and closing tags.
Learn to speed up HTML structuring by wrapping selected text with Emmet using wrap with abbreviation, including adding classes and creating multiple list items with the asterisk replication feature.
learn how emmet abbreviations speed up css coding by expanding with the plus symbol to generate properties like background, border, and padding; explore common variations and the emmet cheat sheet.
NEW COURSE AND UP TO DATE - AS OF APRIL 2015
Do you want to code HTML, CSS and XML faster?
Do you want to save time when coding?
Do you want to code more error free?
Do you want to become a NINJA coder?
If your answered was YES to most of these questions, then this course is for you.
On this course I will teach how to use a plugin called emmet to help make your workflow super smooth and efficient. I will show you many handy tricks that will do wonders in saving you time when developing.
You will become a faster coder in no time and it will be super easy to learn if you already know CSS. Now that I use Emmet, I could NOT imagine living without it.
Come join me in the course, and I promise that you will learn a lot and you will greatly appreciate it forever.