Created
April 17, 2013 18:33
-
-
Save rolka/5406615 to your computer and use it in GitHub Desktop.
Emmet
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
ul>li*5 | |
<ul> | |
<li></li> | |
<li></li> | |
<li></li> | |
<li></li> | |
<li></li> | |
</ul> | |
.container>.header>.main | |
<div class="container"> | |
<div class="header"> | |
<div class="main"></div> | |
</div> | |
</div> | |
.container>.header+.main | |
<div class="container"> | |
<div class="header"></div> | |
<div class="main"></div> | |
</div> | |
.container>header+.main+footer | |
<div class="container"> | |
<header></header> | |
<div class="main"></div> | |
<footer></footer> | |
</div> | |
a.button[href=#] | |
<a href="#" class="button"></a> | |
li{my text} | |
<li>my text</li> | |
ul>li*4>a[href=#] | |
<ul> | |
<li><a href="#"></a></li> | |
<li><a href="#"></a></li> | |
<li><a href="#"></a></li> | |
<li><a href="#"></a></li> | |
</ul> | |
var ola = "rolka"; | |
select word and hit " | |
ul>li*4>a[href=#]{some link}+div | |
<ul> | |
<li> | |
<a href="#">some link</a> | |
<div></div> | |
</li> | |
<li> | |
<a href="#">some link</a> | |
<div></div> | |
</li> | |
<li> | |
<a href="#">some link</a> | |
<div></div> | |
</li> | |
<li> | |
<a href="#">some link</a> | |
<div></div> | |
</li> | |
</ul> | |
.container>(.header>header>h1{my website})+.main+.footer>footer | |
<div class="container"> | |
<div class="header"> | |
<header> | |
<h1>my website</h1> | |
</header> | |
</div> | |
<div class="main"></div> | |
<div class="footer"> | |
<footer></footer> | |
</div> | |
</div> | |
header>h1^.main | |
<header> | |
<h1></h1> | |
</header> | |
<div class="main"></div> | |
lorem20 | |
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt possimus nisi a fugiat praesentium odio porro commodi eveniet nostrum magnam? | |
ul>.item | |
<ul> | |
<li class="item"></li> | |
</ul> | |
em>.hello | |
<em><span class="hello"></span></em> | |
<!-- CSS --> | |
p20 | |
padding: 20px; | |
p20-50 | |
padding: 20px 50px; | |
w100 | |
width: 100px; | |
w100p | |
width: 100%; | |
m0-auto | |
margin: 0 auto; | |
<!-- FETCH --> | |
shift ctrl p -> fetch -> file -> choose file to unclude | |
or choose package for boilerplate | |
ctrl shift p -> gist -> open gist -> will open all snippets on GIST | |
shift ctrl p -> gistbrowser -> will open snippet on gist.com | |
ctrl + k + s to save changes on gist | |
HTTP Requester -> ctrl + alt + r | |
ctrl + shift +p -> copy path from project | |
ctrl + shift + l -> to get multiple curson once text is selected | |
ctrl + j -> to join lines | |
save folder as project and edit "project.sublime-project" | |
{ | |
"folders": | |
[ | |
{ | |
"path": "/C/Users/Rolandas/Desktop/PSD to HTML/code" | |
}, | |
{ | |
"path": "/C/Users/Rolandas/Desktop/PSD to HTML/js" | |
}, | |
{ | |
"path": "/C/Users/Rolandas/Desktop/PSD to HTML/theme", | |
"file_exclude_patterns": ["*.css"], | |
"folder_exclude_patterns": ["folderName", "js"] | |
} | |
] | |
} | |
ctrl + alt + p -> to switch to new project | |
ctrl + b -> to run biuld (first have to chhese one from Tools -> Build System) |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment