<?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>nefasto &#124; contra-corrente &#187; Desenvolvimento Web</title>
	<atom:link href="http://www.nefasto.eu/category/desenvolvimento-web/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.nefasto.eu</link>
	<description>Site oficial do colectivo Nefasto</description>
	<lastBuildDate>Fri, 24 Dec 2010 17:58:08 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>IV Encontro Comunicação e Design Multimédia</title>
		<link>http://www.nefasto.eu/programacao/iv-encontro-comunicacao-e-design-multimedia/</link>
		<comments>http://www.nefasto.eu/programacao/iv-encontro-comunicacao-e-design-multimedia/#comments</comments>
		<pubDate>Mon, 18 May 2009 05:28:17 +0000</pubDate>
		<dc:creator>Eduardo Nunes</dc:creator>
				<category><![CDATA[Cultura]]></category>
		<category><![CDATA[Desenvolvimento Web]]></category>
		<category><![CDATA[Design Gráfico]]></category>
		<category><![CDATA[Ilustração]]></category>
		<category><![CDATA[Intervenção]]></category>
		<category><![CDATA[Programação]]></category>
		<category><![CDATA[Sociedade]]></category>

		<guid isPermaLink="false">http://www.nefasto.eu/?p=665</guid>
		<description><![CDATA[É já para a semana (26, 27 e 28 de Maio) a quarta edição do Encontro de Comunicação e Design Multimédia de Coimbra, organizado pelos alunos finalistas do curso homónimo da Escola Superior de Educação. A nefasto tem a sua quota parte na organização do evento, pelo que não podia deixar de sugerir uma visita. [...]]]></description>
			<content:encoded><![CDATA[<p>É já para a semana (26, 27 e 28 de Maio) a quarta edição do Encontro de Comunicação e Design Multimédia de Coimbra, organizado pelos alunos finalistas do curso homónimo da Escola Superior de Educação. A nefasto tem a sua quota parte na organização do evento, pelo que não podia deixar de sugerir uma visita. O site é <a title="IV Encontro de Comunicação e Design Multimédia de Coimbra" href="http://www.encontrocdm.com" target="_blank">este</a> e o spot é isto:</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="500" height="405" 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/NKXTlgHvEIM&amp;hl=pt-br&amp;fs=1&amp;border=1" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="500" height="405" src="http://www.youtube.com/v/NKXTlgHvEIM&amp;hl=pt-br&amp;fs=1&amp;border=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>De entre os oradores convidados, aproveito para destacar o jornalista <a title="Carlos Pinto Coelho - Jornalista" href="http://www.acontece.net" target="_blank">Carlos Pinto Coelho</a> (apresentador do saudoso Acontece, na rtp2), o designer de comunicação <a title="Nuno Coelho - Designer" href="http://www.nunocoelho.net/" target="_blank">Nuno Coelho</a> e o ilustrador <a title="Manuel Morgado - Ilustrador" href="http://manuelmorgado.wordpress.com/" target="_blank">Manuel Morgado</a><a title="Rui Costa - Web Expert" href="http://2.0.bloguite.com/" target="_blank"></a>.</p>
<p>E agora isto:</p>
<blockquote><p>Porque pretendemos que a quarta edição do Encontro seja de partilha, interacção e convívio, há muito mais para lá do que está no programa! Discussão informal e directa entre participantes e oradores durante os coffee breaks, encontros informais dos participantes para um café e uma bebida, um jantar-conferência de encerramento e outros momentos espontâneos patrocinados pelo Encontro.</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://www.nefasto.eu/programacao/iv-encontro-comunicacao-e-design-multimedia/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS3</title>
		<link>http://www.nefasto.eu/desenvolvimento-web/css3/</link>
		<comments>http://www.nefasto.eu/desenvolvimento-web/css3/#comments</comments>
		<pubDate>Mon, 16 Feb 2009 04:52:10 +0000</pubDate>
		<dc:creator>Eduardo Nunes</dc:creator>
				<category><![CDATA[Desenvolvimento Web]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[Design Gráfico]]></category>
		<category><![CDATA[fonts]]></category>
		<category><![CDATA[formatação]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[Programação]]></category>
		<category><![CDATA[safe-for-web]]></category>
		<category><![CDATA[style]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://www.nefasto.eu/?p=443</guid>
		<description><![CDATA[Atenção: este artigo aborda um tema de natureza técnica. Procurei mantê-lo acessível a um número considerável de pessoas, mas poderá, ainda assim, aborrecer severamente os visitantes mais desinteressados pelo desenho e programação para a Web. Para os mais atentos, a proximidade do lançamento da terceira versão do CSS (Cascading Style Sheets) não é novidade alguma. [...]]]></description>
			<content:encoded><![CDATA[<p><small>Atenção: este artigo aborda um tema de natureza técnica. Procurei mantê-lo acessível a um número considerável de pessoas, mas poderá, ainda assim, <strong>aborrecer severamente</strong> os visitantes mais desinteressados pelo desenho e programação para a Web.</small></p>
<p><img class="alignright size-full wp-image-445" title="css3" src="http://www.nefasto.eu/wp-content/uploads/2009/02/css3.jpg" alt="css3" width="200" height="100" />Para os mais atentos, a proximidade do lançamento da <a title="CSS3.info" href="http://www.css3.info/" target="_blank">terceira versão</a> do <a title="CSS na Wikipedia (PT)" href="http://pt.wikipedia.org/wiki/Cascading_Style_Sheets" target="_blank">CSS (Cascading Style Sheets)</a> não é novidade alguma. Para os que não fazem ideia o que seja CSS, eis uma breve e algo atabalhoada explicação: aquando das primeiras aproximações ao design para a Web ou, por outras palavras, da ponderação da apresentação gráfica de um determinado sítio, os primeiros <em>webdesigners</em> depararam-se com um sério problema: as opções de formatação eram bastante limitadas, não deixando liberdade de criação alguma, para além das ocasionais combinações entre cores e meia-dúzia de tipos de letra diferentes. Essa situação alterou-se um pouco com o surgimento do CSS, uma linguagem de formatação que permite uma manipulação considerável de elementos gráficos, e que está por trás de <a title="Estatísticas de uso do CSS" href="http://triin.net/2006/06/12/CSS" target="_blank">67%</a> da totalidade das páginas na Internet.</p>
<p>Algo esperada há já algum tempo, a terceira versão do CSS foi recentemente anunciada, e o seu desenvolvimento tem sido amplamente acompanhado pela generalidade dos <em>webdesigners</em> e programadores para a web. Há bastantes novidades, algumas das quais poderão representar uma mudança significativa no rumo que o desenho para a web tomará, ainda que essa mudança possa demorar algum tempo. Estas são as que aguardo com maior expectativa&#8230;<br />
<span id="more-443"></span></p>
<h2></h2>
<hr style="color:#555555" size="1" />
<h2>Formatação de Texto</h2>
<p><img class="alignnone size-full wp-image-464" title="font-face" src="http://www.nefasto.eu/wp-content/uploads/2009/02/font-face.jpg" alt="font-face" width="500" height="100" /></p>
<p>Algo que poderá surpreender aqueles que nunca tiveram contacto directo com esta linguagem é o facto de, passados tantos anos de desenvolvimento Web, nos quais assistimos a um crescimento exponencial das potencialidades desta, e ao alargamento rápido e acentuado das suas capacidades de apresentação, os designers continuarem limitados ao uso de meia-dúzia de tipos de letra, considerados <a title="Web-Safe Fonts na Wikipedia (EN)" href="http://en.wikipedia.org/wiki/Web-safe_fonts" target="_blank"><em>safe-for-web</em></a>. Isto acontece porque os tipos de letra usados por um sítio web devem estar instalados no computador do visitante, para que este os consiga visualizar correctamente. Naturalmente, e para que a integridade da informação seja salvaguardada, um designer pode apenas esperar de um visitante que possua os tipos de letra que o seu sistema operativo traz por defeito &#8211; ou seja: uma ninharia.</p>
<p>É verdade que há modos de contornar essas limitações, mas nenhuma delas é realmente satisfatória &#8211; por questões de compatibilidade, ou por questões de integridade, usabilidade e tempo de carregamento, estas não são opções viáveis na grande maioria das situações.</p>
<p>A terceira versão do CSS promete resolver, finalmente, esse problema, permitindo ao webdesigner alojar os tipos de letra no seu servidor, de onde estes são carregados directamente, eliminando assim a dependência do sistema do visitante que até aqui se verificava.</p>
<hr style="color:#555555" size="1" />
<h2>Fundos Múltiplos</h2>
<p><img class="alignnone size-full wp-image-474" title="multiple" src="http://www.nefasto.eu/wp-content/uploads/2009/02/multiple.jpg" alt="multiple" width="500" height="100" /></p>
<p>Pessoalmente, uma das funções que aguardava com maior ansiedade. Para alguém muito habituado a trabalhar com camadas (<em>layers</em>), uma das minhas maiores frustrações face ao CSS sempre foi a impossibilidade de sobreposição de imagens de fundo. O sítio da Nefasto, por exemplo, faz uso do triplo dos blocos de imagem que serão necessários, uma vez implementada a terceira versão, para sobrepor as camadas vistas no topo desta página: a textura de papel, o logótipo em aguarela e as nuvens.</p>
<hr style="color:#555555" size="1" />
<h2>Cantos Redondos</h2>
<p><img class="alignnone size-full wp-image-475" title="border-radius" src="http://www.nefasto.eu/wp-content/uploads/2009/02/border-radius.jpg" alt="border-radius" width="500" height="100" /></p>
<p>Uma funcionalidade suportada por alguns browser (com destaque para o Firefox) há já algum tempo, mas só agora oficialmente anunciada: o uso de cantos arredondados, aplicados directamente através do CSS. Nos primórdios do desenho para a Web, e até há bem pouco tempo, dispor informação num bloco quadrado, mas sem vértices, era uma tarefa penosa, sendo necessário recorrer a imagens, sobre as quais era introduzido texto.</p>
<p>Com a implementação da função border-radius, os vértices de qualquer bloco podem agora ser facilmente suavizados, de acordo com a amplitude desejada, e para cada canto individualmente.</p>
<hr style="color:#555555" size="1" />
<h2>Colunas de Texto</h2>
<p><img class="alignnone size-full wp-image-468" title="multi-column" src="http://www.nefasto.eu/wp-content/uploads/2009/02/multi-column.jpg" alt="multi-column" width="500" height="100" /></p>
<p>Um problema capaz de roubar anos de vida, e que não raras vezes me fez perder horas de desespero em frente ao computador, é a disposição do texto, em HTML, por colunas. Também aqui há alternativas possíveis, como sendo o uso de tabelas, ou blocos de texto independentes, dispostos lado a lado. Mas esta solução não é de todo aceitável, uma vez que não contempla texto de dimensão variável &#8211; o <em>webdesigner</em> deve sempre saber, à priori, o tamanho do texto, para que o possa dividir manualmente pelos três blocos de texto. É isso ou recorrer a complexos blocos de código, que efectuem a referida divisão automaticamente, algo francamente escusado.</p>
<p>O CSS3 vem facilitar o processo, melhorando ainda a adaptabilidade do texto ao <em>layout</em>: o <em>webdesigner</em> define a divisão de um bloco de texto pela largura de cada coluna, ou pela quantidade de colunas desejada, sendo as restantes propriedades ajustadas de acordo com o(s) parâmetro(s) definido(s) pelo utilizador.</p>
<hr style="color:#555555" size="1" />
<h2>Módulo de Voz</h2>
<p><img class="alignnone size-full wp-image-469" title="speech" src="http://www.nefasto.eu/wp-content/uploads/2009/02/speech.jpg" alt="speech" width="500" height="100" /></p>
<p>Quem alguma vez teve contacto directo com um internauta invisual saberá certamente que estes dispõem de um <em>browser</em> bastante peculiar, que interpreta toda a informação contida numa página web, e usa um sistema de voz sintetizada por computador para reproduzir o conteúdo de interesse para o utilizador.</p>
<p>Ora, é perfeitamente lógico que, se um webdesigner se encarrega da estilização visual da informação, também deva possuir controlo sobre a leitura que é feita da sua página. A segunda versão do CSS fez uma primeira aproximação a este conceito, mas só com o CSS3 esse módulo amadureceu, e é agora uma das características mais interessantes da linguagem.</p>
<p>É assim possível definir, para blocos de texto específicos, atributos como o volume, o balanço, o sexo do locutor, o seu timbre de voz e a velocidade da dicção. Ainda que possa parecer trivial, a aplicabilidade deste módulo é imensa, permitindo, por exemplo, enfatizar determinados blocos de informação pelo controlo do volume, melhorar a noção de dispersão da informação para o visitante invisual, através do balanço ou humanizar um diálogo de texto, através da manipulação das características vocais de cada um dos locutores.</p>
<hr style="color:#555555" size="1" />
<h2>Quebras de Linha</h2>
<p><img class="alignnone size-full wp-image-472" title="wordwrap" src="http://www.nefasto.eu/wp-content/uploads/2009/02/wordwrap.jpg" alt="wordwrap" width="500" height="100" /></p>
<p>Não é certamente a maior invenção de todos os tempos, mas poupa algum esforço, e muitos miolos também. São problemas muito familiares para quem faz desenho editorial, mas não deixa de incomodar <em>designers</em> para a Web: quebras de linha, hifenização, viúvas e palavras demasiado longas. O CSS3 continua a não conseguir contemplar a grande maioria, principalmente a hifenização (algo bastante difícil de implementar, devido à sua especificidade e dependência da língua usada), mas encontrou finalmente um modo de contornar palavras demasiado longas para a caixa de texto que as contém.</p>
<p>Na imagem acima é perceptível a má interpretação do CSS2 (à esquerda), no que a palavras exageradamente longas diz respeito. As únicas soluções possíveis passavam por aumentar a dimensão da caixa (sabendo que esta nunca seria suficientemente larga para conter cadeias de caracteres que podem ser virtualmente infinitas), ou por esconder o excesso, cortando muitas vezes a palavra a meio.</p>
<p>Este problema tem-se verificado particularmente em situações nas quais é permitido o envio de informação por um utilizador, devido à imprevisibilidade do conteúdo inserido. Teoricamente, o visitante poderá introduzir um texto bastante extenso sem recorrer a um único espaço, o que poderia arruinar totalmente o <em>layout</em> da página. A função <em>word-wrap</em> agora apresentada permite a introdução automática de quebras de linha, sempre que necessárias.</p>
<hr style="color:#555555" size="1" />
<h2>Outras Novidades</h2>
<p>Muitas são as novidades introduzidas por esta nova versão, mas nem todas representam uma melhoria potencial da qualidade da informação apresentada na Internet. Arriscaria até prever a massificação de determinadas funções em contextos amadores, resultando na sua banalização, e na consequente deterioração da informação apresentada na Internet. É previsível, por exemplo, que, no espaço de 2 anos, comunidades <em>on-line</em> como o <a title="MySpace.com" href="http://www.myspace.com" target="_blank">MySpace</a> ou o <a title="Hi5.com" href="http://www.hi5.com" target="_blank">Hi5</a> estarão severamente povoadas de texto com sombras múltiplas&#8230;</p>
<p><img class="alignnone size-full wp-image-473" title="sombras" src="http://www.nefasto.eu/wp-content/uploads/2009/02/sombras.jpg" alt="sombras" width="500" height="100" /></p>
<hr style="color:#555555" size="1" />Em jeito de conclusão, resta apenas referir que, apesar de as novidades serem bastantes, e representarem um aumento considerável dos recursos à disposição de qualquer <em>webdesigner</em>, fica sempre a sensação de que muita coisa ficou para trás. Considerando que a implementação do CSS3 poderá demorar anos, até que a grande maioria dos <em>browsers</em> disponíveis suporte totalmente as funções agora implementadas, acaba por pairar sobre este a sombra dos problemas por contornar.</p>
<p>Claro que, apesar de tudo, todo o desenvolvimento é louvável, e as funcionalidades já apresentadas estão longe de representar a totalidade do que está para vir. Resta-nos aguardar.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.nefasto.eu/desenvolvimento-web/css3/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

