Problemas com Ajax e Quirks mode

Postado por: Pedro Rogério em
  • 6 nov
  • 3

Quirksmode vs. StrictMode

Primeiramente, vamos entender rapidamente o que significa o modo Quirksmode e o modo StrictMode: Para que nosso código escrito de acordo com a documentação do W3C, funcione adequadamente, os browsers devem interpretá-lo como diz o W3C, e para isso você deve fazer com que os browsers funcionem em modo Strict.

Para isso, basta você escrever um doctype válido, como esse (junto ao início do documento, antes de qualquer coisa):


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=” http://www.w3.org/1999/xhtml” lang=”pt-br” xml:lang=”pt-br”>

Dessa maneira o browser assumirá que deve interpretar o código de acordo com as regras do W3C, assegurando-se (dentro do possível), que tudo funcione e acordo com a documentação. Por outro lado, não desenvolvendo dentro dos padrões, o browser assumirá que seu código é da época de antes dos padrões web, e por isso colocará o site em QuirksMode(modo raro), que é mais ou menos a mesma forma de que o Internet Explorer 4 interpretaria sua página, deixando inuilizado tudo aquilo que você aprendeu de acordo com o W3C.

Continuar lendo »

The bug report

Postado por: Pedro Rogério em
  • 5 nov
  • 0
The Bug Report

The Bug Report é um sistema criado pelo site Quirks Mode para a divulgação de bugs em CSS e JavaScript para auxiliar os desenvolvedores web, onde você, caso tenha descoberto algum bug em um browser conhecido, basta preencher o formulário com a descrição do mesmo e indicar uma página de teste para o bug. O serviço já existe a muito tempo, mas infelizmente não conhecia, assino o feed de mais de 300 blogs e nem sabia da existência desse serviço. Mas tudo bem fica aí a dica, e se você conhece sites desse tipo, indique pra gente nos comentários.

Adivinhem só quem lidera a lista de bugs?

72 Acrônimos que falam os Geeks

Postado por: Pedro Rogério em
  • 4 out
  • 10

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 »

Ajax – Quando, onde e por que?

Postado por: Pedro Rogério em
  • 23 jul
  • 3
Ajax

Todos sabem que com Ajax é possível dar maior interatividade a seu site, mas hoje em dia, vejo muitos sites abusarem desse conceito e transformarem uma simples Interface em um ambiente pirotécnico, que com um pouco de bom senso poderia ser evitado. Desenvolvedores começam um projeto novo e já não vem a hora de usar Ajax aqui, Ajax alí, acabam utilizando pra tudo, onde um simples HTML daria conta do recado, é por isso que muitos desenvolvedores hojem, ao invés de progredir, tem somente a regredir. Isso e muito mais informações você pode conferir no site Digilicious.

Como proteger seu endereço de e-mail contra spams na internet

Postado por: Pedro Rogério em
  • 13 jul
  • 11

Muitos usuários avançados sabem que se você colocar seu e-mail em um arquivo HTML, por exemplo, dessa forma: nome@provedor.com.br, no futuro terá uma grande dor de cabeça com Spam, pois os bots que circulam pela internet irão seguí-lo, verão que é um e-mail e a festa está pronta. Uma alternativa seria escrevê-lo assim:


nome_at_provedor.com.br

Mas dessa forma, para os usuários que não tem um mario conhecimento em internet não saberiam que aquele at significa @, então como faríamos? Existe uma forma bem simples de contornar isso com JavaScript, basta colocar esse script em sua página:


<script type="text/javascript">
 var Convert = {
  initialize: function() {
	var spans = document.getElementsByTagName("span");
	for (var i = 0; i < spans.length; i++) {
	  if(spans[i].getAttribute("class") == "address") {
		string = spans[i].childNodes[0].nodeValue;
		email = string.split("_")[0] + "@" + string.split("_")[2];
		spans[i].innerHTML = '<a href="mailto:' + email + '">' + email + '<\/a>';
	  }
   }
 }
}
window.onload = Convert.initialize;
</script>

Agora, em nosso HTML, você deve deixá-lo da seguinte forma:


<span class="address">pedrorogerio_at_pinceladasdaweb.com.br</span>

Basicamente, utilizaremos de um span com uma classe chamada address, e o e-mail deve ser escrito da forma como foi citada acima, o que o script faz é substituir o at pelo @, mas essa substituição é somente visual, se você olhar o código fonte da página, seu e-mail está protegido. Dêem uma olhada nesse exemplo.

Referência:

Validação de formulários com Prototype

Postado por: Pedro Rogério em
  • 18 jun
  • 1
Prototype

Se você é como eu, ainda engatinha no JavaScript, quer aprender a validação de formulários mas não tem tempo pra estudar, existe uma maneira bem fácil de se fazer isso, basta utilizar o Really Easy Field Validation. Ele é baseado no Prototype, um Framework que hoje em dia é utilizado por 8 entre 10 programadores.

Eu vi aqui no site do Rafael Lima

Páginas:«1...1011121314151617»