Usando abreviaturas e comandos con Emmet podemos acortar o tempo de desenvolvemento:
Ex.:
En HTML
#menu$*6>ul>li*0>a{Link Here} + [Crtl]+E
article#front.main + [Crtl]+E
article>p{Text here...}+bq>{Text here...}^p{Text here...}*3 + [Ctrl]+E
form + [Ctrl]+E
form:get + [Ctrl]+E
form:post + [Ctrl]+E
input:t + [Ctrl]+E
input:time + [Ctrl]+E
input:time#dateTime + [Ctrl]+E
table+ + [Ctrl]+E
tr+ + [Ctrl]+E
colg+ + [Ctrl]+E
*******************************************
En CSS
pos + [Ctrl]+E position: relative;
pos:s + [Ctrl]+E position: static;
t:a + [Ctrl]+E top: auto;
z + [Ctrl]+E z-index;
va:t + [Ctrl]+E vertical-align: top;
tsh:ra + [Ctrl]+E text-shadow: h v blur rgba(0, 0, 0, .5);
bdtli:c + [Ctrl]+E border-top-left-image: continue;
d + [Ctrl]+E display: block;
...
Para saber máis
http://docs.emmet.io/cheat-sheet/
Ex.:
En HTML
#menu$*6>ul>li*0>a{Link Here} + [Crtl]+E
article#front.main + [Crtl]+E
article>p{Text here...}+bq>{Text here...}^p{Text here...}*3 + [Ctrl]+E
form + [Ctrl]+E
form:get + [Ctrl]+E
form:post + [Ctrl]+E
input:t + [Ctrl]+E
input:time + [Ctrl]+E
input:time#dateTime + [Ctrl]+E
table+ + [Ctrl]+E
tr+ + [Ctrl]+E
colg+ + [Ctrl]+E
*******************************************
En CSS
pos + [Ctrl]+E position: relative;
pos:s + [Ctrl]+E position: static;
t:a + [Ctrl]+E top: auto;
z + [Ctrl]+E z-index;
va:t + [Ctrl]+E vertical-align: top;
tsh:ra + [Ctrl]+E text-shadow: h v blur rgba(0, 0, 0, .5);
bdtli:c + [Ctrl]+E border-top-left-image: continue;
d + [Ctrl]+E display: block;
...
Para saber máis
http://docs.emmet.io/cheat-sheet/
Comentarios
Publicar un comentario