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

Design view do Dreamweaver não é browser

Postado por: Pedro Rogério em

Para muitos desenvolvedores, editores do tipo WYSIWYG deveriam ser banidos da face da terra, sejam eles adeptos do Notepad++, EditPlus ou Bloco de Notas, eu não tenho nada contra quem usa esses editores, pelo contrário, eu também já os utilizei em minha jornada, mas hoje utilizo o Dreamweaver pois ele simplesmente atende as minhas necessidades no trabalho. Mas esse agora não é o propósito desse post.

O termo WYSIWYG quer dizer: “What You See Is What You Get“, e em português claro: “O que você vê é o que você obtém“, o Dreamweaver é um editor desse tipo, mas ele também possui o modo de edição de código, que é o que eu utilizo, pois alguém já tentou desenvolver algum site nele no modo Design View? Não façam isso (agora cheguei no propósito do post), pois o que você está vendo alí nem sempre é o resultado esperado, prefira sempre, utilizar o modo código, e visualize sua página no browser, mas nunca dentro do Dreamweaver. Querem ver um exemplo do desastre que pode provocar o Design view do Dreamweaver? Olhem a screen abaixo:

Design View do Dreamweaver

Agora vejam no browser como a página deveria se comportar. Viram a diferença? Nunca desenvolva no Dreamweaver no modo Design view, a não ser que queira ter sérios problemas. Mas pelo que andei lendo recentemente a nova versão do Dreamweaver vai utilizar o motor de renderização WebKit, mas isso não me anima a começar a utilizar o modo Design, ainda vou continuar no modo código.

Framework CSS e XHTML para desenvolver para iPhone e iPod Touch

Postado por: Pedro Rogério em

iPhone

Os desenvolvedores interessados hoje me desenvolver para iPhone e iPod Touch podem ficar felizes pois Diego Martín Lafuente desenvolveu um framework para facilitar esse trabalho chamado: Universal iPhone UI Kit, onde você também pode ver uma prévia do Framework em funcionamento.

O Framework segue a linha de desenvolvimento de iUI, de Joe Hewitt, emulando uma aplicação nativa, evitando assim romper o perfeito equilíbrio que a Apple conseguiu em suas aplicações.

Graças a utilização do Safari no iPhone e no iPod Touch, você pode utilizar ao máximo os seletores CSS 3, juntamente com um XHTML dentro dos padrões, levando sua aplicação ao extremo em pouco tempo de desenvolvimento.

Download

Inserir vídeos do Youtube em XHTML válido

Postado por: Pedro Rogério em

O código para inserir vídeos do Youtube em sites que respeitam os WebStandards é uma dor de cabeça para desenvolvedores e para bloggers, pois o Youtube proporciona um código para você copiar e colar em nosso blog para reproduzir os vídeos de uma forma rápida e simples, mas o código não é correto como deveria:


<object width="425" height="373">
<param name="movie" value="http://www.youtube.com/v/O0G7iKj6PS0&rel=1&border=1"></param>
<param name="wmode" value="transparent"></param>
<embed src="http://www.youtube.com/v/O0G7iKj6PS0&rel=1&border=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="373"></embed>
</object>

Se você for validar o código, verá os seguintes problemas:

  • Se utiliza a tag object corretamente, mas ocorre a falta de alguns parâmetros como data e type.
  • As tags param em XHTML devem ser fechadas com a sua mesma tag de abertura.
  • O uso da tag não standard embed podem produzir incompatibilidades em browsers que não a utilizam, como, dispositivos móveis e leitores de tela.
  • Não se proporciona um método alternativo caso o dispositivo não tenha suporte a Flash.

Continuar lendo »

Páginas:«12345678»