Pinceladas da WebMovido a: XHTML, CSS, PHP e WebStandards

Recentemente o autor do site Coding Horror realizou um teste para saber que browser da atualidade é mais compatível com JavaScript. Os browsers testados foram: Opera 9.5, Firefox 2, Safari 3.0.4 e Internet Explorer 7. Foram medidas as compatibilidades com a carga de códigos JavaScript utilizando um Benchmark SunSpider, e os resultados foram os seguintes:

Opera e Safari demonstram ser os mais capazes e rápidos para renderizar código JavaScript, logo atrás, Firefox e Internet Explorer. Vamos ver após o lançamento do Internet Explorer 8 se esse quadro irá mudar.

Se você precisa do Cheat Sheet do Script.aculo.us, fica aí a dica.

Que o Jquery é hoje um dos Frameworks JavaScript mais potentes da atualidade, todo mundo sabe, mas será que vocês sabem de tudo que é capaz de se fazer com ele? Então dêem uma olhada em seu Cheat Sheet. Querem exemplos prontos, aproveite que o site Sastgroup.com disponibiliza uma lista de 240 plugins.

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?

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:

• Protecting Your Email Address in HTML

Hoje em dia não é mais necessário ter quase nada de programas instalados em seu PC, temos desde de Sistemas Operacionais na Web até o Microsoft Paint rodando on-line.

Via: Leandono’s Blog.

<update> Quer saber mais sobre softwares rodando na web, dê uma olhada nesse artigo: Download nunca mais. </update>

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

Demo

• Mirror 1
• Mirror 2

Download

• Mirror 1
• Mirror 2

Via: Anieto2K.

É o que propõe em seu site Katherine Angela Gallia, ela utiliza 6 folhas de estilo diferentes em seu site para determinados horários do dia somente utilizando JavaScript, ela utiliza-se do seguinte código:

<script language="JavaScript">
<!-- Begin
function getCSS()
{
 datetoday = new Date();
 timenow=datetoday.getTime();
 datetoday.setTime(timenow);
 thehour = datetoday.getHours();

 if (thehour > 20)
  display = "tree_twilight.css";
   else if (thehour > 17)
  display = "tree_sunset.css";
 else if (thehour > 14)
  display = "tree_afternoon.css";
 else if (thehour > 11)
  display = "tree_noon.css";
 else if (thehour > 7)
  display = "tree_morning.css";
 else if (thehour > 4)
  display = "tree_sunrise.css";
 else if (thehour > 1)
  display = "tree_twilight.css";
 else
  display = "tree_sunset.css";

 var css = '< '; css+='link rel="stylesheet" href=' + display + ' \/';  css+='>';

 document.write(css);
// End -->
}
</script>
<script language="javascript">getCSS();</script>

Onde:

• Das 5 ás 8 da manhã: Ela utiliza o tema sunrise.
• Das 8 da manhã até o Meio-dia: Ela utiliza o tema morning.
• Do Meio dia ás 3 da tarde: Ela utiliza o tema noon.
• Das 3 ás 6 da tarde: Ela utiliza o tema afternoon.
• Das 6 da tarde ás 9 da noite: Ela utiliza o tema sunset.
• E das 9 da noite ás 5 da manhã: Ela utiliza o tema twilight.

Caso o usuário navegue com o JavaScript desabilitado, ela utiliza o tema sunset:

<noscript>
<link rel="stylesheet" href="tree_sunset.css" type="text/css">
</noscript>

Até me deu vontade de fazer isso aqui no meu blog agora.

Você é Desenvolvedor Web? Então não pode deixar de conhecer esse site, um repositório com 638 ferramentas divididas por categorias e linguagens de programação.