Participe do 2º Encontro de TI e 14º Encontro de Web Design

Postado por: Pedro Rogério em

Desde 2001 atraindo designers, programadores, estudantes e profissionais ligados ao segmento de web de todo o Brasil, o Encontro de Web design, evento pioneiro na área de internet, realiza a sua 14ª em nove capitais brasileiras em 2009: Rio de Janeiro, São Paulo, Florianópolis, Curitiba, Porto Alegre, Brasília, Belo Horizonte, Salvador e Recife.

Com a ajuda de colaboradores e profissionais da área, foram escolhidos como temas principais Entretenimento e Redes Sociais. Para levar à você o melhor de cada assunto, as palestras serão realizadas por Julius Wiedman, editor da Tashen, e Gil Giardelli, da Permission.

Este ano a Arteccom traz mais uma novidade: o Encontro de Tecnologia da Informação, que está em sua 2ª edição, vai ser realizado paralelamente ao Encontro de Web design, nas mesmas datas e locais, mas em ambientes separados. Para saber mais sobre o ETI, acesse o site www.encontrodeti.com.br.

Continuar lendo »

Central Server

Efeito :hover em blocos de texto com CSS

Postado por: Pedro Rogério em
Efeito :hover em blocos de texto com CSS

As listas HTML são de fácil utilização devido a sua flexibilidade. São muito utilizadas para o desenvolvimento de menus, mas nesse tutorial, baseado no original do site Smiley Cat vamos aprender a desenvolver um bloco de texto com efeito :hover com a utilização de listas e CSS. O HTML é muito simples, e se resume no seguinte:

<div id="links">
    <ul>
      <li>
        <a href="#" title="Título do post">
                Título do post
                <em>Descrição do post.</em>
                <span>Data</span>
        </a>
   	  </li>
        <li>
            <a href="#" title="Título do post">
                Título do post
                <em>Descrição do post.</em>
                <span>Data</span>
            </a>
      	</li>
    </ul>
</div>

Continuar lendo »

:first-child bug no IE7

Postado por: Pedro Rogério em

Após o lançamento do IE7, muita gente havia pensado que a vida no desenvolvimento web iria melhorar um pouco(isso mesmo, um pouco), mas não é isso o que aconteceu, pois a cada dia que passa fico conhecendo mais um bug novo no Internet Explorer. Já ouviram falar do bug de first-child no IE7? O curioso problema que ocorre é o seguinte. Observem a seguinte marcação HTML:

<ul>
    <!-- Esse comentario sera o 1º filho no IE7 -->
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
</ul>

Como podem ver, nada estranho, de diferente um simples comentário HTML que será o 1º filho no IE7, isso mesmo, ele reconhece aquele comentário HTML como o primeiro filho do “ul”. Vejam nesse exemplo o bug. Uma possível solução é não utilizar comentários. Por favor alguém mande um e-mail para bill@microsoft.com pedindo a descontinuação desse browser.

Compactando o (X)HTML/CSS de suas páginas

Postado por: Anderson Custódio em

Fiz um código super simples, para deixar qualquer (X)HTML ou CSS em uma única linha, sem tabs e sem comentários.

Sobre o CSS seria interessante você usar junto com esta dica do Bruno Alves.

Bom, primeiro lhe apresento a função que tira todos os Enters, tabs, comentários CSS e (X)HTML. Basta colocar no index.php de seu site.

function strip($buffer) {
  return trim(preg_replace('/\n|\r|\t|/', ' ', $buffer));
}

Agora em seguida é só usar o buffer do PHP com a função strip no callback.

Exemplo com o index do WordPress:

define('WP_USE_THEMES', true);

function strip($buffer) {
	return trim(preg_replace('/\n|\r|\t|/', ' ', $buffer));
}

ob_start('strip');
	require('./wp-blog-header.php');
ob_end_flush();

E pronto, todo (X)HTML que seu WordPress gerar vai ficar em uma única linha e sem comentários. Lembrando que você pode usar este código em qualquer sistema. É só usar o código corretamente no index.

PS: Sobre o vídeo tutorial “Como trabalhar com URLs Amigáveis” peço desculpas pela demora, nele vou ensinar técnicas avançadas para gerenciar URLs e como usar slugs.

Update: Como haviam dito o expressão para remover os comentários teriam que ser mais complexa, como na época conhecia só o básico não cheguei a entender os comentários. Para não ter problema está apenas a parte que deixa todo código em uma única linha. Desculpe, logo farei um post sobre expressões regulares e mostrarei como fazer essa expressão. Até lá :)

24 ways: Versão 2008

Postado por: Pedro Rogério em
24 ways

Está no ar a versão 2008 do site 24 ways, e já temos 2 dicas. Para quem não sabe o que significa o site 24 ways, ele é um site desenvolvido pelos maiores profissionais do desenvolvimento web mundial, composto de 24 dicas para impressionar seus amigos.

O site já existe desde 2005, e os tutoriais se iniciam a partir do dia 1 de dezembro de e vão até o dia 24. Só uma dica, essa versão não está funcionando corretamente no Firefox 2, Opera, não testei no Firefox 3 , mas no Google Chrome, Safari e Firefox 3 (obrigado Eduardo Sarsur por me avisar via Twitter) funciona legal. Pode ser que eles irão corrigir isso.

Versões anteriores

Páginas:«1234567...23»