<?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>Tutorial City &#187; Notícias</title>
	<atom:link href="http://tutorial-city.net/category/noticias/feed/" rel="self" type="application/rss+xml" />
	<link>http://tutorial-city.net</link>
	<description>Tutoriais em desenvolvimento web</description>
	<lastBuildDate>Tue, 07 Sep 2010 14:31:26 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1-alpha</generator>
		<item>
		<title>Redesign do Tutorial City</title>
		<link>http://tutorial-city.net/noticias/redesign-do-tutorial-city/</link>
		<comments>http://tutorial-city.net/noticias/redesign-do-tutorial-city/#comments</comments>
		<pubDate>Tue, 07 Sep 2010 14:30:05 +0000</pubDate>
		<dc:creator>Tutorial City</dc:creator>
				<category><![CDATA[Notícias]]></category>
		<category><![CDATA[redesign]]></category>

		<guid isPermaLink="false">http://tutorial-city.net/?p=825</guid>
		<description><![CDATA[O Tutorial City voltou, e de cara novíssima! Depois de alguns meses sem atividade e algumas semanas em manutenção, este blog volta com muito mais força e tutoriais mais elaborados. O que vai mudar? Durante todo o tempo de existência &#8230; <a href="http://tutorial-city.net/noticias/redesign-do-tutorial-city/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>O Tutorial City voltou, e de cara novíssima! Depois de alguns meses sem atividade e algumas semanas em manutenção, este blog volta com muito mais força e tutoriais mais elaborados.<span id="more-825"></span></p>
<h2>O que vai mudar?</h2>
<p>Durante todo o tempo de existência desse blog foi complicado, pra mim, criar os vídeo tutoriais, então a primeira atitude mais forte é uma diminuição considerável de tutoriais em vídeo. Mas há males que vem para o bem, tutoriais em vídeo não podem ser tão elaborados quanto tutoriais escritos, porque vídeos muito longos tendem a ser cansativos, e separar em várias partes não é necessariamente uma boa ideia, já que não é muito legal ficar alternando entre vários vídeos pra ver só aquela parte que você queria tirar uma dúvida por exemplo.</p>
<p>Tutoriais escritos tem a vantagem de poder passar links externos no decorrer da leitura, facilitando o acesso à outras informações pelo usuário. Se eu mencionar um artigo de outro site, o leitor pode, instantaneamente, acessa-lo e revisar o conteúdo.</p>
<h2>O visual</h2>
<p>Não sou expert em design, aliás, estou bem longe disso, mas usei alguns conceitos que conheço pra tornar o site mais agradável para os usuários. <a href="http://www.webdesignerdepot.com/2009/12/minimalist-web-design-when-less-is-more/">Minimialismo</a> foi a palavra chave pra criação desse tema, focando puramente nos tutoriais, e deixando o resto em segundo plano.</p>
<p>A primeira grande mudança foi no esquema de cores. O tema antigo era bastante escuro, o que não é lá tão ruim pra um site que tem muitos vídeos, mas não é nada bom pra um site que tem muito texto (como este terá daqui por diante). Agora está tudo mais limpo e fácil de ler.</p>
<p>Usei a <a href="http://dev.opera.com/articles/view/setting-web-type-to-a-baseline-grid/">técnica do baseline</a>, pra leitura se <a href="http://www.alistapart.com/articles/settingtypeontheweb/">tornar ainda mais suave</a>. A fonte não está tão grande como antes, fazendo que a leitura fique menos cansativa. Também uso extensivamente cabeçalhos pra separar o conteúdo em partes lógicas e informar ao leitor o que está sendo feito em cada momento.</p>
<p>A estrutura está toda baseada em grids. <a href="http://articles.sitepoint.com/article/principles-beautiful-web-design/3">Grids conduzem o visitante</a> na leitura do conteúdo, e facilita seu entendimento, por estar bem estruturado. No caso específico desse blog usei o <a href="http://www.blueprintcss.org/">framework Blueprint</a>, porque acho mais <a href="http://speckyboy.com/2009/10/26/the-blueprint-css-framework-tutorials-how-to-guides-and-tools/">fácil e simples de usar</a>.</p>
<h2>Novidades</h2>
<p>Não há muitas novidades além das que já foram citadas anteriormente, mas gostaria de apontar algumas pequenas mudanças que tive todo cuidado pra que ficasse bem feitas.</p>
<h3>Comentários Agrupados</h3>
<p>A primeira que gostaria de falar é a possibilidade de <a href="http://bavotasan.com/tutorials/how-to-add-nested-comments-to-your-wordpress-theme/">responder diretamente aos comentários</a>, sem a necessidade do antigo <strong>@nome_do_usuario</strong>, que na minha opinião é algo horroroso, pois um comentário feito meses mais tarde pode responder a um comentário muito antigo e ficar bastante distante um do outro, sem muita relação visual. Com o novo sistema é possível responder diretamente, basta clicar em <em>responder</em> e pronto, a resposta ficará diretamente abaixo do comentário.</p>
<h3>Comentários em AJAX</h3>
<p>Agora os comentários são enviados em AJAX, o que é de grande comodidade caso você esteja assistindo a um vídeo e queira enviar um comentário sem precisar recarregar a página. O mesmo serve pra responder aos comentários, quando o botão de resposta é clicado, o formulário pula instantaneamente para o local onde o comentário se encontra, além de colocar o cursor do mouse diretamente no formulário, para que o usuário não precise usar o mouse para esta tarefa.</p>
<h3>Validação de comentários</h3>
<p>Outro cuidado que tomei foi validar os comentários antes do envio. Isso é bom para o usuário comum, porque mostra quando o email digitado não é válido ou quando ele esquecer de escrever um conteúdo por exemplo.</p>
<h3>Detalhes do tutorial</h3>
<p>Como última novidade gostaria de apontar os detalhes no início de cada tutorial. Agora antes de ler o conteúdo é possível saber o nível do tutorial e o tempo estimado para finalização. Os links pra download de arquivos, download do vídeo e preview online também se encontram neste local, unificando todos os dados sobre o tutorial.</p>
<h2>Velocidade</h2>
<p>Fiz questão de tornar esse blog o mais rápido possível em questão de tempo de carregamento. Usei praticamente todas as <a href="http://developer.yahoo.com/performance/rules.html">boas práticas recomendadas pelo time do Yahoo</a>. O <a href="http://developer.yahoo.com/yslow/">YSlow</a> deu rank A para este site, provando que cumpre muito bem as diretrizes do YSlow. No <a href="http://code.google.com/speed/page-speed/">Page Speed</a> ganhei uma pontuação de <em>85/100</em>, o que é um valor bastante expressivo.</p>
<h2>Conclusão</h2>
<p>Minha expectativa é que o Tutorial City tenha se tornado mais simples e rápido de usar. O conteúdo será o rei daqui por diante, com tutoriais de alto nível e bem detalhados. Espero que goste dessa nova fase e que sempre retorne para acompanhar os tutoriais. Um abraço e até a próxima!</p>
]]></content:encoded>
			<wfw:commentRss>http://tutorial-city.net/noticias/redesign-do-tutorial-city/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Photoshop para leigos &#8211; módulo 1 &#8211; parte 1</title>
		<link>http://tutorial-city.net/photoshop/photoshop-para-leigos-modulo-1-parte-1/</link>
		<comments>http://tutorial-city.net/photoshop/photoshop-para-leigos-modulo-1-parte-1/#comments</comments>
		<pubDate>Tue, 21 Apr 2009 07:38:38 +0000</pubDate>
		<dc:creator>Tutorial City</dc:creator>
				<category><![CDATA[Notícias]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[básico]]></category>

		<guid isPermaLink="false">http://tutorial-city.net/?p=62</guid>
		<description><![CDATA[Nessa série de tutoriais espero que todos os conceitos básicos sobre Photoshop fiquem bem fixados para o você, então nada como começar absolutamente do zero! Neste primeiro módulo mostro o que há de mais básico no Photoshop, como arrumar a &#8230; <a href="http://tutorial-city.net/photoshop/photoshop-para-leigos-modulo-1-parte-1/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><em>Nessa série de tutoriais espero que todos os conceitos básicos sobre Photoshop fiquem bem fixados para o você, então nada como começar absolutamente do zero!</em></p>
<p><em>Neste primeiro módulo mostro o que há de mais básico no Photoshop, como arrumar a área de trabalho, fechar e abrir documentos, entre outros. Este módulo está dividido em 7 vídeos, e os mesmos ficarão separados por posts.</em><span id="more-62"></span></p>
<p>Nesse vídeo você terá uma visão geral da área de trabalho do Photoshop, para poder ficar mais familiarizado com o mesmo. No começo pode parecer um bocado desafiador, mas conforme forem seguindo os tutoriais você perseberá que é bastante simples dominar este poderoso aplicativo.</p>
<h3>Visão geral da interface</h3>
<p><embed src="http://tutorial-city.net/wp-content/themes/starkers/style/video/ps-basic-1/ps-basic-1_controller.swf" type="application/x-shockwave-flash" width="960" height="617" allowscriptaccess="always" allowfullscreen="true"></embed></p>
<dl>
<dt>Módulo 1: Visão geral</dt>
<dd>
<ol>
<li><em>Conhecendo a interface</em></li>
<li><a href="http://tutorial-city.net/photoshop/photoshop-para-leigos-modulo-1-parte-2/">Abrindo, salvando e fechando documentos</a></li>
<li><a href="http://tutorial-city.net/photoshop/photoshop-para-leigos-modulo-1-parte-3/">Novo sistema de abas</a></li>
<li><a href="http://tutorial-city.net/photoshop/photoshop-para-leigos-modulo-1-parte-4/">Rearrumando os painéis</a></li>
<li><a href="http://tutorial-city.net/photoshop/photoshop-para-leigos-modulo-1-parte-5/">Usando as ferramentas</a></li>
<li><a href="http://tutorial-city.net/photoshop/photoshop-para-leigos-modulo-1-parte-6/">Salvando a área de trabalho</a></li>
<li><a href="http://tutorial-city.net/photoshop/photoshop-para-leigos-modulo-1-parte-7/">Conhecendo os modos de visualização do documento</a></li>
</ol>
</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://tutorial-city.net/photoshop/photoshop-para-leigos-modulo-1-parte-1/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Que a saga se inicie!</title>
		<link>http://tutorial-city.net/noticias/que-a-saga-se-inicie/</link>
		<comments>http://tutorial-city.net/noticias/que-a-saga-se-inicie/#comments</comments>
		<pubDate>Mon, 20 Apr 2009 19:01:50 +0000</pubDate>
		<dc:creator>Tutorial City</dc:creator>
				<category><![CDATA[Notícias]]></category>

		<guid isPermaLink="false">http://tutorial-city.net/?p=1</guid>
		<description><![CDATA[Mais um blog acaba de nascer! No Tutorial City você vai encontrar tutoriais sobre diversos assuntos ligados a design e a desenvolvimento web. O foco deste blog é fornecer tutoriais exclusivos de alta qualidade. Tendo em vista que grande parte &#8230; <a href="http://tutorial-city.net/noticias/que-a-saga-se-inicie/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Mais um blog acaba de nascer! No <strong>Tutorial City</strong> você vai encontrar tutoriais sobre diversos assuntos ligados a <del>design e a</del> <ins>desenvolvimento</ins> web. O foco deste blog é fornecer tutoriais exclusivos de alta qualidade.<span id="more-1"></span></p>
<p>Tendo em vista que grande parte dos tutoriais na internet são para quem já tem um conhecimento grande na tecnologias necessárias, esta comunidade vai pasar todos os conceitos básicos para mais fácil compreensão dos tutos encontrados pela web e por aqui.</p>
<p><del>A intenção é focar na criação de tutoriais em vídeo, já que os mesmos facilitam muito o aprendizado. Os vídeos terão formato HD(1280&#215;800), ajudando muito na visualização.</del></p>
<p>Você pode deixar suas opiniões e sugestões aqui, elas serão muito bem vindas! ;)</p>
]]></content:encoded>
			<wfw:commentRss>http://tutorial-city.net/noticias/que-a-saga-se-inicie/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
	</channel>
</rss>
