urlscan.io logo urlscan.io
SecurityTrails logo

emmet.io Open in urlscan Pro
128.199.54.7  Public Scan

Back to summary
Submitted URL: http://emmet.io/
Effective URL: https://emmet.io/
Submission: On October 20 via manual from US — Scanned from DE

Form analysis 0 forms found in the DOM

Text Content

EMMET

Tools for web-developers

 * Documentation
 * Download
 * Credits

Join Redmonk's James Governor on building software effectively.ads via Carbon
Become a sponsor or backer

SPONSORS:





































AT | AU | FI | NL | PL | SE | ZA | CH | IN | IE
























Casino Utan Spelpaus





 * 


EMMET — THE ESSENTIAL TOOLKIT FOR WEB-DEVELOPERS

Emmet is a plugin for many popular text editors which greatly improves HTML &
CSS workflow:

<!doctype html> <html lang="en"> <head> <title>Demo</title> </head> <body> |
</body> </html> @@@ tooltip: Type CSS-like abbreviation type:
ul#nav>li.item$*4>a{Item $} wait: 1000 tooltip: Run “Expand Abbreviation” action
to expand it into HTML wait: 600 run: emmet.expand_abbreviation wait: 1000
tooltip: Traverse between important code points with “Next/Previous Edit Point”
action wait: 1000 run: {command: 'emmet.next_edit_point', times: 7} wait: 1000
tooltip: Select tags with “Match Tag Pair” action run: {command:
'emmet.match_pair_outward', times: 3} wait: 1000 moveTo: 102 tooltip: Select
important parts with “Select Next/Previous Item” action run: {command:
'emmet.select_next_item', times: 7, beforeDelay: 300} wait: 2000 moveTo: 95
wait: 1000 tooltip: Quickly comment full tag with “Toggle Comment” action run:
{command: 'emmet.toggle_comment', times: 2, beforeDelay: 1000}
 

<!doctype html>

<html lang="en">

<head>

    <title>Demo</title>

</head>

<body>

    

</body>

</html>



▶ Watch demo


 * HTML FROM CSS
   
   You’ve already known how to use Emmet abbreviations: its syntax is inspired
   by CSS selectors.


 * DYNAMIC SNIPPETS
   
   Each abbreviation is transformed in runtime: just slightly change its name to
   get a different result.


 * ULTRA-FAST CODING
   
   With Emmet you can quickly write a bunch of code, wrap code with new tags,
   quickly traverse and select important code parts and more!


 * CUSTOMIZABLE
   
   Users can easily add new snippets and fine-tune Emmet experience with just a
   few JSON files.


 * PLATFORM FOR NEW TOOLS
   
   Dig into Emmet source code and re-use its modules to create your very own and
   unique actions.


 * HIGHLY PORTABLE
   
   Emmet is written in pure JavaScript and works across different platforms: web
   browser, Node.js, Microsoft WSH and Mozilla Rhino.

Download plugin for your favourite editor


EMMET

Tools for web-developers

GitHub

Support: info@emmet.io

Web-site design is based on BriefCase and Futurico UI