Postado em: 10 de janeiro de 2008 por Pedro Rogério
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.
Postado em: 14 de dezembro de 2007 por Pedro Rogério
Se você precisa do Cheat Sheet do Script.aculo.us, fica aí a dica.
Postado em: 12 de dezembro de 2007 por Pedro Rogério
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.
Postado em: 5 de novembro de 2007 por Pedro Rogério
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?
Postado em: 13 de julho de 2007 por Pedro Rogério
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:
Postado em: 4 de julho de 2007 por Pedro Rogério
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>
Postado em: 18 de junho de 2007 por Pedro Rogério
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
Postado em: 12 de março de 2007 por Pedro Rogério
É 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.

Postado em: 25 de fevereiro de 2007 por Pedro Rogério
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.
