Saltar ao contido principal

abreviar procesos repetitivos con Emmet

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/

Comentarios

Publicacións populares deste blog

a voltas co deseño web responsivo

O deseño web responsivo implica cambios no proceso de deseño. E unha forma diferente de pensar. Antes de deseñar unha paxina web convén saber -entre outras cousas- como vai a ser o usuario tipo e con que navegador e dispositivo vai a acceder aos contidos. Coas medidas fixadas en píxels, polos parecidos co deseño gráfico plano da publicación impresa, pódese crear un ámbito fácil de comprender e ao que os deseñadores se adaptaron sen problema. Pero impor agora esas restricións do papel e as súas medidas fixas ao deseño web non vai a ser unha solución perdurable. Os modelos flexibles ou fluídos, capaces de adaptarse ao espazo de mostra do dispositivo coa mínima intervención dunha programación especifica, parecen unha alternativa xa consolidada. O desenvolvedor web ten que experimentar e investigar coas técnicas de deseño antes de tentar o deseño -responsivo!- final. O máis axeitado é comenzar polo sinxelo: crear un modelo áxil, adaptable e fluído para mó

Listado de recursos (para formadores)

Ligazóns oficiais ID  * URL DESCRICIÓN * INE https://www.ine.es/ Instituto Nacional de Estadística INCUAL http://incual.mecd.es/ Referente para a formación profesional e as ensinanzas profesionais Instituto Nacional de las Cualificaciones SEPE https://www.sepe.es/ Servicio Estatal Público de Emprego edu.xunta http://www.edu.xunta.gal/portal/ Intef https://intef.es/recursos-educativos/ Recursos educativos abiertos Instituto Nacional das tecnoloxiás educativas e a formación do profesorado Fotos de stock gratuítas ID URL ID URL The stocks http://thestocks.im/ PngImg Imaxes para collage - png-img Pexels https://www.pexels.com/ Stockvault https://www.stockvault.net/ Unsplash https://unsplash.com/ Picjumbo https://picjumbo.com/ Pixabay https://pixabay.com/ Pikwizard https://www.pikwizard.com/ Gratisography https://gratisography.com/ Rawpixel https://www.rawpixel.com/ Morguefile https://morguefile.com/photos Reshot https://www.reshot.com/ Burst https://burst.shopify.c