<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>extensao emmet &#8211; Turbosite &#8211; Blog</title>
	<atom:link href="https://www.turbosite.com.br/blog/tag/extensao-emmet/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.turbosite.com.br/blog</link>
	<description></description>
	<lastBuildDate>Mon, 25 Aug 2014 13:44:22 +0000</lastBuildDate>
	<language>pt-BR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.2</generator>

<image>
	<url>https://www.turbosite.com.br/blog/wp-content/uploads/2026/09/cropped-logo_turbo_vermelha-32x32.png</url>
	<title>extensao emmet &#8211; Turbosite &#8211; Blog</title>
	<link>https://www.turbosite.com.br/blog</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Editor de texto Atom com a Extensão Emmet</title>
		<link>https://www.turbosite.com.br/blog/editor-de-texto-atom-com-a-extensao-emmet/</link>
		
		<dc:creator><![CDATA[turboajuda]]></dc:creator>
		<pubDate>Mon, 25 Aug 2014 13:44:22 +0000</pubDate>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[atom emmet]]></category>
		<category><![CDATA[escrita rapida de codigo]]></category>
		<category><![CDATA[extensao emmet]]></category>
		<guid isPermaLink="false">http://blog.turbosite.com.br/?p=3387</guid>

					<description><![CDATA[Como instalar e utilizar a extensão Emmet com o editor de texto Atom da Github. No vídeo, você pode conferir em detalhes sua utilização, além de ver várias dicas.]]></description>
										<content:encoded><![CDATA[<p style="color: #404040;">Já fizemos uma fizemos uma breve apresentação ao <a style="font-weight: bold; font-style: inherit;" title="Excelente editor de texto Atom da Github" href="https://www.turbosite.com.br/blog/excelente-editor-de-texto-atom-da-github/">editor de texto Atom</a> da <a href="https://github.com/">GitHub</a>, se você não leu, clique <a title="Excelente editor de texto Atom da Github" href="https://www.turbosite.com.br/blog/excelente-editor-de-texto-atom-da-github/">aqui</a>. Hoje vamos falar sobre uma das extensões disponíveis para o Atom.</p>
<p style="color: #404040;"><strong style="font-style: inherit;">Emmet</strong>. Esta é uma extensão que vai ajudar a criar códigos HTML e CSS mais rapidamente, ganhando até 80% a mais de agilidade na escrita destes códigos.</p>
<p style="color: #404040;"><img fetchpriority="high" decoding="async" class="alignnone size-full wp-image-3388" src="https://www.turbosite.com.br/blog/wp-content/uploads/2014/08/extensao-emmet-atom-turbosite.jpg" alt="extensao-emmet-atom-turbosite" width="700" height="393" srcset="https://www.turbosite.com.br/blog/wp-content/uploads/2014/08/extensao-emmet-atom-turbosite.jpg 700w, https://www.turbosite.com.br/blog/wp-content/uploads/2014/08/extensao-emmet-atom-turbosite-300x168.jpg 300w" sizes="(max-width: 700px) 100vw, 700px" /></p>
<p style="color: #404040;">A extensão <a style="font-weight: bold; font-style: inherit;" href="http://emmet.io/">Emmet</a> é muito conhecida pelos desenvolvedores web, pois, permite aumentando a produtividade com escrita de códigos.</p>
<p style="color: #404040;">Com esta extensão, são ativadas diversas funcionalidade, você será capaz de escrever HTMLcom marcações CSS. Se, por exemplo, escrevermos isto:  <span id="crayon-53fb2851e9b7b165969227" class="crayon-syntax crayon-syntax-inline  crayon-theme-classic crayon-theme-classic-inline crayon-font-monaco" style="font-style: inherit;"><span class="crayon-pre crayon-code" style="font-weight: inherit; font-style: inherit; color: #000000;"><span class="crayon-v" style="font-weight: inherit !important; font-style: inherit; color: #002d7a !important;">ul</span><span class="crayon-p" style="font-weight: inherit !important; font-style: inherit; color: #b85c00 !important;">#minha_lista&gt;li*5</span></span></span> e clicarmos na tecla “tab” ou &#8220;CTRL+E&#8221; no Windows, o seguinte será produzido:</p>
<div id="crayon-53fb2851e9b97653199518" class="crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate" style="color: #404040;" data-settings=" minimize scroll-mouseover">
<div class="crayon-toolbar" style="font-weight: inherit; font-style: inherit;" data-settings=" show">
<div class="crayon-tools" style="font-weight: inherit !important; font-style: inherit;"><span class="crayon-language" style="font-weight: inherit !important; font-style: inherit; color: #999999 !important;">XHTML</span></div>
</div>
<div class="crayon-plain-wrap" style="font-weight: inherit; font-style: inherit;"></div>
<div class="crayon-main" style="font-weight: inherit; font-style: inherit;">
<table class="crayon-table" style="font-weight: inherit; font-style: inherit;">
<tbody style="font-weight: inherit; font-style: inherit;">
<tr class="crayon-row" style="font-weight: inherit; font-style: inherit;">
<td class="crayon-nums " style="font-style: inherit; color: #5499de !important;" data-settings="show">
<div class="crayon-nums-content" style="font-weight: inherit; font-style: inherit;">
<div class="crayon-num" style="font-weight: inherit !important; font-style: inherit;" data-line="crayon-53fb2851e9b97653199518-1">1</div>
<div class="crayon-num crayon-striped-num" style="font-weight: inherit !important; font-style: inherit; color: #317cc5 !important;" data-line="crayon-53fb2851e9b97653199518-2">2</div>
<div class="crayon-num" style="font-weight: inherit !important; font-style: inherit;" data-line="crayon-53fb2851e9b97653199518-3">3</div>
<div class="crayon-num crayon-striped-num" style="font-weight: inherit !important; font-style: inherit; color: #317cc5 !important;" data-line="crayon-53fb2851e9b97653199518-4">4</div>
<div class="crayon-num" style="font-weight: inherit !important; font-style: inherit;" data-line="crayon-53fb2851e9b97653199518-5">5</div>
<div class="crayon-num crayon-striped-num" style="font-weight: inherit !important; font-style: inherit; color: #317cc5 !important;" data-line="crayon-53fb2851e9b97653199518-6">6</div>
<div class="crayon-num" style="font-weight: inherit !important; font-style: inherit;" data-line="crayon-53fb2851e9b97653199518-7">7</div>
</div>
</td>
<td class="crayon-code" style="font-style: inherit;">
<div class="crayon-pre" style="font-weight: inherit; font-style: inherit;">
<div id="crayon-53fb2851e9b97653199518-1" class="crayon-line" style="font-weight: inherit !important; font-style: inherit;"><span class="crayon-r " style="font-weight: inherit !important; font-style: inherit; color: #800080 !important;">&lt;ul </span><span class="crayon-e " style="font-weight: inherit !important; font-style: inherit; color: #004ed0 !important;">id</span><span class="crayon-o" style="font-weight: inherit !important; font-style: inherit; color: #006fe0 !important;">=</span><span class="crayon-s " style="font-weight: inherit !important; font-style: inherit; color: #008000 !important;">&#8220;minha_lista&#8221;</span><span class="crayon-r " style="font-weight: inherit !important; font-style: inherit; color: #800080 !important;">&gt;</span></div>
<div id="crayon-53fb2851e9b97653199518-2" class="crayon-line crayon-striped-line" style="font-weight: inherit !important; font-style: inherit;"><span class="crayon-r " style="font-weight: inherit !important; font-style: inherit; color: #800080 !important;">&lt;li&gt;</span><span class="crayon-r " style="font-weight: inherit !important; font-style: inherit; color: #800080 !important;">&lt;/li&gt;</span></div>
<div id="crayon-53fb2851e9b97653199518-3" class="crayon-line" style="font-weight: inherit !important; font-style: inherit;"><span class="crayon-r " style="font-weight: inherit !important; font-style: inherit; color: #800080 !important;">&lt;li&gt;</span><span class="crayon-r " style="font-weight: inherit !important; font-style: inherit; color: #800080 !important;">&lt;/li&gt;</span></div>
<div id="crayon-53fb2851e9b97653199518-4" class="crayon-line crayon-striped-line" style="font-weight: inherit !important; font-style: inherit;"><span class="crayon-r " style="font-weight: inherit !important; font-style: inherit; color: #800080 !important;">&lt;li&gt;</span><span class="crayon-r " style="font-weight: inherit !important; font-style: inherit; color: #800080 !important;">&lt;/li&gt;</span></div>
<div id="crayon-53fb2851e9b97653199518-5" class="crayon-line" style="font-weight: inherit !important; font-style: inherit;"><span class="crayon-r " style="font-weight: inherit !important; font-style: inherit; color: #800080 !important;">&lt;li&gt;</span><span class="crayon-r " style="font-weight: inherit !important; font-style: inherit; color: #800080 !important;">&lt;/li&gt;</span></div>
<div id="crayon-53fb2851e9b97653199518-6" class="crayon-line crayon-striped-line" style="font-weight: inherit !important; font-style: inherit;"><span class="crayon-r " style="font-weight: inherit !important; font-style: inherit; color: #800080 !important;">&lt;li&gt;</span><span class="crayon-r " style="font-weight: inherit !important; font-style: inherit; color: #800080 !important;">&lt;/li&gt;</span></div>
<div id="crayon-53fb2851e9b97653199518-7" class="crayon-line" style="font-weight: inherit !important; font-style: inherit;"><span class="crayon-r " style="font-weight: inherit !important; font-style: inherit; color: #800080 !important;">&lt;/ul&gt;</span></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<p style="color: #404040;">No vídeo abaixo, você poderá conferir como instalar a extensão além de,  mostrar como funciona o sistema de abreviaturas e alguns atalhos.<br />
Vídeo exibido em <a href="http://coxpe.com/">Coxpe</a>.</p>
<p style="color: #404040;"><iframe style="font-weight: inherit; font-style: inherit;" src="http://www.youtube.com/embed/3NnAokCQANs?vq=hd720" width="700" height="394" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p>
<p style="color: #404040;">Como foi mencionado no vídeo, não falamos de todos os atalhos. Podem ver mais atalhos <a style="font-weight: bold; font-style: inherit;" href="https://github.com/emmetio/emmet-atom">aqui</a>.<br />
Esta extensão está disponível para mais editores de texto como o Espresso, Notepad++, Sublime Text, etc. Se quiser fazer o download, clique <a style="font-weight: bold; font-style: inherit;" href="http://emmet.io/download/">aqui</a>.</p>
<p style="color: #404040;">A Turbosite valoriza e apoia o desenvolvido Web. Com servidores no Brasil, hoje dispõe de DataCenter próprio com links de alta velocidade e redundantes. Quer contratar uma Hospedagem de Site segura e confiável? É na <strong><a href="https://www.turbosite.com.br">Turbosite</a></strong>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
