Skip to content

Instantly share code, notes, and snippets.

@rolka
Created April 17, 2013 18:33
Show Gist options
  • Save rolka/5406615 to your computer and use it in GitHub Desktop.
Save rolka/5406615 to your computer and use it in GitHub Desktop.
Emmet
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