<?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>I/O Tecnologia &#187; Dicas</title>
	<atom:link href="http://www.iotecnologia.com.br/categoria/dicas/feed" rel="self" type="application/rss+xml" />
	<link>http://www.iotecnologia.com.br</link>
	<description></description>
	<lastBuildDate>Thu, 03 May 2012 23:35:36 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Permiss&#245;es NTFS: Voc&#234; sabe a diferen&#231;a entre Full Control, Modify e Write?</title>
		<link>http://www.iotecnologia.com.br/permisses-ntfs-voc-sabe-a-diferena-entre-full-control-modify-e-write</link>
		<comments>http://www.iotecnologia.com.br/permisses-ntfs-voc-sabe-a-diferena-entre-full-control-modify-e-write#comments</comments>
		<pubDate>Mon, 17 Oct 2011 02:24:25 +0000</pubDate>
		<dc:creator>Danilo Augusto</dc:creator>
				<category><![CDATA[Dicas]]></category>
		<category><![CDATA[arquivos]]></category>
		<category><![CDATA[file server]]></category>
		<category><![CDATA[ntfs]]></category>
		<category><![CDATA[pastas]]></category>
		<category><![CDATA[permissões]]></category>
		<category><![CDATA[servidor de arquivos]]></category>
		<category><![CDATA[windows server]]></category>

		<guid isPermaLink="false">http://www.iotecnologia.com.br/permisses-ntfs-voc-sabe-a-diferena-entre-full-control-modify-e-write</guid>
		<description><![CDATA[Do técnico de informática que cria um compartilhamento simples ao analista que configura um File Server num ambiente corporativo, todos devem ter um conhecimento sólido sobre as permissões NTFS e SMB. Em relação às permissões NTFS notei que muita gente não conhece a diferença entre as permissões “Full Control”, “Modify” e “Write”. É sobre elas que falaremos hoje! As três permissões dão ao usuário ou ao grupo permissões de escrita na pasta. Entretanto, uma é mais permissiva em relação a outra em alguns detalhes que as vezes passam despercebidos. Vamos entender como elas funcionam. A permissão Write permite ao usuário/grupo<a href="http://www.iotecnologia.com.br/permisses-ntfs-voc-sabe-a-diferena-entre-full-control-modify-e-write">&#160;&#160;[ Read More ]</a>
Related posts:<ol>
<li><a href='http://www.iotecnologia.com.br/voc-sabe-o-que-um-influenciador-microsoft-quer-ser-um' rel='bookmark' title='Voc&ecirc; sabe o que &eacute; um Influenciador Microsoft? Seja um!'>Voc&ecirc; sabe o que &eacute; um Influenciador Microsoft? Seja um!</a> <small>Na última semana rolou em São Paulo o Teched 2011....</small></li>
</ol>

Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p align="justify">Do técnico de informática que cria um compartilhamento simples ao analista que configura um File Server num ambiente corporativo, todos devem ter um conhecimento sólido sobre as permissões NTFS e SMB. Em relação às permissões NTFS notei que muita gente não conhece a diferença entre as permissões “Full Control”, “Modify” e “Write”. É sobre elas que falaremos hoje!</p>
<p><span id="more-7012"></span>
<p align="justify"><img style="border-bottom: 0px; border-left: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px" title="image" border="0" alt="image" src="http://www.iotecnologia.com.br/wp-content/uploads/2011/10/image3.png" width="288" height="389" /> </p>
<p align="justify">As três permissões dão ao usuário ou ao grupo permissões de escrita na pasta. Entretanto, uma é mais permissiva em relação a outra em alguns detalhes que as vezes passam despercebidos. Vamos entender como elas funcionam.</p>
<p align="justify">A permissão <strong>Write</strong> permite ao usuário/grupo a escrita na pasta. Escrever, neste contexto, significa gravar arquivos e modificar o conteúdo deles. A permissão <strong>Modify</strong> permite, além da gravação e modificação, a exclusão do arquivo desta pasta. Se você tivesse a permissão Write em uma pasta e tentasse excluir um arquivo você não conseguiria, pois você precisaria da permissão Modify. Por fim, a permissão <strong>Full Control</strong> permite você fazer tudo que a Write e Modify, mas com a possibilidade de modificar as permissões dos arquivos em que ela é aplicada. Entendido?</p>
<p align="justify">Para facilitar a absorção das diferenças entre as três permissões montei essa tabelinha abaixo onde você pode ver o que é ou não é possível fazer com cada uma delas:</p>
<table border="1" cellspacing="0" cellpadding="2" width="400">
<tbody>
<tr>
<td valign="top" width="59"><strong>Permissão</strong></td>
<td valign="top" width="207"><strong>É possível…</strong></td>
<td valign="top" width="133"><strong>Não é possível…</strong></td>
</tr>
<tr>
<td valign="top" width="59">Write</td>
<td valign="top" width="207">Criar arquivos         <br />Modificar o conteúdo dos arquivos</td>
<td valign="top" width="133">Deletar arquivos         <br />Mudar permissões da pasta</td>
</tr>
<tr>
<td valign="top" width="59">Modify</td>
<td valign="top" width="207">Criar arquivos         <br />Modificar o conteúdo dos arquivos          <br />Remover arquivos</td>
<td valign="top" width="133">Mudar permissões da pasta</td>
</tr>
<tr>
<td valign="top" width="59">Full Control</td>
<td valign="top" width="207">Criar arquivos         <br />Modificar o conteúdo dos arquivos          <br />Remover arquivos          <br />Modificar permissões dos arquivos</td>
<td valign="top" width="133">
<p align="center">-</p>
</td>
</tr>
</tbody>
</table>
<p>Related posts:<ol>
<li><a href='http://www.iotecnologia.com.br/voc-sabe-o-que-um-influenciador-microsoft-quer-ser-um' rel='bookmark' title='Voc&ecirc; sabe o que &eacute; um Influenciador Microsoft? Seja um!'>Voc&ecirc; sabe o que &eacute; um Influenciador Microsoft? Seja um!</a> <small>Na última semana rolou em São Paulo o Teched 2011....</small></li>
</ol></p>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.iotecnologia.com.br/permisses-ntfs-voc-sabe-a-diferena-entre-full-control-modify-e-write/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Seu Windows n&#227;o inicia? Saiba o que fazer!</title>
		<link>http://www.iotecnologia.com.br/seu-windows-no-inicia-saiba-o-que-fazer</link>
		<comments>http://www.iotecnologia.com.br/seu-windows-no-inicia-saiba-o-que-fazer#comments</comments>
		<pubDate>Wed, 27 Apr 2011 09:00:00 +0000</pubDate>
		<dc:creator>Pedro Munhoz</dc:creator>
				<category><![CDATA[Dicas]]></category>
		<category><![CDATA[chkdsk]]></category>
		<category><![CDATA[fixboot]]></category>
		<category><![CDATA[fixmbr]]></category>
		<category><![CDATA[problemas na inicialização]]></category>
		<category><![CDATA[scandisk]]></category>
		<category><![CDATA[sistema corrompido]]></category>

		<guid isPermaLink="false">http://www.iotecnologia.com.br/?p=6772</guid>
		<description><![CDATA[Bom pessoal, depois de um tempo fora das postagens, estou de volta ao I/O! Antes de mais nada gostaria de pedir desculpas aos leitores e aos meus colegas de blog pelo tempo que fiquei sem postar, mesmo depois da volta do blog! Mas agora, estou aqui e vamos ao que interessa! Às vezes, por alguma queda de energia ou desligamento súbito do PC, seja ele causado por qualquer motivo, além da perda dos arquivos abertos e possível corrompimento de dados, pode acontecer algo que é muito comum: corromper a inicialização do sistema operacional. Daí, você religa o PC depois da<a href="http://www.iotecnologia.com.br/seu-windows-no-inicia-saiba-o-que-fazer">&#160;&#160;[ Read More ]</a>
No related posts.

Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>Bom pessoal, depois de um tempo fora das postagens, estou de volta ao I/O! Antes de mais nada gostaria de pedir desculpas aos leitores e aos meus colegas de blog pelo tempo que fiquei sem postar, mesmo depois da volta do blog! Mas agora, estou aqui e vamos ao que interessa!</p>
<p>Às vezes, por alguma queda de energia ou desligamento súbito do PC, seja ele causado por qualquer motivo, além da perda dos arquivos abertos e possível corrompimento de dados, pode acontecer algo que é muito comum: corromper a inicialização do sistema operacional. Daí, você religa o PC depois da queda de energia, aparece a tela de loading do Windows e “puf!”, ele reinicia…e assim fica, sem inicializar o sistema, nem em Modo de Segurança nem nada. Quando isso acontece, os mais radicais já pensam direto numa formatação. Se vai arrumar o sistema, melhor que formate o HD de uma vez. Mas pensem o seguinte: e se o cliente tem backup? Como fazer pra recuperar se o SO não inicializa? Isso é muito mais fácil de resolver do que se imagina!</p>
<p><span id="more-6772"></span></p>
<p>O primeiro passo ao acontecer isso é não entrar em pânico, jamais! A não inicialização do sistema nem sempre significa a perda do mesmo ou dos dados contidos no HD. Trata-se de um possível erro na MBR (Master Boot Record) do seu HD. A MBR é o 1° setor do HD e é ela a responsável pelo carregamento do SO, logo após passado o POST (Power On Self Test). Quando o PC não consegue ler a MBR, ele fica “perdido” e não sabe como inicializar o SO, fazendo assim com que o computador fique rebootando na procura, em vão, da MBR.</p>
<p>Para consertar esse problema, você vai precisar dos seguintes materias (parece receita de artesanato né? <img src='http://www.iotecnologia.com.br/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> ):</p>
<ul>
<li>Um CD bootável do Windows XP com Console de Recuperação</li>
<li>Um pouco de conhecimento em linha de comando</li>
</ul>
<p>Primeiramente, configure sua BIOS para inicializar pelo CD do Windows e coloque-o no seu drive de CD. Quando ele iniciar o setup ele vai mostrar as seguintes opções:</p>
<ul>
<li>Para instalar o Windows XP agora, pressione ENTER.</li>
<li>Para reparar uma instalação do Windows XP usando o Console de Recuperação, pressione R.</li>
<li>Para sair do Programa de Instalação sem instalar o Windows XP, pressione F3.</li>
</ul>
<p>Você deverá pressionar “R” e então será levado a tela do Console de Recuperação. Ela é igual a essa da imagem abaixo:</p>
<p><img style="display: block; float: none; margin-left: auto; margin-right: auto; border: 0px;" title="consolexp" src="http://www.iotecnologia.com.br/wp-content/uploads/2011/04/consolexp.jpg" border="0" alt="consolexp" width="519" height="311" /></p>
<p>Você terá de fazer exatamente como na foto ao ser perguntado qual instalação do Windows deseja se conectar: digite 1 e pressione Enter. Geralmente é a primeira, por ser a principal na maioria dos PC’s. A senha do administrador é só deixar em branco e pressionar Enter, pois normalmente não há uma senha definida. Caso ele dê como senha incorreta se você deixar em branco, tente usar “admin” ou “1234” ou pergunte qual a senha do Administrador do Windows.</p>
<p>Feito isso, você poderá começar a digitar os comandos para tentar recuperar a sua MBR. Primeiramente, deve ser feito um ScanDisk do HD para ver quais dados podem ter sido danificados e recuperá-los. Depois do ScanDisk, você irá executar os comandos para arrumar a MRB e o boot do sistema. Vou enumerar todos os passos abaixo para facilitar!</p>
<ol>
<li><span style="background-color: #ffffff;">Configurar o seu computador para iniciar pelo CD do Windows XP;</span></li>
<li><span style="background-color: #ffffff;">No menu do CD, teclar “R” para acessar o Console de Recuperação (imagem acima);</span></li>
<li><span style="background-color: #ffffff;">Acessar a sua instalação do Windows (geralmente 1), não digitar nada na senha do Administrador e apertar Enter;</span></li>
<li><span style="background-color: #ffffff;">Executar o ScanDisk. Para isso digite “chkdsk /r c:” (sem as aspas) e pressione Enter. Aguarde o processo terminar; <em>(PS: Caso não funcionar com esse comando, simplesmente digite “chkdsk” e pressione Enter)</em></span></li>
<li><span style="background-color: #ffffff;">Após o termino do ScanDisk, digite “fixboot” e pressione Enter. Esse comando fará com que o console restaure o arquivo de boot do Windows, caso ele tenha sido corrompido;</span></li>
<li><span style="background-color: #ffffff;">Feito isso, digite “fixmbr” para por fim restaurar a MBR do seu HD!</span></li>
<li><span style="background-color: #ffffff;">Digite “exit” e pressione Enter para reiniciar o computador. Não esqueça de reconfigurar a BIOS para bootar pelo HD principal e não mais pelo CD!</span></li>
</ol>
<p>Feito isso, seu sistema deve voltar a inicializar e você deve ter acesso a tudo que estava dentro do seu HD. Na maioria das vezes, pelo menos aconteceu comigo, simplesmente um ScanDisk já restaurava os dados e o SO voltava a bootar. Teste, pode ser que funcione para você também e, se caso não funcionar, simplesmente repita os passos e faça o “fixboot” e “fixmbr” como descrito acima.</p>
<p>Espero que isso ajude-os a resolver esse problema que é muito simples mas pode vir a causar uma dor de cabeça. Um abraço e até a próxima! <img src='http://www.iotecnologia.com.br/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<h1><span style="background-color: #f5f5f5;"> </span></h1>
<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.iotecnologia.com.br/seu-windows-no-inicia-saiba-o-que-fazer/feed</wfw:commentRss>
		<slash:comments>37</slash:comments>
		</item>
		<item>
		<title>Quebrando a cuca com o Project Euler</title>
		<link>http://www.iotecnologia.com.br/quebrando-a-cuca-com-o-project-euler</link>
		<comments>http://www.iotecnologia.com.br/quebrando-a-cuca-com-o-project-euler#comments</comments>
		<pubDate>Tue, 05 Apr 2011 08:30:03 +0000</pubDate>
		<dc:creator>Nícholas André</dc:creator>
				<category><![CDATA[Dicas]]></category>
		<category><![CDATA[algoritmos]]></category>
		<category><![CDATA[problemas computacionais]]></category>
		<category><![CDATA[project euler]]></category>

		<guid isPermaLink="false">http://www.iotecnologia.com.br/?p=6589</guid>
		<description><![CDATA[Todos devem concordar que para aparender a programar de fato, precisamos praticar, praticar, praticar e praticar mais 70 vezes 7. Se você é programador ou está estudando programação, já deve ter resolvido alguns problemas simples com matrizes, loops e talvez até algumas estruturas de dados. Que tal dar um passo a mais? Se sua resposta foi negativa, então pode parar de ler por aqui. Este post não é para você. Volte amanhã! Se você está lendo este parágrafo, então provavelmente é porque você tem no mínimo uma das características citadas no começo do post. Parabéns, você é louco e não<a href="http://www.iotecnologia.com.br/quebrando-a-cuca-com-o-project-euler">&#160;&#160;[ Read More ]</a>
No related posts.

Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p style="text-align: center"><img class="aligncenter" alt="" src="http://grokcode.com/wordpress/wp-content/uploads/project_euler.png" width="360" height="140" /><em></em></p>
<p style="text-align: justify">Todos devem concordar que para aparender a programar de fato, precisamos praticar, praticar, praticar e praticar mais 70 vezes 7. Se você é programador ou está estudando programação, já deve ter resolvido alguns problemas simples com matrizes, loops e talvez até algumas estruturas de dados. Que tal dar um passo a mais?</p>
<p><span id="more-6589"></span>
<p style="text-align: justify">Se sua resposta foi negativa, então pode parar de ler por aqui. Este post não é para você. Volte amanhã!</p>
<p> Se você está lendo este parágrafo, então provavelmente é porque você tem no mínimo uma das características citadas no começo do post. Parabéns, você é louco e não deve ter vida social.
<p>Deixando essas coisas de lado, vamos ao que realmente interessa: <a target="_blank" href="http://projecteuler.net/">Project Euler</a>. Só pelo nome, já parece ser coisa de louco. O Project Euler reune centenas de problemas de lógica e de matemática para serem resolvidos via programação, um ótimo lugar para testar sua lógica e desenvolver sua habilidade em desenvolvimento.</p>
<p style="text-align: justify">Existem diversos níveis de dificuldade e para rankear isto, existe no site do projeto um contador indicando quantas pessoas resolveram aquele determinado problema. Logicamente, os mais fáceis são aqueles que foram respondidos pela maior quantidade de pessoas.</p>
<p style="text-align: justify">Então não perca tempo! Acesse já o <a target="_blank" href="http://projecteuler.net/">site</a> e começe a <a target="_blank" href="http://projecteuler.net/index.php?section=problems">queimar</a> alguns miolos. Não vale buscar as respostas no Google, não seja covarde!</p>
<p style="text-align: center"><em>&quot;Project Euler exists to encourage, challenge, and develop the skills and enjoyment of anyone with an interest in the fascinating world of mathematics.&quot;</em></p>
<p style="text-align: justify">Que a força esteja com vocês!</p>
<p style="text-align: justify">Abraços</p>
<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.iotecnologia.com.br/quebrando-a-cuca-com-o-project-euler/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Personalizando o Twitter &#8211; Twibbon</title>
		<link>http://www.iotecnologia.com.br/personalizando-o-twitter-twibbon</link>
		<comments>http://www.iotecnologia.com.br/personalizando-o-twitter-twibbon#comments</comments>
		<pubDate>Sun, 03 Apr 2011 22:59:38 +0000</pubDate>
		<dc:creator>Fátima Menezes</dc:creator>
				<category><![CDATA[Dicas]]></category>
		<category><![CDATA[curiosidade]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.iotecnologia.com.br/?p=6591</guid>
		<description><![CDATA[O seu amigo tem o ícone da distribuição Linux favorita dele no avatar do Twitter? Quer que todos os seus followers saibam que você vai ao Rock in Rio? Que tal o escudo do seu time de futebol no perfil? Não, você não precisa recorrer a um editor de imagens. É para isso que existe o Twibbon! O Twibbon é um aplicativo que se vincula ao Twitter para possibilitar a promoção de campanhas, a realização de protestos, a divulgação de eventos, entre outras funcionalidades. Permite adicionar um símbolo que identifique sua causa no avatar. A seguir, alguns exemplos de uso<a href="http://www.iotecnologia.com.br/personalizando-o-twitter-twibbon">&#160;&#160;[ Read More ]</a>
No related posts.

Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p><!-- 		@page { margin: 2cm } 		P { margin-bottom: 0.21cm } 		A:link { so-language: zxx } -->O seu amigo tem o ícone da distribuição Linux favorita dele no avatar do Twitter? Quer que todos os seus <em>followers</em> saibam que você vai ao Rock in Rio? Que tal o escudo do seu time de futebol no perfil? Não, você não precisa recorrer a um editor de imagens. É para isso que existe o Twibbon!<span id="more-6591"></span></p>
<p>O Twibbon é um aplicativo que se vincula ao Twitter para possibilitar a promoção de campanhas, a realização de protestos, a divulgação de eventos, entre outras funcionalidades. Permite adicionar um símbolo que identifique sua causa no avatar. A seguir, alguns exemplos de uso do programa.</p>
<p><a rel="attachment wp-att-6593" href="http://www.iotecnologia.com.br/personalizando-o-twitter-twibbon/twibbon_01"></a><a rel="attachment wp-att-6595" href="http://www.iotecnologia.com.br/personalizando-o-twitter-twibbon/twibbon_01-2"><img class="aligncenter size-thumbnail wp-image-6595" src="http://www.iotecnologia.com.br/wp-content/uploads/2011/04/twibbon_011-150x150.png" alt="" width="150" height="150" /></a></p>
<p><a rel="attachment wp-att-6596" href="http://www.iotecnologia.com.br/personalizando-o-twitter-twibbon/twibbon_03-2"><img class="aligncenter size-thumbnail wp-image-6596" src="http://www.iotecnologia.com.br/wp-content/uploads/2011/04/twibbon_031-150x150.png" alt="" width="150" height="150" /></a></p>
<p><a rel="attachment wp-att-6596" href="http://www.iotecnologia.com.br/personalizando-o-twitter-twibbon/twibbon_03-2"></a><a rel="attachment wp-att-6597" href="http://www.iotecnologia.com.br/personalizando-o-twitter-twibbon/twibbon_02"><img class="aligncenter size-thumbnail wp-image-6597" src="http://www.iotecnologia.com.br/wp-content/uploads/2011/04/twibbon_02-150x150.png" alt="" width="150" height="150" /></a></p>
<p><a rel="attachment wp-att-6598" href="http://www.iotecnologia.com.br/personalizando-o-twitter-twibbon/twibbon_04"><img class="aligncenter size-thumbnail wp-image-6598" src="http://www.iotecnologia.com.br/wp-content/uploads/2011/04/twibbon_04-150x150.png" alt="" width="150" height="150" /></a></p>
<p>Para adicionar um ícone, <a target="_blank" href="http://twibbon.com/">acesse o site</a>, navegue nos menus oferecidos (traduzidos: Causas, Entretenimento, Tecnologia, Esporte, Estilo de Vida e Outros) ou encontre sua causa diretamente pela caixa de busca. Em seguida, clique<em> </em>na imagem escolhida – mais especificamente, em <em>Support</em>.</p>
<p>Para pré-visualizar o símbolo no seu avatar, você precisará <em>logar</em> no Twitter e permitir que a aplicação tenha acesso a alguns dados. Feito isso, você poderá posicionar o ícone no espaço do avatar que achar mais apropriado, bem como aumentar ou reduzir o tamanho daquele.</p>
<p>O Twibbon postará um <em>tweet</em> automático em seu perfil promovendo o aplicativo. Se quiser, pode apagá-lo.</p>
<p>É importante observar que você poderá colocar mais de um ícone em seu avatar. Cansou do ícone que colocou? Não descobri outro jeito de removê-lo a não ser apagar a foto do avatar e adicioná-la novamente.</p>
<p>O Twibbon também funciona com o Facebook. Basta, após clicar em <em>Support</em>, selecionar a opção <em>Add to Facebook</em> e seguir o procedimento descrito acima.</p>
<p>Além disso, o Twibbon permite que você inicie sua própria campanha. Indo na barra no topo da página, você encontrará a guia <em>Start a Campaign</em>. Preencha os campos requisitados, e feito.</p>
<p><em>Um abraço a todos, e não se esqueçam de comentar! May the Force be with you, rsrs! </em></p>
<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.iotecnologia.com.br/personalizando-o-twitter-twibbon/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Brincando com as CSS #01 &#8211; Sombras em textos</title>
		<link>http://www.iotecnologia.com.br/brincando-com-as-css-01-sombras-em-textos</link>
		<comments>http://www.iotecnologia.com.br/brincando-com-as-css-01-sombras-em-textos#comments</comments>
		<pubDate>Sun, 13 Mar 2011 16:45:23 +0000</pubDate>
		<dc:creator>Fátima Menezes</dc:creator>
				<category><![CDATA[Dicas]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[internet]]></category>

		<guid isPermaLink="false">http://www.iotecnologia.com.br/?p=6508</guid>
		<description><![CDATA[As CSS3 vieram, entre outras coisas, para facilitar algumas tarefas simples que demandavam muito trabalho e criatividade por parte dos designers para serem realizadas. Um exemplo disso é colocar sombras em textos. Antes, uma das maneiras de fazer isso era mexer com o posicionamento do texto para simular o efeito. Era necessário criar uma classe para o texto normal e outra para a sombra, posicionar cada um &#8211; texto e sombra &#8211; de forma adequada&#8230; Esqueça isso. As CSS3 possuem uma solução muito mais lógica. Tudo que você precisará para criar sombras é da propriedade text-shadow, que se estruturará da<a href="http://www.iotecnologia.com.br/brincando-com-as-css-01-sombras-em-textos">&#160;&#160;[ Read More ]</a>
No related posts.

Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>As CSS3 vieram, entre outras coisas, para facilitar algumas tarefas simples que demandavam muito trabalho e criatividade por parte dos <em>designers</em> para serem realizadas. Um exemplo disso é colocar sombras em textos. Antes, uma das maneiras de fazer isso era mexer com o posicionamento do texto para simular o efeito. Era necessário criar uma classe para o texto normal e outra para a sombra, posicionar cada um &#8211; texto e sombra &#8211; de forma adequada&#8230;<br />
<span id="more-6508"></span></p>
<p>Esqueça isso. As CSS3 possuem uma solução muito mais lógica. Tudo que você precisará para criar sombras é da propriedade <strong>text-shadow</strong>, que se estruturará da seguinte forma:</p>
<p><em>seletor {<br />
<strong> text-shadow: valor1 valor2 valor3 cor_da_sombra;</strong><br />
}</em></p>
<p><strong>Valor1</strong> será a medida do deslocamento da sombra para a direita (positivo) ou para a esquerda (negativo). <strong>Valor2</strong> será o deslocamento da sombra para baixo (positivo) ou para cima (negativo). Ambos os valores são dados em<em> pixels</em> (px) e são obrigatórios. <strong>Valor3</strong> é a medida do <em>blur</em>, ou seja, do desfoque da sombra. É utilizado caso você queira deixá-la com um aspecto “borrado”. Esse terceiro valor pode ser omitido. <strong>Cor_da_sombra</strong> é a cor que a sombra irá assumir, o qual poderá ser um valor hexadecimal, RGB ou mesmo o nome da cor em inglês. É interessante que esse valor sempre esteja presente, embora não seja obrigatório.</p>
<p>Vamos ver, na prática, o uso da propriedade.</p>
<p><a rel="attachment wp-att-6510" href="http://www.iotecnologia.com.br/brincando-com-as-css-01-sombras-em-textos/sombra01"><img class="aligncenter size-full wp-image-6510" src="http://www.iotecnologia.com.br/wp-content/uploads/2011/03/sombra01.png" alt="" width="550" height="158" /></a></p>
<p>Para obter o resultado acima, foram usados, no título, os seguintes estilos:</p>
<p><em>h1 {<br />
text-align: center;<br />
color: #C34283;<br />
font-size: 3em;<br />
<strong> text-shadow: 3px -3px #E38AD3;</strong><br />
}</em></p>
<p><strong>3px</strong> significa que a sombra deslocará esse valor para a direita. <strong>-3px</strong> quer dizer que o deslocamento também se dará para cima, nessa medida. <strong>#E38AD3</strong> corresponde a um rosa claro, a cor da sombra.</p>
<p>Agora, um exemplo com o “blur”:</p>
<p><a rel="attachment wp-att-6513" href="http://www.iotecnologia.com.br/brincando-com-as-css-01-sombras-em-textos/sombra02"><img class="aligncenter size-full wp-image-6513" src="http://www.iotecnologia.com.br/wp-content/uploads/2011/03/sombra02.png" alt="" width="550" height="159" /></a></p>
<p><em>h1 {<br />
text-align: center;<br />
color: orange;<br />
font-size: 3em;<br />
<strong> text-shadow: -4px 5px 8px green;</strong><br />
}</em></p>
<p>Se você prestar atenção, a sombra verde está “borrada”, diferentemente da sombra rosa, que estava bem definida. É o “blur”, que também é medido em pixels.</p>
<p>Para deixar mais claro, segue a comparação do título sem desfoque (primeira imagem) com o título com desfoque (segunda imagem).</p>
<p><a rel="attachment wp-att-6514" href="http://www.iotecnologia.com.br/brincando-com-as-css-01-sombras-em-textos/sombra03"><img class="aligncenter size-full wp-image-6514" src="http://www.iotecnologia.com.br/wp-content/uploads/2011/03/sombra03.png" alt="" width="550" height="161" /></a></p>
<p style="text-align: center"><a rel="attachment wp-att-6513" href="http://www.iotecnologia.com.br/brincando-com-as-css-01-sombras-em-textos/sombra02"><img class="aligncenter" src="http://www.iotecnologia.com.br/wp-content/uploads/2011/03/sombra02.png" alt="" width="550" height="159" /></a></p>
<p><em>E se eu quiser mais de uma sombra?</em></p>
<p><em><a rel="attachment wp-att-6515" href="http://www.iotecnologia.com.br/brincando-com-as-css-01-sombras-em-textos/sombra04"><img class="aligncenter size-full wp-image-6515" src="http://www.iotecnologia.com.br/wp-content/uploads/2011/03/sombra04.png" alt="" width="550" height="153" /></a></em></p>
<p>Basta separar os valores da primeira sombra com uma <strong>vírgula</strong>, e repetir o processo para a próxima sombra. Exemplo:</p>
<p><em>h1 {<br />
text-align: center;<br />
color: darkblue;<br />
font-size: 3em;<br />
<strong> text-shadow: 4px 5px lightblue, 8px 10px gray, 12px 15px silver;</strong><br />
}</em></p>
<p>Variando os valores e “brincando” com o efeito desfoque, você poderá produzir resultados realmente interessantes.</p>
<p><strong>Texto com aparência de relevo</strong></p>
<p><em>Antes:</em></p>
<p><em><a rel="attachment wp-att-6516" href="http://www.iotecnologia.com.br/brincando-com-as-css-01-sombras-em-textos/sombra05"><img class="aligncenter size-full wp-image-6516" src="http://www.iotecnologia.com.br/wp-content/uploads/2011/03/sombra05.png" alt="" width="550" height="162" /></a></em></p>
<p><em>Depois:</em></p>
<p><em><a rel="attachment wp-att-6517" href="http://www.iotecnologia.com.br/brincando-com-as-css-01-sombras-em-textos/sombra06"><img class="aligncenter size-full wp-image-6517" src="http://www.iotecnologia.com.br/wp-content/uploads/2011/03/sombra06.png" alt="" width="550" height="155" /></a></em></p>
<p>Código da segunda imagem:</p>
<p><em>h1 {<br />
text-align: center;<br />
color: silver;<br />
font-size: 3em;<br />
<strong> text-shadow:  1px 1px 1px <em><strong>#000, </strong></em> -1px -1px 1px <em><strong>#FFF</strong></em>;</strong><br />
}</em></p>
<p><em><br />
</em></p>
<p><a rel="attachment wp-att-6518" href="http://www.iotecnologia.com.br/brincando-com-as-css-01-sombras-em-textos/sombra07-2"><img class="aligncenter size-full wp-image-6518" src="http://www.iotecnologia.com.br/wp-content/uploads/2011/03/sombra071.png" alt="" width="550" height="159" /></a></p>
<p><em>h1 {<br />
text-align: center;<br />
color: #FF0000;<br />
font-size: 3em;<br />
<strong> text-shadow: 5px -5px 5px #FF7F00, 13px -13px 13px #FFA500, 20px -20px 20px #EEC900;</strong><br />
}</em></p>
<p><em><br />
</em></p>
<p>A propriedade <strong>text-shadow</strong> também é válida para subtítulos, parágrafos&#8230;</p>
<p><strong>Observação:</strong> até um tempo atrás, essa propriedade não funcionava nas versões mais recentes do Internet Explorer (muito menos nas mais antigas, rsrs). Não sei se já corrigiram isso. Se ainda não o fizeram, em breve farão.</p>
<p>A base para este tutorial foi adquirida lendo vários materiais bacanas pela Web, principalmente o <a target="_blank" href="http://imasters.com.br/artigo/7469/css/css3-sombras-em-textos">artigo do @maujor no iMasters</a>.</p>
<p>Se houver um bom aproveitamento deste artigo, pretendo criar uma série de tutoriais sobre CSS, com ênfase nas mudanças trazidas pelas CSS3. Para tanto, preciso saber o nível de vocês. Não sabe o que é CSS ou tem pouca experiência no assunto? Deseja sugerir algum efeito ou saber como ele é produzido? Comente!</p>
<p>Um abraço, e até a próxima.</p>
<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.iotecnologia.com.br/brincando-com-as-css-01-sombras-em-textos/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Um olhar r&#225;pido sobre os designs na Web m&#243;vel</title>
		<link>http://www.iotecnologia.com.br/um-olhar-rpido-sobre-os-designs-na-web-mvel</link>
		<comments>http://www.iotecnologia.com.br/um-olhar-rpido-sobre-os-designs-na-web-mvel#comments</comments>
		<pubDate>Sat, 26 Feb 2011 08:30:54 +0000</pubDate>
		<dc:creator>Tanuris Pina</dc:creator>
				<category><![CDATA[Dicas]]></category>
		<category><![CDATA[desenvolvimento web]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[Dispositivos móveis]]></category>
		<category><![CDATA[Web movel]]></category>

		<guid isPermaLink="false">http://www.iotecnologia.com.br/?p=6420</guid>
		<description><![CDATA[Recentemente comprei meu primeiro smartphone e ao acessar a internet, observei os sites, comecei a analisar a diferença entre os designs feitos pra desktops e dispositivos móveis. Eis que surge a ideia de criar um post falando sobre o design na web móvel. Desde o ano passado os designers compreenderam que o acesso à internet a partir de dispositivos móveis teve um crescimento exponencial, isso muito em função do aparecimento dos “smartphones” e das redes sociais como Twitter e Facebook. Segundo a Communities Dominte Brands estima-se que existam mais de 4,5 bilhões de dispositivos móveis em uso e a previsão<a href="http://www.iotecnologia.com.br/um-olhar-rpido-sobre-os-designs-na-web-mvel">&#160;&#160;[ Read More ]</a>
No related posts.

Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p><span style="font-family: arial,sans-serif;">Recentemente comprei meu primeiro smartphone e ao acessar a internet, observei os sites, comecei a analisar a diferença entre os designs feitos pra desktops e dispositivos móveis. Eis que surge a ideia de criar um post falando sobre o design na web móvel.</span></p>
<p><span style="font-family: arial,sans-serif;">Desde o ano passado os designers compreenderam que o acesso à internet a partir de dispositivos móveis teve um crescimento exponencial, isso muito em função do aparecimento dos “smartphones” e das redes sociais como Twitter e Facebook.</span></p>
<p><span style="font-family: arial,sans-serif;">Segundo a <a target="_blank" href="http://communities-dominate.blogs.com/brands/2010/02/the-big-picture-stats-view-to-mobile-industry-2010-edition.html" target="_blank">Communities Dominte Brands</a> estima-se que existam mais de 4,5 bilhões de dispositivos móveis em uso e a previsão é que até o final deste ano, mais de 1 bilhão de usuários estarão acessando a web através de dispositivos móveis. Embora estes números sejam esmagadores, a experiência na web móvel ainda não está vivendo o seu pleno potencial<strong>, </strong>comparando-se com a experiência da web tradicional, porque? Levando em consideração a dificuldade</span><strong></strong> de navegação presente na maioria dos sites, a navegação móvel não possui teclado e mouse tradicional<span style="font-family: arial,sans-serif;">. Os desenvolvedores web e designers precisam entender as práticas e técnicas que irão melhorar a experiência de navegação na web móvel.</span></p>
<p><span style="font-family: arial,sans-serif;">O conteúdo na web móvel deve ser voltado ao usuário exatamente como o conteúdo da web tradicional, no entanto, na “apresentação” do conteúdo deve-se ter uma enorme atenção e precaução, além das telas serem menores não podemos esquecer que a conexão à internet em alguns casos não é uma maravilha. </span></p>
<p><span style="font-family: arial,sans-serif;">Analisando alguns sites, percebemos que a grande maioria ainda não se deu conta de como seus sites são pouco acessíveis, ainda existe a necessidade de olhar o site inteiro, para encontrar o conteúdo desejado.</span></p>
<p><span style="font-family: arial,sans-serif;">Nem todos tem Iphone, Ipad, conexão 3G, quando se está navegando em dispositivos móveis é essencial encontrar o conteúdo rapidamente, ainda mais com os pacotes existentes de conexão à internet, que são caros e limitam a velocidade da conexão a medida que uma quantidade “y” de dados é utilizada.</span></p>
<p><span style="font-family: arial,sans-serif;">O “X” da questão na web móvel é a sua simplicidade e isso é uma vantagens para os designs, na web móvel a simplicidade é igualada a usabilidade. Lembre-se de manter o design livre de bangunças e o mais leve possível, lembre que você não tem 10mb de conexão no seu dispositivo móvel.</span></p>
<p><span style="font-family: arial,sans-serif;">Maximizar o espaço da tela é fundamental, nós os usuários da da web móvel devemos ter uma interface simples e organizada para que a navegação ocorra sem frustrações, à vista que os dispositivos móveis não possuem mouse e teclado “tradicionais”, facilitando o acesso ao contéudo.</span></p>
<p><span style="font-family: arial,sans-serif;">A partir das observações é necessário antes de mais nada entender como os sites e as aplicações web são processadas nos dispositivos móveis, dessa forma organizar o melhor projeto de desenvolvimento de sites e/ou aplicações, claro que isso não ocorre do dia pra noite, e sim a medida que vai se descobrindo o caminho do sucesso na web móvel. </span></p>
<p><span style="font-family: arial,sans-serif;">Com a grande existência de dispositivos móveis, é necessária a compreensão que as aplicações vão ser diferentes, a navegação vai ser diferente, devemos focar e priorizar a criação de aplicações e navegação “unica”. Uma aplicação para o iPhone não vai ser exibida em um dispositivo S60. Um site criado exclusivamente pro Blackberry Bold 9700 será diferente num Sony Ericsson Satio. O Blackberry 9700 tem resolução 480 x 360 pixels, enquanto o Satio tem 360 x 640 pixels.</span></p>
<p><span style="font-family: arial,sans-serif;">Bom galera por hoje é isso, gostaria de  saber os seus pensamentos sobre o design para a web móvel. Caso você tenha alguma dica, consideração ou sugestão, não se envergonhe, use o campo de comentário e interaja conosco.</span></p>
<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.iotecnologia.com.br/um-olhar-rpido-sobre-os-designs-na-web-mvel/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Zen Coding: codificando (X)HTML como um ninja</title>
		<link>http://www.iotecnologia.com.br/zen-coding-codificando-xhtml-como-um-ninja</link>
		<comments>http://www.iotecnologia.com.br/zen-coding-codificando-xhtml-como-um-ninja#comments</comments>
		<pubDate>Tue, 08 Feb 2011 12:08:06 +0000</pubDate>
		<dc:creator>Nícholas André</dc:creator>
				<category><![CDATA[Dicas]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[xhtml]]></category>
		<category><![CDATA[zen conding]]></category>

		<guid isPermaLink="false">http://www.iotecnologia.com.br/?p=6360</guid>
		<description><![CDATA[Quem trabalha com Web e constantemente tem que desenvolver um layout, provavelmente a parte mais chata é ficar escrevendo todo aquele (X)THML  chato. Foi para isso que surgiu o Zen Coding, uma maneira de codificar a estrutura (X)HTML de uma forma lógica, extremanente rápida e muito prática! Você pode estar se perguntando: &#8220;Mas como isso funciona?&#8221;. Pois bem, vou explicar. Primeiramente tenha em mente que não estamos falando de um editor gráfico ou alguma ferramenta gráfica. É tudo código! O Zen Coding criou uma estrutura lógica que facilita a cosntrução dos elementos do (X)HTML. Por exemplo, imagine que você quer<a href="http://www.iotecnologia.com.br/zen-coding-codificando-xhtml-como-um-ninja">&#160;&#160;[ Read More ]</a>
No related posts.

Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter" src="http://4.bp.blogspot.com/_cM2l6Y3Ulgg/S-Aj3RY09SI/AAAAAAAADx8/sIPikwgiWXY/s400/zenCoding.jpg" alt="" width="208" height="208" /></p>
<p>Quem trabalha com Web e constantemente tem que desenvolver um layout, provavelmente a parte mais chata é ficar escrevendo todo aquele (X)THML  chato. Foi para isso que surgiu o Zen Coding, uma maneira de codificar a estrutura (X)HTML de uma forma lógica, extremanente rápida e muito prática!</p>
<p><span id="more-6360"></span></p>
<p>Você pode estar se perguntando: &#8220;Mas como isso funciona?&#8221;. Pois bem, vou explicar. Primeiramente tenha em mente que não estamos falando de um editor gráfico ou alguma ferramenta gráfica. É tudo código! O<a target="_blank" href="http://code.google.com/p/zen-coding/"> Zen Coding</a> criou uma estrutura lógica que facilita a cosntrução dos elementos do (X)HTML. Por exemplo, imagine que você quer criar uma div com o id topo e dentro desta div você quer colocar um parágrafo. Utilizando o Zen Coding no seu editor preferido, você vai escrever a seguinte linha:</p>
<blockquote><p>div#topo&gt;p</p></blockquote>
<p>Depois, você vai ativar o Zen Coding apertando o botão de atalho que ativa o Zen Coding(isso pode variar de IDE para IDE, uso o NetBeans e configurei para o atalho CTRL+W). Quando o Zen Coding for ativado ele vai retornar a seguinte estrutura:</p>
<blockquote><p>&lt;div id=&#8221;topo&#8221;&gt;</p>
<p style="padding-left: 30px;">&lt;p&gt;&lt;/p&gt;</p>
<p>&lt;/div&gt;</p></blockquote>
<p>Agora vamos entender aquela linha de código que criamos lá em cima. o <strong>div#topo</strong> está dizendo &#8220;Crie uma tag div com id &#8216;topo&#8217;&#8221;. Isso funciona para qualquer elemento.</p>
<blockquote><p>ul#menu</p></blockquote>
<p>O código acima vai criar uma tag ul com o id menu. O restante do código que criamos lá em cima é um sinal de maior seguido por p. Isso é o mesmo que dizer: &#8220;Crie um elemento p dentro da div com id topo&#8221;.</p>
<p>Muito fácil né? Caso se interessou em instalar o Zen Coding, visite a página do projeto <a target="_blank" href="http://code.google.com/p/zen-coding/">aqui</a>. E procure a extensão para a sua IDE (existem plugins para as IDE mais populares).</p>
<p>Para finalizar, vou explicar mais um exemplo para dar um pontapé inicial no aprendizado dos interessados.</p>
<p>Vamos criar algo extremamente comum: Uma lista não ordenada com 5 elementos li e cada elemento li contendo um link. Isso é chato de se fazer com (X)HTML, mas muito rápido e sem chatices com o Zen Conding. Vamos lá:</p>
<blockquote><p>ul#menu&gt;li*5&gt;a</p></blockquote>
<p>O que estamos fazendo é criando cinco elemento li (<strong>li*5</strong>) dentro do elemento ul com id menu. E dentro de cada elemento li (<strong>&gt;a</strong>), criamos um elemento &#8216;a&#8217;. Muito simples!</p>
<p>Para finalizar deixo um vídeo que demonstra as diversas funcionalidades do Zen Coding:</p>
<p><iframe src="http://player.vimeo.com/video/7405114" width="500" height="375" frameborder="0"></iframe>
<p><a target="_blank" href="http://vimeo.com/7405114">Zen Coding v0.5</a> from <a target="_blank" href="http://vimeo.com/user2060676">Sergey Chikuyonok</a> on <a target="_blank" href="http://vimeo.com">Vimeo</a>.</p>
<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.iotecnologia.com.br/zen-coding-codificando-xhtml-como-um-ninja/feed</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>10 razões que estão fazendo você perder seus projetos para os seus concorrentes</title>
		<link>http://www.iotecnologia.com.br/algumas-razoes-dos-seus-projetos-desaparecem</link>
		<comments>http://www.iotecnologia.com.br/algumas-razoes-dos-seus-projetos-desaparecem#comments</comments>
		<pubDate>Sat, 05 Feb 2011 16:16:35 +0000</pubDate>
		<dc:creator>Tanuris Pina</dc:creator>
				<category><![CDATA[Dicas]]></category>
		<category><![CDATA[Programas]]></category>
		<category><![CDATA[profissão]]></category>
		<category><![CDATA[projetos]]></category>
		<category><![CDATA[webdesigner]]></category>

		<guid isPermaLink="false">http://www.iotecnologia.com.br/?p=6365</guid>
		<description><![CDATA[Salveeeee galera, esse post de hoje veio através de um comentário de um amigo no qual ele dizia que iria parar de desenvolver porque os projetos estavam ficando escassos. Conversei com ele, trocamos algumas ideias, e aqui está o post resultado disso daí. Vamos lá? Você que é desenvolvedor, não esqueça nunca que por aí existem milhares de desenvolvedores iguaizinhos a você competindo no mercado. Já deve ter acontecido daquele projeto fácil que estava bem encaminhado se perder no meio do caminho, não? Se você não entende o porque, não se desespere, este artigo vai nos mostrar algumas razões que<a href="http://www.iotecnologia.com.br/algumas-razoes-dos-seus-projetos-desaparecem">&#160;&#160;[ Read More ]</a>
No related posts.

Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p><!-- p { margin-bottom: 0.21cm; } --><span style="font-family: arial,sans-serif;">Salveeeee galera, esse post de hoje veio através de um comentário de um amigo no qual ele dizia que iria parar de desenvolver porque os projetos estavam ficando escassos. Conversei com ele, trocamos algumas ideias, e aqui está o post resultado disso daí. Vamos lá?</span></p>
<p><span id="more-6365"></span></p>
<p><span style="font-family: arial,sans-serif;">Você que é desenvolvedor, não esqueça nunca que por aí existem milhares de desenvolvedores iguaizinhos a você competindo no mercado. Já deve ter acontecido daquele projeto fácil que estava bem encaminhado se perder no meio do caminho, não? Se você não entende o porque, não se desespere, este artigo vai nos mostrar algumas razões que podem estar atrapalhando o caminho dos projetos até você. </span></p>
<p><span style="font-family: arial,sans-serif;"><strong>M</strong><strong>á comunicação: </strong>Se a comunicação com os clientes está indo mal, é bem provável que você entre em apuros e perca o projeto antes mesmo de começar. Reveja seus conceitos, você deve estar disponível pro cliente, tirando dúvidas, mantendo-o atualizado sobre suas idéias. Passando dessa fase, você vai evitar mal-entendidos e terá uma melhor chance dedar continuidade ao projeto. </span></p>
<p><span style="font-family: arial,sans-serif;"><strong>Preços equivocados:</strong> O preço na maioria dos casos é um dos maiores impecilhos para se ter um projeto em mãos. Se o preço do seu serviço estiver muito alto, afastará com certeza os clientes, se o preço for muito baixo passará a ideia que você é um desenvolvedor inexperiente, incapacitado, entre outros adjetivos. O “X” da questão é pesquisar na sua cidade como andam os preços, e encontrar o equilíbrio, de maneira que você possa competir com os demais desenvolvedores e ainda consiga cobrar o suficiente para cobrir os seus gastos.</span></p>
<p><span style="font-family: arial,sans-serif;"><strong>Seu site</strong><strong> não é bom o suficiente:</strong> É muito importante ter um bom site, nele você deve ter um portfólio de vergonha, colocar seu curriculo, contato, depoimentos dos clientes, ter um site profissional, sem perder aquilo, como que é mesmo??? Meu o cara tem talento. Um site bom é aquele que faz o cliente querer acessa-lo novamente.</span></p>
<p><span style="font-family: arial,sans-serif;"><strong>Falta de experiência:</strong></span><strong> </strong><span style="font-family: Arial,sans-serif;">Se você tem pouca experiência, isso pode ser um problema. </span>Mas se <span style="font-family: Arial,sans-serif;">você for bom o suficiente </span><span style="font-family: Arial,sans-serif;">em</span> dar<span style="font-family: Arial,sans-serif;"> argumentos </span>convincentes ao cliente, ganhou o dia. Esteja sempre preparado para vender o seu “peixe” mesmo que a pouca “experiência” esteja contra você. Faça sempre uma lista <span style="font-family: Arial,sans-serif;">de razões válidas </span><span style="font-family: Arial,sans-serif;">mostrando que você é uma boa escolha, mas sem soar desespero, ok? Não esqueça que você pode começar por projetos pequenos, assim conseguindo a experiência necessária pra atrair os projetos “grandões”. Como diria o outro, “50% de alguma coisa é melhor que 100% de nada”. </span><span style="font-family: Arial,sans-serif;"> </span></p>
<p><span style="font-family: arial,sans-serif;"><br />
</span><span style="font-family: arial,sans-serif;"><strong>Depoimentos</strong></span><span style="font-family: arial,sans-serif;"><strong>: </strong></span><span style="font-family: arial,sans-serif;">Alguns clientes vão querer depoimentos de clientes antigos, alguns sentem confiança através de depoim</span><span style="font-family: arial,sans-serif;">e</span><span style="font-family: arial,sans-serif;">ntos</span><span style="font-family: arial,sans-serif;">. </span><span style="font-family: arial,sans-serif;">Sempre tenha boas relações com os </span><span style="font-family: arial,sans-serif;">clientes antigos</span><span style="font-family: arial,sans-serif;">. </span><span style="font-family: arial,sans-serif;">Coloque alguns depoimentos desses clientes no seu site, essa atitude é muito profissional e ajuda muito.</span></p>
<p><span style="font-family: arial,sans-serif;"><strong>Contato</strong><strong>: </strong>Esteja sempre acessível. Forneça aos seus clientes o seu cartão de visitas, repasse as suas redes sociais, e-mails e telefones. Mostre que ele pode entrar em contato com você a qualquer momento Afinal, você não vai querer perder uma oportunidade pelo simples fato de não estar acessível não é? Ah! Não esqueça de ter o telefone celular sempre ligado!</span></p>
<p><span style="font-family: arial,sans-serif;"><strong>Primeira impressão: </strong>Quando se vai conhecer o cliente, como de praxe, a primeira impressão é a que fica. Portanto, use roupas adequadas e trate-o de maneira respeitosa. Isso lhe dará alguns pontos, saindo na frente de muitos concorrentes.</span></p>
<p><span style="font-family: arial,sans-serif;"><strong>Ofensividade</strong><strong>: </strong>Forçar as coisas nunca dá certo. Não estou dizendo que você não deva vender o seu “peixe”, mas forçar o cliente a comprar o seu produto só afastará o mesmo. Leia, estude, procure aprender sobre as estratégias e técnicas de vendas, por fim, não menos importante, seja diferente. Antes de sermos profissionais de TI, precisamos ser bons vendedores. O SEBRAE oferece alguns <a target="_blank" href="http://www.ead.sebrae.com.br/hotsite/" target="_blank">cursos gratuitos de vendas e técnicas de negociação</a>.</span></p>
<p><span style="font-family: arial,sans-serif;"><strong>Cronograma</strong><strong>: </strong></span><span style="font-family: Arial,sans-serif;">Quesito de extrema importância, o cronograma mostra como controlar o seu tempo, ajudando-o à não relaxar e a não perder o foco. Seguindo o cronograma direitinho, o sucesso do projeto é só uma questão de tempo. Seu cliente vai ficar muito satisfeito ao receber o produto no data combinada, por outro lado, caso você fracasse na gestão do seu cronograma, você estará passando ao seu cliente a ideia de um “profissional” incapacitado, inexperiente, e que não consegue seguir metas. Fiquem muito atentos ao seu cronograma, concentre-se nele, um cronograma mal gerido vai ser um tiro no pé e afastará os seus projetos.</span></p>
<p><span style="font-family: arial,sans-serif;"><strong>Ser diferente</strong><strong>: </strong>Um quesito importante é oferecer algo a mais pro seu cliente. Se o cliente recebe dezenas de ofertas, você pode se destacar oferecendo um serviço a mais de “brinde”, por exemplo. Use a sua imaginação e consiga a satisfação do seu cliente, se não conseguir você irá ser apenas mais um entre tantos. </span></p>
<p><span style="font-family: arial,sans-serif;">Bom pessoal, espero que tenham gostado do post. Lembre-se “você é tão único quanto pensar que é”, basta se esforçar, seguir metas, trabalhar duro e esquecer a rotina. Cada cliente é único, merece ser tratado dessa maneira, deixe-o perceber o quanto é especial. Concentre-se nisso e boa sorte!</span></p>
<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.iotecnologia.com.br/algumas-razoes-dos-seus-projetos-desaparecem/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Em busca das palavras chaves perfeitas</title>
		<link>http://www.iotecnologia.com.br/em-busca-das-palavras-chaves-perfeitas</link>
		<comments>http://www.iotecnologia.com.br/em-busca-das-palavras-chaves-perfeitas#comments</comments>
		<pubDate>Sat, 29 Jan 2011 13:50:49 +0000</pubDate>
		<dc:creator>Tanuris Pina</dc:creator>
				<category><![CDATA[Dicas]]></category>
		<category><![CDATA[Redes e Internet]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[google adwords]]></category>
		<category><![CDATA[google wonder wheel]]></category>
		<category><![CDATA[keyword spy]]></category>
		<category><![CDATA[palavras-chave]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[wordstream]]></category>

		<guid isPermaLink="false">http://www.iotecnologia.com.br/?p=6292</guid>
		<description><![CDATA[Salveeeeeeee galera, hoje iremos falar sobre algumas ferramentas que vão ajudar na hora de escolher as palavras chaves que você poderá colocar nos artigos do seu blog ou site, adiantando que não vamos nos aprofundar nas mesmas, e sim mostrar algumas ferramentas que através de pesquisas tornaram-se indispensáveis atualmente. Para isso precisaremos do conceito de SEO (Search Engine Optmization), segundo o Wikipedia, SEO ou otimização de Sites é o conjunto de estratégias com o objetivo de potencializar e melhorar o posicionamento de um site nas páginas de resultados naturais (orgânicos) nos sites de busca. Então, seguindo desse princípio SEO tornou-se<a href="http://www.iotecnologia.com.br/em-busca-das-palavras-chaves-perfeitas">&#160;&#160;[ Read More ]</a>
No related posts.

Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="aligncenter" src="http://www.digitalmarketing.pt/wp-content/uploads/seo22.jpg" alt="" width="181" height="139" /></p>
<p style="text-align: justify;"><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">Salveeeeeeee galera, hoje iremos falar sobre algumas ferramentas que vão ajudar na hora de escolher as palavras chaves que você poderá colocar nos artigos do seu blog ou site, adiantando que não vamos nos aprofundar nas mesmas, e sim mostrar algumas ferramentas que através de pesquisas tornaram-se indispensáveis atualmente.</span></span></p>
<p style="text-align: justify;"><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">Para isso precisaremos do conceito de SEO (Search Engine Optmization), segundo o Wikipedia, <strong>SEO</strong> ou <strong>o</strong><strong>timização de Sites</strong> é o conjunto de estratégias com o objetivo de potencializar e melhorar o posicionamento de um site nas páginas de resultados naturais (orgânicos) nos sites de busca.<span id="more-6292"></span></span></span></p>
<p style="text-align: justify;" lang="pt-PT"><img src="../wp-includes/js/tinymce/plugins/wordpress/img/trans.gif" alt="" /><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">Então, seguindo desse princípio SEO tornou-se uma das coisas mais importantes a se ter na mente quando se pensa num site ou blog. Otimizando seu conteúdo e usando as palavras corretas você terá enormes benefícios e também facilitará o seu trabalho, tornando-o muito mais fácil e divertido. SEO é muito complexo e tem muitas adaptações, as palavras-chave para encontrar o seu conteúdo, sem dúvida, é uma das coisas mais importantes quando falamos de SEO.</span></span></p>
<p style="text-align: justify;"><span style="font-family: Arial,sans-serif;"><span style="font-size: small;"> Mesmo com a grande importância nas palavras-chave, muitas pessoas ainda não sabem como encontrar a melhor combinação, afim de obter os melhores resultados. A pesquisa de palavras-chave é muito importante para a visualização do seu site, significando assim muito dinheiro, que pode ser facilmente obtido através de pesquisas com boas palavras-chave.</span></span></p>
<p style="text-align: justify;"><span style="font-family: Arial,sans-serif;"><span style="font-size: small;"> Neste artigo como já havia citado vamos mostrar algumas ferramentas para facilitar a busca por palavras-chave e melhorar o SEO do seu site/blog. As próximas 4 ferramentas estão no topo dos geradores. </span></span></p>
<p><strong>Google</strong><span style="font-family: Arial,sans-serif;"><span style="font-size: small;"><strong> Wonder Wheel (Roda Mágica)</strong></span></span></p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-6293" src="http://www.iotecnologia.com.br/wp-content/uploads/2011/01/google-wonder.jpg" alt="" width="570" height="325" /></p>
<p style="text-align: justify;"><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">O 	Google não é apenas o melhor mecanismo de busca existe</span></span><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">nte</span></span><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">, 	o Google também </span></span><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">vai </span></span><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">ajudá-lo 	a encontrar os temas mais relevantes e </span></span><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">as </span></span><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">palavras-chave 	para que você obtenha os </span></span><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">melhores </span></span><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">resultados 	desejados. </span></span><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">Segundo 	o Marketing Online Visionario, </span></span><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">A 	roda mágica é um recurso muito legal do mecanismo de busca do 	Google, que possibilita a &#8220;explosão de nós&#8221;, através de 	uma árvore constituida por grafos, perante determinado termo de 	busca. </span></span><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">Leia 	mais no site do próprio Wonder 	Wheel, a</span></span><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">baixo 	um video</span></span><span style="font-family: Arial,sans-serif;"><span style="font-size: small;"> (Inglês)</span></span><span style="font-family: Arial,sans-serif;"><span style="font-size: small;"> feito pelo </span></span><strong><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">Darren 	Rowse</span></span></strong><strong><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">do 	blog Problogger, </span></span></strong><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">sobre como 	utilizar o serviço.</span></span></p>
<p>Google Wonder</p>
<p><span style="font-family: Arial,sans-serif;"><span style="font-size: small;"><strong>Google Adwords 	Keyword Tool</strong></span></span></p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-6296" src="http://www.iotecnologia.com.br/wp-content/uploads/2011/01/google-adwords.jpg" alt="" width="570" height="325" /></p>
<p style="text-align: justify;"><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">É fato o quão poderoso é o sistema Google Adwords 	e como muitas pessoas ao redor do mundo estão usando este serviço. 	A Equipe do Google também desenvolveu uma poderosa ferramenta de 	pesquisa de palavras-chave para ajudar você a obter os melhores 	resultados pro seu artigo.  A ferramenta tem muitos recursos úteis, 	sendo os mais importante &#8220;Escolher as colunas relevantes ao seu 	interesse&#8221;, e verificar o volume de pesquisa mensal ajudando 	você a determinar a quantidade de buscas feitas para uma 	palavra-chave qualquer, mostrando o quanto essa palavra merece a sua 	atenção. Leia mais no próprio sistema do Google.</span></span></p>
<p><span style="font-family: Arial,sans-serif;"><span style="font-size: small;"><strong>Keywork 	Spy</strong></span></span></p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-6294" src="http://www.iotecnologia.com.br/wp-content/uploads/2011/01/keyword-spy.jpg" alt="" width="570" height="325" /></p>
<p style="text-align: justify;"><span style="font-family: Arial,sans-serif;"><span style="font-size: small;"> Segundo o escoladinheiro, 	“o keywork spy </span></span><span style="font-family: Arial,sans-serif;">é 	uma ferramenta de análise de palavras-chave, que permite não só 	procurar e identificar palavras-chave extremamente rentáveis para </span><span style="font-family: Arial,sans-serif;">o 	seu artigo</span><span style="font-family: Arial,sans-serif;">, como também 	possibilita analisar quais as palavras-chave que os seus 	concorrentes estão a utilizar, oferecendo uma análise integrada e 	completa dos dados referentes a esses mercados de acção”. </span>Com o 	keywork Spy você também pode procurar 	por domínios, URLs de destino e cópias de anúncios, ajudando 	assim a esmagar a concorrência. Abaixo 	segue o video explicando como se utiliza o mesmo.</p>
<p style="text-align: justify;"><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">Keyword Spy<br />
</span></span></p>
<p><span style="font-family: Arial,sans-serif;"><span style="font-size: small;"><strong>WordStream</strong></span></span></p>
<p style="text-align: justify;"><img class="aligncenter size-full wp-image-6295" src="http://www.iotecnologia.com.br/wp-content/uploads/2011/01/wordstream.jpg" alt="" width="570" height="325" /><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">Com 	um banco de dados de mais de 1 bilhão de palavras-chave, o popular, 	WordStream,  é sem dúvidas uma boa opção, para alguns a melhor 	fonte de palavras-chave “gratuita”. O WordStream também permite 	exportar uma lista enorme de palavras que contenham mais de um 	milhão de palavras associadas, você também pode verificar a lista 	das palavras-chave mais recomendadas. Leia mais no próprio site do 	Wordstream, abaixo 	um video (Inglês) explicando o funcionamento do mesmo.</span></span></p>
<p>WordStream</p>
<p style="text-align: justify;"><span style="font-family: Arial,sans-serif;"><span style="font-size: small;"> Bom galera, é isso, por fim recomendo que antes de c</span></span><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">omeçar a utilizar qualquer </span></span><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">uma</span></span><span style="font-family: Arial,sans-serif;"><span style="font-size: small;"> das ferramentas </span></span><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">presentes </span></span><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">neste artigo, </span></span><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">seria interessante </span></span><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">escrever algumas palavras aleatórias relacionados ao </span></span><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">conteúdo do seu site, </span></span><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">de modo </span></span><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">a </span></span><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">criar uma ideia </span></span><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">concreta do que </span></span><span style="font-size: small;"><span style="font-family: Arial,sans-serif;">se</span></span><span style="font-family: Arial,sans-serif;"><span style="font-size: small;"> pesquisar. Não esquecendo de usar os motores de busca existentes, não somente o google, existem vários outros motores de </span></span><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">busca populares, AOL Hot buscas, o Google Trends e Zeitgeist, o MSN Search Insider e, claro, Yahoo! Buzz Index. Aproveite</span></span><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">m</span></span><span style="font-family: Arial,sans-serif;"><span style="font-size: small;"> as ferramentas e com</span></span><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">ecem </span></span><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">a melhorar o SEO </span></span><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">d</span></span><span style="font-family: Arial,sans-serif;"><span style="font-size: small;">o seu site agora mesmo.</span></span></p>
<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.iotecnologia.com.br/em-busca-das-palavras-chaves-perfeitas/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Quanto vale o meu site?</title>
		<link>http://www.iotecnologia.com.br/quanto-vale-o-meu-site</link>
		<comments>http://www.iotecnologia.com.br/quanto-vale-o-meu-site#comments</comments>
		<pubDate>Sat, 22 Jan 2011 12:00:00 +0000</pubDate>
		<dc:creator>Danilo Augusto</dc:creator>
				<category><![CDATA[Dicas]]></category>
		<category><![CDATA[preço do meu site]]></category>
		<category><![CDATA[quanto vale o meu site]]></category>
		<category><![CDATA[valor do meu blog]]></category>
		<category><![CDATA[valor do meu site]]></category>

		<guid isPermaLink="false">http://www.iotecnologia.com.br/quanto-vale-o-meu-site</guid>
		<description><![CDATA[Você já se fez essa pergunta? Pois é, se você já se perguntou quanto vale o seu site mas não obteve resposta de ninguém, chegou a hora de você conhecer o BIZ Informação. Além de dizer quanto o seu site vale, o Biz Informação oferece também um resumo com os assuntos mais discutidos nos seu site e um quadro de informações estatísticas, que por sinal estão bem desatualizadas. Mas o queremos saber mesmo é quanto vale nosso site, não é? Para isso, basta acessar o Biz Informação e digitar a URL do seu site. Simples assim. No related posts. Related<a href="http://www.iotecnologia.com.br/quanto-vale-o-meu-site">&#160;&#160;[ Read More ]</a>
No related posts.

Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>Você já se fez essa pergunta? Pois é, se você já se perguntou quanto vale o seu site mas não obteve resposta de ninguém, chegou a hora de você conhecer o <a target="_blank" href="http://bizinformacao.com.br" target="_blank">BIZ Informação</a>.</p>
<p> <span id="more-6183"></span>
<p>Além de dizer quanto o seu site vale, o Biz Informação oferece também um resumo com os assuntos mais discutidos nos seu site e um quadro de informações estatísticas, que por sinal estão bem desatualizadas. </p>
<p>Mas o queremos saber mesmo é quanto vale nosso site, não é? Para isso, basta acessar o <a target="_blank" href="http://bizinformacao.com.br" target="_blank">Biz Informação</a> e digitar a URL do seu site. Simples assim.</p>
<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.iotecnologia.com.br/quanto-vale-o-meu-site/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Apple iPad ou Samsung Galaxy Tab? Qual &#233; o melhor pra voc&#234;?</title>
		<link>http://www.iotecnologia.com.br/apple-ipad-ou-samsung-galaxy-tab-qual-o-melhor-pra-voc</link>
		<comments>http://www.iotecnologia.com.br/apple-ipad-ou-samsung-galaxy-tab-qual-o-melhor-pra-voc#comments</comments>
		<pubDate>Wed, 19 Jan 2011 17:00:00 +0000</pubDate>
		<dc:creator>Pedro Munhoz</dc:creator>
				<category><![CDATA[Dicas]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[galaxy tab]]></category>
		<category><![CDATA[ipad]]></category>
		<category><![CDATA[samsung]]></category>
		<category><![CDATA[tablet]]></category>

		<guid isPermaLink="false">http://www.iotecnologia.com.br/?p=6161</guid>
		<description><![CDATA[O mundo dos tablets vem sofrendo um grande bombardeio de marcas e modelos nos últimos anos. Parece que o que antes era usado somente como ferramenta de trabalho está se tornando tão popular quanto um desktop ou notebook. Mas apesar de toda essa variedade, somente 2 chamam a atenção do público em geral: o já conhecido Apple iPad e o seu maior concorrente, o Galaxy Tab da Samsung. Se você está cogitando comprar algum deles, veja os prós e contras de cada aparelho e escolha o que melhor se adapta a você (e ao seu bolso)! Apple iPad Se você<a href="http://www.iotecnologia.com.br/apple-ipad-ou-samsung-galaxy-tab-qual-o-melhor-pra-voc">&#160;&#160;[ Read More ]</a>
No related posts.

Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>O mundo dos tablets vem sofrendo um grande bombardeio de marcas e modelos nos últimos anos. Parece que o que antes era usado somente como ferramenta de trabalho está se tornando tão popular quanto um desktop ou notebook. Mas apesar de toda essa variedade, somente 2 chamam a atenção do público em geral: o já conhecido Apple iPad e o seu maior concorrente, o Galaxy Tab da Samsung. Se você está cogitando comprar algum deles, veja os prós e contras de cada aparelho e escolha o que melhor se adapta a você (e ao seu bolso)!</p>
<p><span id="more-6161"></span></p>
<h2>Apple iPad</h2>
<p><img style="display: block; float: none; margin-left: auto; margin-right: auto; border: 0px;" title="ipad_1" src="http://www.iotecnologia.com.br/wp-content/uploads/2011/01/ipad_1.jpg" border="0" alt="ipad_1" width="176" height="240" /></p>
<p>Se você é daquele tipo de pessoa que escolhe os seus gadgets de acordo com o tamanho da tela e a quantidade de aplicativos disponíveis, o iPad é certamente a escolha a ser feita. Ele tem uma tela de 9,7 polegadas com resolução de 1024&#215;768 pixels, uma razoável resolução diga-se de passagem, considerando que ele é um portátil!</p>
<p>Na parte de aplicativos, sem dúvida alguma o tablet cumpre com suas obrigrações: vários programas podem ser adquiridos na App Store, algo em torno de 25 mil! Isso sem contar os apps desenvolvidos para o iPhone que rodam no iPad, embora com uma experiência um tanto quanto ruim devido ao tamanho da tela.</p>
<p>Outro ponto forte do tablet é a leitura. Para quem usou (ou ainda usa) e-readers vai gostar da experiência de leitura do iPad. Utilizando o aplicativo iBook você poderá ter acesso a centenas de títulos e ele ainda conta com recursos de busca no dicionário e na Wikipédia. Além disso, ele ainda conta com o famoso iPod para você ouvir suas músicas preferidas. Com todas essas funções, você pode pensar que a bateria morre rapidinho não? Pois se engana! A bateria parruda do iPad consegue aguentar quase 10 horas de trabalho pesado!</p>
<p>Mas como nem tudo são flores, a tela gigante inevitavelmente fica engordurada e faz com que o tablet pese 680g, o que pode se tornar incômodo pra ficar levando ele de um lado para o outro. Outro ponto fraco e que foi, e ainda é o grande calvário da Apple, é o fato dele não suportar Flash, tornando a navegação em algumas páginas da internet um pouco desconfortável. E sem dúvida nenhuma, a falta de uma câmera e das ligações telefônicas torna o brilho do iPad um pouco mais opaco. <img src='http://www.iotecnologia.com.br/wp-includes/images/smilies/icon_sad.gif' alt=':(' class='wp-smiley' /> </p>
<p>Preço médio nas importadoras: R$2604</p>
<h2>Samsung Galaxy Tab</h2>
<p><img style="display: block; float: none; margin-left: auto; margin-right: auto; border: 0px;" title="Samsung-Galaxy-Tab_47656_1" src="http://www.iotecnologia.com.br/wp-content/uploads/2011/01/SamsungGalaxyTab_47656_1.jpg" border="0" alt="Samsung-Galaxy-Tab_47656_1" width="189" height="240" /></p>
<p>E agora vamos ao concorrente! Para quem não se agrada muito com o tamanho do iPad (como eu) provavelmente vai gostar mais do Galaxy Tab. Sua tela possui 7 polegadas e resolução de 1024&#215;600 pixels, e conta ainda com um sensor de luminosidade que ajusta o brilho automaticamente. Com essa tela menor, o tablet pode ser carregado com apenas uma mão, diferente do iPad.</p>
<p>Na parte de aplicativos, o tablet ganha do da Apple: são mais de 100 mil aplicativos, porém nem todos estão dimensionados para a tela do Galaxy Tab, o que pode deixar algumas tarjas pretas nos contornos.</p>
<p>Na leitura, o Galaxy não faz feio também. Ele vem com o eBook e Readers Hub pré instalados, ambos podem acessar livros pelo Kobo. Desde janeiro, um aplicativo da Livraria Cultura vem instalado também e permite a compra de livros.</p>
<p>Falando de multimídia, o negócio é com ele mesmo! O tablet da Samsung vem equipado com duas câmeras fotográficas: uma frontal, de 1.3MP que serve para vídeo-chamadas e uma traseira com 3MP de resolução, flash de LED e qualidade de gravação de vídeo de 720&#215;480 pixels! E o Galaxy ainda sintoniza e grava sinal da TV Digital Brasileira!! Além disso, permite fazer ligações telefônicas e falar por viva-voz ou Bluetooth.</p>
<p>Depois dos prós, sempre vêm os contras! A bateria do Galaxy Tab tem apenas metade da durabilidade do seu concorrente e talvez o fato de ter que puxar uma antena para poder assistir a televisão pode não agradar a todos.</p>
<p>Preço médio do produto vendido desbloqueado: R$2286</p>
<p>Essa análise foi feita com base em dados técnicos e comentários de usuários. Infelizmente eu ainda não pude testar nenhum dos tablets para saber se os prós realmente são esses e os contras também, mas já é bom para dar uma ideia a quem está pensando em comprar algum deles. Caso algum leitor por ventura tenha algum dos gadgets, favor deixar sua opinião nos comentários. Leia a matéria e comente! Muito obrigado e até a próxima! <img src='http://www.iotecnologia.com.br/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.iotecnologia.com.br/apple-ipad-ou-samsung-galaxy-tab-qual-o-melhor-pra-voc/feed</wfw:commentRss>
		<slash:comments>28</slash:comments>
		</item>
		<item>
		<title>Seeds e Leechers: escolhendo os melhores torrents</title>
		<link>http://www.iotecnologia.com.br/seeds-leechers-escolhendo-melhores-torrents</link>
		<comments>http://www.iotecnologia.com.br/seeds-leechers-escolhendo-melhores-torrents#comments</comments>
		<pubDate>Sat, 08 Jan 2011 11:29:56 +0000</pubDate>
		<dc:creator>Alex Ferreira</dc:creator>
				<category><![CDATA[Dicas]]></category>
		<category><![CDATA[escolhendo]]></category>
		<category><![CDATA[lecher]]></category>
		<category><![CDATA[melhor torrent]]></category>
		<category><![CDATA[seed]]></category>
		<category><![CDATA[torrent]]></category>

		<guid isPermaLink="false">http://www.iotecnologia.com.br/?p=6047</guid>
		<description><![CDATA[Você, &#8220;downloadeiro&#8221; de plantão que vive baixando arquivos pro seu PC através de torrent e você que baixa arquivos via torrent uma vez a cada década, sabem explicar direitinho o que significam os termos &#8220;seed&#8221; e &#8220;leech&#8221;? Não? Pois saiba que essas duas belezinhas aí são responsáveis pelo tempo que seu download levará até ser concluído. Explicando os termos Antes de mais nada, é importante dizer que ambos os termos se referem a duas coisas bem parecidas. Um Seed ou Leech são nada mais que os outros usuários que tem o mesmo arquivo que você está baixando. A diferença entre<a href="http://www.iotecnologia.com.br/seeds-leechers-escolhendo-melhores-torrents">&#160;&#160;[ Read More ]</a>
No related posts.

Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">Você, &#8220;downloadeiro&#8221; de plantão que vive baixando arquivos pro seu PC através de torrent e você que baixa arquivos via torrent uma vez a cada década, sabem explicar direitinho o que significam os termos &#8220;seed&#8221; e &#8220;leech&#8221;? Não? Pois saiba que essas duas belezinhas aí são responsáveis pelo tempo que seu download levará até ser concluído.<span id="more-6047"></span><strong></strong></p>
<p style="text-align: justify;"><strong>Explicando os termos</strong><br />
Antes de mais nada, é importante dizer que ambos os termos se referem a duas coisas bem parecidas. Um Seed ou Leech são nada mais que os outros usuários que tem o mesmo arquivo que você está baixando. A diferença entre eles se dá apenas pela quantidade de arquivo já baixada.</p>
<ul>
<li>Seed: é o usuário que possui o arquivo completo no seu computador. Sua função é semeá-lo, ou seja, apenas disponibilizar tal arquivo para upload, visto que o download já não é mais necessário.</li>
<li>Leech: é o usuário que possui parcialmente o arquivo. Podemos dizer que um usuário é um leech se ele tem entre 0,1% e 99,9% do arquivo em seu computador. Um leech faz duas coisas ao mesmo tempo: continua baixando o arquivo e semeia o que já possui.</li>
</ul>
<p style="text-align: justify;"><strong>Escolhendo os melhores torrents</strong><br />
Para tomar uma boa decisão quanto a escolha dos torrents você deve estar consiênte de duas coisas: quanto mais seeds melhor; leechers consomem a banda dos outros seeds e dos outros leechers.</p>
<p style="text-align: justify;">Sabendo disso, a  primeira providência que você deve tomar é a de procurar os torrents com a maior quantidade possível de Seeds, pelo simples motivo de serem eles que já possuem todo o arquivo. Supondo que a quantidade de seeds de dois torrents semelhantes são bem próximas, então escolha o torrrent que possui a menor quantidade de Leechers. Se não existe torrent com quantidade razoável de Seeds, procure o que tiver a maior quantidade de Leechers.</p>
<p style="text-align: justify;">Nem sempre torrents com quantidades equivalentes de seeds e leechers são bons torrents, pois lembre que 1 leech já consome a banda de pelo menos outros 10 usuários (tanto seeds quanto outros leechers).<br />
Perceba que se um torrent possui poucos seeds e muitos leechers, você corre o risco de não conseguir baixar o arquivo por completo. Lembre que leechers não possuem o arquivo completo, e sim fragmentos dele. Por esse motivo você corre o risco de não conseguir baixar um único fragmento do arquivo e ficar &#8220;enganxado&#8221; quanto estiver em 99,9% do download.</p>
<p style="text-align: center;">&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;</p>
<p style="text-align: justify;">Bom gente, é isso&#8230; Infelizmente esse foi o meu último post aqui no I/O Tecnologia. Agradeço a todos vocês que sempre vem aqui no blog e leram os meus posts. Agradeço também a toda a equipe do blog (Danilo, Nicholas e Pedro) que fizeram e vão continuar fazendo um ótimo trabalho aqui. E outra coisa&#8230; O nome do blog não é &#8220;Ih Oh Tecnologia&#8221;, e sim &#8220;Ai Ô Tecnologia&#8221; <img src='http://www.iotecnologia.com.br/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<p style="text-align: justify;">Abraços a todos!</p>
<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.iotecnologia.com.br/seeds-leechers-escolhendo-melhores-torrents/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Padrões de Projeto: o que são e por que usá-los</title>
		<link>http://www.iotecnologia.com.br/padroes-de-projeto-o-que-sao-por-que-usar</link>
		<comments>http://www.iotecnologia.com.br/padroes-de-projeto-o-que-sao-por-que-usar#comments</comments>
		<pubDate>Fri, 07 Jan 2011 10:30:17 +0000</pubDate>
		<dc:creator>Alex Ferreira</dc:creator>
				<category><![CDATA[Dicas]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[padroes]]></category>
		<category><![CDATA[patterns]]></category>
		<category><![CDATA[projeto]]></category>
		<category><![CDATA[software]]></category>

		<guid isPermaLink="false">http://www.iotecnologia.com.br/?p=6010</guid>
		<description><![CDATA[Se você estuda, simpatiza ou trabalha em alguma área relacionada ao desenvolvimento de software, talvez já tenha ouvido falar em Padrões de Projeto, ou pelo menos já tenha esbarrado por aí com o termo Design Pattern. Nesse post explicarei o que são, para que servem e citar algumas vantagens do uso de tais padrões no desenvolvimento de softwares orientados a objetos. O que é um Padrão de Projeto? A definição clássica dos padrões estabelece que um padrão é uma forma de &#8220;descrever soluções para problemas recorrentes no desenvolvimento de sistemas de software orientados a objetos. Um padrão de projeto estabelece<a href="http://www.iotecnologia.com.br/padroes-de-projeto-o-que-sao-por-que-usar">&#160;&#160;[ Read More ]</a>
No related posts.

Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p align="justify">Se você estuda, simpatiza ou trabalha em alguma área relacionada ao desenvolvimento de software, talvez já tenha ouvido falar em Padrões de Projeto, ou pelo menos já tenha esbarrado por aí com o termo Design Pattern. Nesse post explicarei o que são, para que servem e citar algumas vantagens do uso de tais padrões no desenvolvimento de softwares orientados a objetos.</p>
<p><span id="more-6010"></span></p>
<p align="justify"><strong>O que é um Padrão de Projeto?</strong><br />
A definição clássica dos padrões estabelece que um padrão é uma forma de <em>&#8220;descrever soluções para problemas recorrentes no desenvolvimento de sistemas de software orientados a objetos. Um padrão de projeto estabelece um nome e define o problema, a solução, quando aplicar esta solução e suas conseqüências&#8221;</em>.</p>
<p align="justify">Trocando em miúdos, os padrões estabelecem algumas técnicas genéricas que podem ser utilizadas para resolver algum tipo de problema de desenvolvimento. Como ninguém gosta de &#8220;reinventar a roda&#8221;, surgiram os primeiros padrões de projeto, que acabaram auxiliando os demais desenvolvedores em seus problemas semelhantes.</p>
<p align="justify">Imagine que você está escrevendo uma classe que só poderá ser instanciada uma única vez, como você fará isso? E se você quiser encapsular as chamadas ao banco de dados? E se você precisar encontrar uma maneira para alterar o comportamento dos seus objetos em tempo de execução? E se você quiser encapsular a criação de objetos? E se você quiser que o seu web site tenha todos os seus componentes separados por responsabilidades? Num primeiro momento, você talvez quebre um pouco a cabeça e acabe bolando uma maneira de resolver todos esses problemas, porém se você já tivesse conhecimento sobre os padrões <em><strong>DAO, Singleton, Strategy, Factory</strong></em> e o conjunto de padrões do <em><strong>MVC</strong></em> talvez você não tivesse tanta dor de cabeça e não teria gasto tanto tempo <del>reinventando a roda</del>.</p>
<p align="justify">Perceba que um padrão não lhe dará o código da sua classe prontinho, ao invés disso ele lhe servirá para lhe elucidar em relação a solução do problema. O fato que prova isto é que raramente os desenvolvedores irão seguir &#8220;à risca&#8221; o que sugere o padrão, fazendo algumas adaptações acerca da sugestão original.</p>
<p align="justify">Um ponto que muita gente se engana, é quando alguém diz que <em>&#8220;padrões são coisas do Java ou do PHP&#8221;</em>. Perceba que no inicio do post eu falei que os padrões estabelecem técnicas genéricas, portanto estas não estão ligadas a nenhuma linguagem específica, e sim aos problemas de desenvolvimento de softwares OO.</p>
<p align="justify"><strong><br />Por que usar os Padrões de Projeto?</strong><br />
Além de evitar que você perda tempo reinventando a roda, os padrões lhe sugerem uma solução bacana do ponto de vista OO. O que pretendo dizer é que o uso deles nos ajudam a desenvolver um projeto com bom nível de coesão e reusabilidade, o que facilita o processo de manutenção do software. Lembre-se que a manutenção é justamente o que toma o maior período do tempo de vida de qualquer projeto de desenvolvimento.</p>
<p align="justify">Outro ponto, não menos importante, é que muitas vezes você não está desenvolvendo um projeto sozinho. Se toda a equipe está familiarizada com os Patterns você poderá economizar bastante tempo caso seja necessário explicar como você desenvolveu uma funcionalidade qualquer, fazendo com que você não precise &#8216;baixar o nível&#8217;. Ao invés de dizer <em>&#8220;fiz com que o construtor da classe não pudesse ser visível às demais e coloquei um método getInstance pra retornar a única instância da classe&#8221;</em>, você simplesmente diz: <em>&#8220;usei o Singleton&#8221;</em>.</p>
<p align="justify">A partir do momento que você sabe utilizar os Design Patterns de forma coerente, podemos dizer que você é, de fato, um bom desenvolvedor OO.</p>
<p align="justify"><strong><br />Quero saber qual caminho seguir pra estudar sobre o assunto</strong><br />
Uma forma é buscar as definições dos padrões no Google, principalmente pelas definições &#8220;oficiais&#8221;. Os principais padrões são os do GoF (Gang Of Four) e os J2EE (voltados para projetos empresariais). Recomendo estudá-los nesta ordem e depois buscar outros padrões de acordo com a sua necessidade.</p>
<p align="justify">Se você prefere um estudo mais formal, recomendo os livros:</p>
<ul>
<li>Design Patterns: Elements of Reusable Object-Oriented Software (mais completo)</li>
<li>Head First: Design Patterns ou Use a Cabeça: Padrões de Projeto (pra quem gosta da série)</li>
</ul>
<p>Infelizmente não achei o primeiro livro em nenhuma loja, apenas sua versão traduzida que encontrei <a target="_blank" target="_blank" href="http://www.submarino.com.br/produto/1/93924/?franq=282801">aqui</a>. Já o segundo livro eu encontrei <a target="_blank" target="_blank" href="http://www.submarino.com.br/produto/9/303805/?franq=282801">aqui</a> e sua versão traduzida <a target="_blank" target="_blank" href="http://www.livrariasaraiva.com.br/produto/1995765">aqui</a>.
</p>
<p align="justify">Bom gente, é isso&#8230; Qualquer dúvida, crítica ou sugestão que vocês tenham, deixem nos comentários! Espero que o post tenha ajudado a vocês a ter uma noção geral sobre Design Patterns. Até a próxima!</p>
<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.iotecnologia.com.br/padroes-de-projeto-o-que-sao-por-que-usar/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Colocando visualização por abas do Firefox na taskbar do Windows 7</title>
		<link>http://www.iotecnologia.com.br/abas-firefox-taskbar-windows7</link>
		<comments>http://www.iotecnologia.com.br/abas-firefox-taskbar-windows7#comments</comments>
		<pubDate>Wed, 05 Jan 2011 16:00:10 +0000</pubDate>
		<dc:creator>Alex Ferreira</dc:creator>
				<category><![CDATA[Dicas]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[miniatura]]></category>
		<category><![CDATA[taskbar]]></category>
		<category><![CDATA[Windows 7]]></category>

		<guid isPermaLink="false">http://www.iotecnologia.com.br/?p=2794</guid>
		<description><![CDATA[Já não é novidade para os usuários do Windows 7 que nele foi implementado um recurso bem interessante na barra de tarefas do sistema (aquela lá em baixo onde ficam os ícones dos programas abertos e atalhos) que agrupa várias janelas e abas em um único botão. Usando como exemplo o Internet Explorer, se abrirmos várias abas numa mesma janela do navegador, será apresentado várias miniaturas distintas no ícone do IE na barra de tarefas. Infelizmente esse recurso não é aproveitado pelo Firefox 3.6, por padrão, contudo, podemos ativar o recurso em apenas 4 passos e sem precisar instalar nenhum<a href="http://www.iotecnologia.com.br/abas-firefox-taskbar-windows7">&#160;&#160;[ Read More ]</a>
No related posts.

Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p align="justify">Já não é novidade para os usuários do Windows 7 que nele foi implementado um recurso bem interessante na barra de tarefas do sistema (aquela lá em baixo onde ficam os ícones dos programas abertos e atalhos) que agrupa várias janelas e abas em um único botão. Usando como exemplo o Internet Explorer, se abrirmos várias abas numa mesma janela do navegador, será apresentado várias miniaturas distintas no ícone do IE na barra de tarefas. Infelizmente esse recurso não é aproveitado pelo Firefox 3.6, por padrão, contudo, podemos ativar o recurso em apenas 4 passos e sem precisar instalar nenhum complemento. Veja o tutorial:</p>
<p><span id="more-2794"></span></p>
<p align="justify">
</p>
<ol>
<li>Abra o Firefox e vá para o endereço: <strong><font color="#ff0000">about:config</font></strong> </li>
<li>Clique em: <em><strong><font color="#ff0000">Serei cuidadoso, prometo!</font></strong></em> </li>
<li>Na barra <strong>“<em>Localizar</em>”</strong>, digite: <strong><font color="#ff0000">browser.taskbar</font></strong> </li>
<li>Dê um clique duplo na chave: <strong><font color="#ff0000">browser.taskbar.previews.enable</font></strong> </li>
</ol>
<p>
</p>
<p align="justify">Ao fazer isso o seu Firefox irá ter o mesmo comportamento do Internet Explorer, basta abrir várias abas e posicionar o cursor do mouse sobre o ícone dele na barra de ferramentas <img src='http://www.iotecnologia.com.br/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<p><strong>Antes da dica:</strong><img style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="" border="0" alt="" src="http://www.iotecnologia.com.br/wp-content/uploads/2010/01/37754single_preview.jpg" width="219" height="208" /> </p>
<p><strong>Depois da dica:</strong><img style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="" border="0" alt="" src="http://www.iotecnologia.com.br/wp-content/uploads/2010/01/37754multiple_tab_previews.jpg" width="474" height="126" />&#160;</p>
<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.iotecnologia.com.br/abas-firefox-taskbar-windows7/feed</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Desenvolvimento Web: dicas e sermões</title>
		<link>http://www.iotecnologia.com.br/desenvolvimento-web-dicas-e-sermoes</link>
		<comments>http://www.iotecnologia.com.br/desenvolvimento-web-dicas-e-sermoes#comments</comments>
		<pubDate>Tue, 04 Jan 2011 16:58:20 +0000</pubDate>
		<dc:creator>Nícholas André</dc:creator>
				<category><![CDATA[Dicas]]></category>
		<category><![CDATA[acessibilidade]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[desenvolvimento web]]></category>
		<category><![CDATA[webdesigner]]></category>

		<guid isPermaLink="false">http://www.iotecnologia.com.br/?p=5931</guid>
		<description><![CDATA[A web hoje é um fenômeno que está crescendo a cada dia, e a medida que ela cresce, cresce também parte daqueles que fazem a Web: os Web Designers, Web Master e por ai vai. O que acontece é que muitos desses “profissionais”, aprendem a trabalhar com duas ou até três ferramentas, e saem desenvolvendo sites e mais sites que mais se parecem com um misturado de gambiarras sem sentido. Este post irá reunir alguns tópicos sobre o desenvolvimento Web em geral, abordando desde algumas dicas à alguns sermões para os profissionais da Web. Use todos os seletores CSS avançados<a href="http://www.iotecnologia.com.br/desenvolvimento-web-dicas-e-sermoes">&#160;&#160;[ Read More ]</a>
No related posts.

Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;"><img class="aligncenter size-medium wp-image-5932" title="header" src="http://www.iotecnologia.com.br/wp-content/uploads/2011/01/header-300x225.jpg" alt="" width="300" height="225" /><br />
A web hoje é um fenômeno que está crescendo a cada dia, e a medida que ela cresce, cresce também parte daqueles que fazem a Web: os Web Designers, Web Master e por ai vai. O que acontece é que muitos desses “profissionais”, aprendem a trabalhar com duas ou até três ferramentas, e saem desenvolvendo sites e mais sites que mais se parecem com um misturado de gambiarras sem sentido.</p>
<p style="text-align: justify;">Este post irá reunir alguns tópicos sobre o desenvolvimento Web em geral, abordando desde algumas dicas à alguns sermões para os profissionais da Web.</p>
<p><span id="more-5931"></span></p>
<h3>Use todos os seletores CSS avançados</h3>
<p style="text-align: justify;"><!-- p { margin-bottom: 0.08in; } -->Você realmente conhece a fundo o CSS? Nesta dica irei reunir algumas formas avançadas de selecionar elementos para definir os estilos.</p>
<p><!-- p { margin-bottom: 0.08in; } --></p>
<ul>
<li><strong>Attribute selectors</strong></li>
</ul>
<p style="text-align: justify;"><!-- p { margin-bottom: 0.08in; } -->Nesse tipo de seletor ele irá pegar um elemento baseado em algum atributo definido no XHTML. No exemplo abaixo todos os elementos <strong>img</strong> com a propriedade <em>alt</em> definida serão afetados pelo estilo:</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-5935" title="cod1" src="http://www.iotecnologia.com.br/wp-content/uploads/2011/01/cod1.jpg" alt="Imagem exemplificando o Código" width="295" height="51" /></p>
<p><!-- p { margin-bottom: 0.08in; } -->Um outro exemplo é aplicar o estilo dependendo do conteúdo dos atributos:</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-5936" title="cod2" src="http://www.iotecnologia.com.br/wp-content/uploads/2011/01/cod2.jpg" alt="Imagem exemplificando o Código" width="223" height="78" /></p>
<p><!-- p { margin-bottom: 0.08in; } -->Neste caso, todos os parágrafos que tenham a classe <em>title</em> serão afetados pelo estilo.</p>
<p><!-- p { margin-bottom: 0.08in; } --></p>
<ul>
<li><strong>Child selectors</strong></li>
</ul>
<p><!-- p { margin-bottom: 0.08in; } -->Um <em>child selector</em> atinge o filho “direto” de um elemento. Por exemplo, suponha que tenhamos a seguinte marcação:</p>
<p style="text-align: center;"><img class="aligncenter size-medium wp-image-5938" title="cod3" src="http://www.iotecnologia.com.br/wp-content/uploads/2011/01/cod3-300x83.jpg" alt="Imagem exemplficando o código" width="300" height="83" /></p>
<p><!-- p { margin-bottom: 0.08in; } -->Perceba que somente o primeiro link é que é um filho direto da <em>div</em>, os outros links são filhos diretos da lista e não da <em>div</em>.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-5940" title="cod4" src="http://www.iotecnologia.com.br/wp-content/uploads/2011/01/cod4.jpg" alt="Imagem Exemplificando o código" width="196" height="60" /></p>
<p><!-- p { margin-bottom: 0.08in; } -->O estilo acima só irá afetar o primeiro link, uma vez que ele é filho direto da <em>div</em>.</p>
<p><!-- p { margin-bottom: 0.08in; } --></p>
<ul>
<li><strong>Adjacent sibling selectors</strong></li>
</ul>
<p style="text-align: justify;"><!-- p { margin-bottom: 0.08in; } -->Este tipo de seletor consiste em pegar o elemento que possui o mesmo pai e que esta imediatamente após outro seletor.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-5942" title="cod5" src="http://www.iotecnologia.com.br/wp-content/uploads/2011/01/cod5.jpg" alt="Imagem Exemplificando o código" width="394" height="49" /></p>
<p style="text-align: left;"><!-- p { margin-bottom: 0.08in; } -->E com o seguinte CSS, somente o primeiro parágrafo será estilizado.<img class="aligncenter size-full wp-image-5943" title="cod6" src="http://www.iotecnologia.com.br/wp-content/uploads/2011/01/cod6.jpg" alt="Imagem exemplificando código" width="200" height="55" /></p>
<p style="text-align: justify;"><!-- p { margin-bottom: 0.08in; } -->Existem muitas outros seletores, não poderei abordar todos para não deixar o post muito grande. Mas isso serve como um incentivo para vocês buscarem conhecer mais. <img src='http://www.iotecnologia.com.br/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<h3>Use convenções de nomes</h3>
<p><!-- p { margin-bottom: 0.08in; } --></p>
<p style="text-align: justify;">Quem aqui já desenvolveu um site e não se preocupou muito com a organização, sabe a grande dor de cabeça que isto dá, por isso, uma outra dica que eu dou é usar convenções de nomes para os seus elementos. E claro, nunca misture inglês com português, use somente um idioma.</p>
<p style="text-align: justify;">Abaixo uma lista de convenções de nomes geralmente usadas (em inglês):</p>
<ul>
<li>#branding</li>
<li>#content_sub</li>
<li>#content_main</li>
<li>#content_supp</li>
<li>#nav_main</li>
<li>#nav_sub</li>
<li>#site_info</li>
</ul>
<h3>Instale as extensões Firebug e Web Developer</h3>
<p><!-- p { margin-bottom: 0.08in; }a:link {  } --></p>
<p style="text-align: justify;">Eu acredito que a grande maioria dos desenvolvedores Web utilizam o Firefox para seu ambiente de produção. Caso você não use, recomendo fortemente que o faça agora. O Firefox possui duas extensões poderosas e que auxiliam e muito o desenvolvimento de páginas web: Firebug e Web Developer.</p>
<p style="text-align: justify;">Você pode baixá-las aqui: <a target="_blank" href="http://getfirebug.com/">http://getfirebug.com/</a> e <a target="_blank" href="https://addons.mozilla.org/en-US/firefox/addon/60/">https://addons.mozilla.org/en-US/firefox/addon/60/</a>.</p>
<p><!-- p { margin-bottom: 0.08in; } --></p>
<p style="text-align: justify;">Quando você instala essas extensões, é criada uma barra na parte superior do navegador, com diversas opções do Web Developer. O Firebug fica no canto direito inferior da tela. Após instalar o Firebug irá aparecer um ícone de um inseto que ao ser clicado irá abrir o Firebug.</p>
<p style="text-align: justify;">Com o Web Developer podemos editar o CSS enquanto estamos visualizando a página no navegador e obter o resultado na medida que fazemos as alterações. Podemos também ver diversas informações da página. Uma função que eu gosto muito é a de exibir a topografia. Vá em informações &gt; Exibir topografia e veja o resultado.</p>
<p style="text-align: justify;">Usando Firebug podemos facilmente descobrir onde está determinado elemento ou a que elemento pai um elemento filho pertence. Com o Firebug instalado e o Firefox aberto, clique no ícone do inseto para abrir o Firebug.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-5946" title="firebug" src="http://www.iotecnologia.com.br/wp-content/uploads/2011/01/firebug.jpg" alt="" width="681" height="193" /></p>
<p><!-- p { margin-bottom: 0.08in; } --></p>
<p style="text-align: justify;">Clique agora no ícone da setinha azul, a segunda opção da esquerda para a direita. Após fazer isso passe o mouse por cima da página, você vai perceber que ele vai selecionando os elementos, quando você clicar em algum elemento ele irá mostrar o XHTML e o CSS daquele elemento.</p>
<h3>Separe o estilo do conteúdo</h3>
<p><!-- p { margin-bottom: 0.08in; } --></p>
<p style="text-align: justify;">Já se foi a época em que usávamos o HTML para definir o visual das páginas Web, hoje em dia  <strong>devemos </strong>utilizar o CSS para este fim. O XHTML é onde definimos a marcação e colocamos o conteúdo, somente isso! Todo a estilização é feita via CSS. Uma forma interessante de ver se você está fazendo a coisa certa é verificar como sua página fica sem o CSS. Se ela ainda possuir fontes customizadas, fontes coloridas, backgrounds  e etc, isso é um mal sinal, pois você está usando o XHTML para estilizar sua página. Com o Web Developer é possível verificar como a página fica sem o CSS.</p>
<p style="text-align: justify;">Para fazer isso vá em “Nenhum erro de CSS &gt; Desativar estilos &gt; Todos os estilos”, após fazer isso o CSS será desativado e o navegador só ira renderizar o XHTML.</p>
<h3 style="text-align: justify;">Teste em todos os navegadores</h3>
<p><!-- p { margin-bottom: 0.08in; }a:link {  } -->Um outro ponto de suma importância: teste o site em todos os navegadores, não há nada mais desagradável do que ver um site funcionar perfeitamente em um navegador mas em outro navegador ele está com erros. Um exemplo é o site da <a target="_blank" href="http://wizard.com.br/">Wizard</a> . Até o presente momento ele está com o layout quebrado no Google Chrome.</p>
<h3>Preze pela acessibilidade</h3>
<p><!-- p { margin-bottom: 0.08in; } -->Você sabe o que é acessibilidade? Você sabe as técnicas utilizadas para prover uma acessibilidade? Se você não sabe responder essas perguntas, provavelmente seus sites são bastantes inacessíveis.</p>
<p>Propriedades como <em>alt</em> e <em>title</em> são essenciais para uma boa acessibilidade. Imagine que você tem uma imagem como um link, um internauta cego, logicamente não vai conseguir ver a sua página, então ele usa um leitor de tela.</p>
<p>Quando o leitor de tela vê uma imagem, ele procura por propriedades como <em>alt</em> e <em>title</em>, que descrevem o que é aquilo. Dessa forma um internauta cego conseguiria saber do que se trata aquele link. Se não houver um atributo deste tipo, provavelmente o leitor de tela irá ler o destino do link. O que não seria nada esclarecedor para o internauta.</p>
<p>Agora vamos mudar de situação, imagine um internauta que não consiga usar o mouse, ou que tenhas dificuldades de usar o mouse, então ele usa na maior parte do tempo o teclado para trabalhar no computador. Imagine aqueles famosos menus que quando passamos o mouse em cima aparece o submenu, como o deficiente iria conseguir imaginar que ali tem submenus?</p>
<p>Outra dificuldade seria navegar pela página, navegar pelos links utilizando apenas o teclado. Para problemas desse tipo existe o <em>tabindex</em>, uma propriedade que define a “prioridade” de cada elemento. Ou seja quando pressionarmos a tecla TAB os elementos serão selecionados de acordo com a prioridade definida pela propriedade <em>tabindex</em>.</p>
<p>Você pode estar sentindo falta de um apelo anti-flash, mas isso é assunto para um post inteiro, então para finalizar deixo esses vídeos que falam  muito sobre acessibilidade, é um pouco grande mas vale muito a pena assistir. Espero que após verem esses vídeos, seus sites sejam mais acessíveis.<br />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="385" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/NfF8KBy9U6I?fs=1&amp;hl=pt_BR" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="480" height="385" src="http://www.youtube.com/v/NfF8KBy9U6I?fs=1&amp;hl=pt_BR" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="385" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/OWgtRerb2Xc?fs=1&amp;hl=pt_BR" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="480" height="385" src="http://www.youtube.com/v/OWgtRerb2Xc?fs=1&amp;hl=pt_BR" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.iotecnologia.com.br/desenvolvimento-web-dicas-e-sermoes/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Served from: www.iotecnologia.com.br @ 2012-05-17 21:41:55 -->
