Emmet

See how money openly circulates through Emmet. All contributions and all expenses are published in our transparent public ledger. Learn who is donating, how much, where is that money going, submit expenses, get reimbursed and more!

Monthly financial contribution to Emmet (sponsor)

from Papersowl • 9/14/2020

+$150.00USD

Completed

Financial contribution to Emmet

from Manikandan Venkatasubban • 9/12/2020

+$24.00USD

Completed

Monthly financial contribution to Emmet (sponsor)

from Casino Topp • 9/9/2020

+$150.00USD

Completed

Today’s balance

$1,806.51 USD

Estimated annual budget

~ $11,964.12 USD

Emmet is all of us

Our contributors 13

Total contributions

$24 USD

Nettcasinobon...

Financial Contributor

Total contributions

$5 USD

backer

Виктор Виктор

Financial Contributor

Total contributions

$1 USD

About

Emmet is a web-developer’s toolkit for boosting HTML & CSS code writing.

With Emmet, you can type expressions (abbreviations) similar to CSS selectors and convert them into code fragment with a single keystroke. For example, this abbreviation:

ul#nav>li.item$*4>a{Item $}

…can be expanded into:

<ul>
    <li><a href="">Item 1</a></li>
    <li><a href="">Item 2</a></li>
    <li><a href="">Item 3</a></li>
    <li><a href="">Item 4</a></li>
</ul>

Features

Familiar syntax: as a web-developer, you already know how to use Emmet. Abbreviation syntax is similar to CSS Selectors with shortcuts for id, class, custom attributes, element nesting and so on.
Dynamic snippets: unlike default editor snippets, Emmet abbreviations are dynamic and parsed as-you-type. No need to predefine them for each project, just type MyComponent>custom-element to convert any word into a tag.
CSS properties shortcuts: Emmet provides special syntax for CSS properties with embedded values. For example, bd1-s#f.5 will be expanded to border: 1px solid rgba(255, 255, 255, 0.5).
Available for most popular syntaxes: use single abbreviation to produce code for most popular syntaxes like HAML, Pug, JSX, SCSS, SASS etc.