Quero aprender HTML. E agora?

Postado por: Pedro Rogério em
  • 9 nov
  • 10
HTML

Me lembro como se fosse hoje quando tive meu primeiro contato com HTML. Isso foi a cerca de 4 anos atrás, a primeira coisa que fiz foi um menu utilizando listas desordenadas, depois que apliquei CSS então, não parei mais de estudar. Vi que a partir dalí muita coisa poderia ser feita, o que me limitaria era somente a minha criatividade.

Foi então que comecei a pesquisar, pesquisar, visitava sites como o do Maujor, Tableless e vários outros sites em busca de apostilas sobre HTML. A primiera impressão o HTML pode ser fácil, como alguns acreditam que seja, mas não, não se afobe, pois o HTML é uma linguagem muito rica e você pode se iludir pensando que vai dominá-lo em 1 ou 2 dias de aprendizado.

Continuar lendo »

A Qualidade do ensino superior no Brasil

Postado por: Pedro Rogério em
  • 21 set
  • 47

Vergonha

Eu sou daquele tipo de pessoa que é viciada em informação. Só no meu Bloglines possuo mais de 1400 sites cadastrados, sendo 90% deles voltados ao desenvolvimento web, e os outros 10% dos mais diversos assuntos, pois ninguém é de ferro.

Tudo aquilo que aprendi até hoje sobre desenvolvimento web foi por minha conta e risco, engana-se quem acha que eu fiz algum curso ou coisa do tipo. E lá já se vão mais de 3 anos nessa estrada, e ela já me rendeu muitos frutos. Por exemplo, fui convidado pela editora Artmed para efetuar uma avaliação dos livros: A Arte e a Ciência da CSS e também o livro Só JavaScript, também já ministrei uma palestra sobre HTML5 e CSS3 para o curso de Pós Graduação em Front End da Faculdade Marista do Recife e agora também escrevo para o IMasters.

Continuar lendo »

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

Postado por: Anderson Custódio em
  • 4 fev
  • 11

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á :)

Inserir vídeos do Youtube em XHTML válido

Postado por: Pedro Rogério em
  • 22 jan
  • 14

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 por: Pedro Rogério em
  • 15 out
  • 0

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.

Páginas:1234»