Writing Code Faster with Emmet

Sandra Dudley, When code and design collide

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
15 Lessons (27m)
    • 1. Writing code faster with Emmet

      1:20
    • 2. What is Emmet

      1:25
    • 3. Siblings

      1:22
    • 4. Nesting

      1:12
    • 5. Grouping

      2:03
    • 6. Multiplying

      1:38
    • 7. Challenge 01

      2:52
    • 8. Classes and ID

      1:45
    • 9. Item numbering

      2:26
    • 10. Attributes

      2:28
    • 11. Challenge 02

      2:03
    • 12. Numbering text

      2:50
    • 13. Lorem Ipsum

      1:12
    • 14. Challenge 03

      2:12
    • 15. Thank you!

      0:22
162 students are watching this class

About This Class

I LOVE finding ways to speed up or automate my work. So I'm very excited to introduce you to Emmet, a plugin that enables you to write code FASTER.

What you will need:

Emmet is available in most web editors. Adobe Dreamweaver, Brackets, Sublime Text etc. 

For this class, I'll be demonstrating Emmet using an online web editor I use on a daily basis - Codepen.

Who should take this class:

This class is aimed at people who already have some basic knowledge of HTML. It is a beginners class, that will help you become a more efficient developer.

Feel free to leave any comments or ask questions on this page, and let me know if there is anything else you'd like to learn.