Ir para conteúdo / Skip to content

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

Postado em: 4 de fevereiro de 2009 por Anderson Custódio

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|<!--(.*)-->|\/*(.*)*\//', null, $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|<!--(.*)-->|\/*(.*)*\//', null, $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: Drupal, CakePHP, Joomla. É 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.

Inserir vídeos do Youtube em XHTML válido

Postado em: 22 de janeiro de 2008 por Pedro Rogério

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 »

Quais são as versões do HTML?

Postado em: 15 de outubro de 2007 por Pedro Rogério

O HTML foi desenvolvido originalmente por Tim Bernes-Lee no CERN (Centro Europeu de Física de Partículas), e foi popularizado pelo navegador Mosaic, esse desenvolvido pela NCSA (National Center for Supercomputing Applications). Devido ao seu rápido crescimento na Web, foi necessário criar um padrão para que todos os autores e navegadores pudessem reconhecer quaisquer versões do HTML, que são as seguintes: HTML 2.0, HTML 3.2, HTML 4.0 e o HTML 4.01.

Alguns crêem que o HTML não tem futuro algum devido a existência do XHTML mas se fomos ver bem, o browser mais utilizado hoje não suporta XHTML como deveria. As versões do HTML mais utilizadas hoje em dia são HTML 4.01 e XHTML 1.0. Essas 2 versões foram definidas pelo W3C a mais ou menos 7 a 8 anos, e agora estão sendo desenvolvidas novas versões que são o HTML 5 e o XHTML 2.

Apesar de cada versão, cada uma tem suas variantes que sempre devem ser definidas no documeno HTML:

  • HTML 4.01 Strict: O mais utilizado, onde podem ser utilizadas tags do HTML 4.01, só que não são permitidas tags obsoletas.
  • HTML 4.01 Transitional: Esse permite utilizar tags de todas as versões HTML, mas não é muito recomendado.
  • HTML 4.01 Frameset: Tem suporte a frames, um modelo muito antiquado.

Artigo recomendado: Evolução do HTML.

Esse artigo é uma tradução do original de: Carlos Leopoldo.

72 Acrônimos que falam os Geeks

Postado em: 4 de outubro de 2007 por Pedro Rogério

Adaptação do artigo original de: Anieto2K

Se a cada dia você fica perdido com cada palavra nova que aparece na internet, com esse guia, não vai acontecer mais esse tipo de coisa, agora você vai entender perfeitamente a língua dos geeks:

Linguagens de marcação e apresentação

  • CSS: Cascading Style Sheets – CSS é uma linguagem utilizada para modificar o aspecto das estruturas HTML.
  • DHTML: Dynamic HyperText Markup Language – É um termo utilizado para referir-se a junção de HTML + CSS + JavaScript.
  • HTML: HyperText Markup Language – É uma linguagem de marcação de tags que compõem todas as páginas web.
  • WML: Wireless Markup Language – WML é similar ao HTML, é baseado em XML e é orientado a dispositivos móveis.
  • XHTML: Extensible HyperText Markup Language – XHTML é um HTML ao qual se aplicam as regras do XML.
  • XML: Extensible Markup Language – XML é uma recomendação do W3C para gerar dados de uma forma melhor estruturada.

Continuar lendo »

Quantos elementos HTML você recorda em 5 minutos?

Postado em: 31 de julho de 2007 por Pedro Rogério

Mingle2 – Free Online Dating37

Descobri esse interessante quiz que em apenas 5 minutos você deve digitar em uma caixa de texto todos os elementos HTML previstos no HTML 4. Comecei o teste, mas parei logo, pois minha filha me tirou do micro. E você, de quantos elementos recorda?

O W3C atualiza seu validador HTML

Postado em: 30 de julho de 2007 por Pedro Rogério
Código HTML válido

Foi atualizado recentemente o validador HTML do W3C, que agora se encontra em sua versão 0.8.0, mas não se esqueça do primordial: “Validação não é nada sem semântica”.

POR QUE O HTML PERMITE A CODIFICAÇÃO MAL ESTRUTURADA?

Postado em: 9 de julho de 2007 por Pedro Rogério
HTML

Muita gente pensa que o HTML permite a codificação mal estruturada, por exemplo: <strong><em>alguma coisa</strong></em>. Mas isso não é verdade, se você for validar seu código, verá que ele está estruturado de uma forma errada. Usualmente os bowsers tratam de corrigir essa falha e é por isso que vemos as páginas corretamente.

Algumas vezes a falta da Tag de fechamento não representa problema para os browsers por que eles sempre irão codificar ambiguamente. Antigamente, era muito comum você ver alguém omití-las, como o </p>, mas hoje em dia é recomendado utilizar sempre as tags de fechamento, e para as tags <br>, <img> e <hr> você deve utilizá-las da seguinte forma: <br />, <img /> e <hr />, segundo as especificações do XHTML.

 Página 1 de 3  1  2  3 »