How does Emmet work

Shannon says this helps her out when she needs to add multiple paragraphs to include disclaimer text in UHC emails. But this handy trick could be used in lots of situations, such as email newsletters that have repeating blocks of code.

Using curly brackets with Emmet allows you to add content to HTML tags as you code. Shannon showed us how she quickly used h2{title} to generate <h2>title</h2>. This may not seem like a huge time-saver, but it’s nine keystrokes instead of 14. That’s going to add up, and the better you get at using Emmet the more efficient you’ll become.

You can also use square brackets to add attributes such as alt text for your images. Shannon went on to show us how to add classes and IDs with Emmet shortcuts. There’s even a shortcut for adding lorem ipsum placeholder text with Emmet.

Using code snippets with Emmet and Dreamweaver

This is where Emmet can really help you code faster and more efficiently. Beyond the standard abbreviations, you can build shortcuts for reusable code snippets in your emails. If you’re using an editor that supports snippet libraries (which Dreamweaver and Parcel do), you can customize the Emmet experience for your brand and coding preferences.

After you create a reusable snippet, you can assign a trigger key to that reusable  South Africa Business Email List code so you can insert it into your email super-fast. Shannon pointed out that you’ll likely want to create unique trigger keys for your snippets because you will overwrite the Emmet abbreviation in Dreamweaver if you don’t.

Shannon has reusable snippets that help her easily include things like brand colors and link styling. But you can do it for just about anything you’d rather not type over and over again.

Get more information on Emmet and Shannon

Interested in exploring this tool more? Here are some great resources:

  •  Dig into the details of this open-source development tool.
  • Get more from developer on Medium.

A big thanks goes out to Shannon Crabill for taking the time to share her knowledge with us and help us discover new ways to do our jobs faster. You canor connect with her on Twitter at  Shannon has also contributed articles to the Email on Acid blog, and you’ll hear from her as well as other email experts in our on-demand webinar .


Your team needs an email readiness platform that scales as  UAE Cell Number  you grow and take on more work. Email on Acid lets you manage projects and permissions while collaborating throughout the pre-deployment process. Find out why so many recognizable brands trust Email on Acid for delivering email perfection. Discover our

Leave a Reply

Your email address will not be published. Required fields are marked *