A palestra sobre o theWebMind foi bem divertida e positiva, vários demonstraram interesse e acredito que conseguiremos atingir mais pessoal capacitado e interessado em colaborar, o que é sempre muito importante para o projeto.

Parabéns aos envolvidos e palestrantes. Obrigado a todos e até o ano que vem!

Slides da palestra: http://tinyurl.com/259zbre

What is it?
When running your javascript in Internet Explorer 6, or 7 or 8 in compatible mode, if you create dynamically an iframe, for example, and set it a name attribute, Internet Explorer will reaplace it by an submitName attribute. This attribute cannot be found with .getAttribute(’submitName’), but that is the problem, neither can be with .getAttribute(’name’)!

How to see it happening? Try this:

var ifr= document.createElement('iframe');
ifr.setAttribute('name', 'iFrameOne');
document.body.appendChild(ifr);
alert(ifr.getAttribute('name'));
// you can also see it through the "developer tool" in the IE tools menu

The main problem is that … when you have something like a link or a form targeting this iframe, you loose it! The same happens with inputs with name, which are dynamically created.

How to fix it without ask your users to migrate to a real browser? I did this and it worked:

var ifrDiv= document.createElement('div');
ifrDiv.innerHTML= "<iframe name='iFrameOne' ></iframe>";
document.body.appendChild(ifrDiv);

Now, why does it happen?!
I had the chance to search for this and found in the Microsoft’s webpage something about this old, known bug in Internet Explorer, with names on dynamic elements. Due to “fix” this, instead of fixing, then “provided” this workarounded attribute. When you try to deal with the name attribute, it applies like an alias, redirecting it to the Microsoft’s Internet Explorer imaginary submitName attribute. But with this, you cant access a form that has a name, like this:

document.forms['dynamicFormName'];

because the DOM hasn’t rendered that form with the name you asked for.

I hope it can help you, if you get stuck with this some day.

history.go(0);

Isto irá simplesmente recarregar a página. Claro que você pode usar iframes, adotando parent, top, self ou name para trabalhar com suas relações.

Outra alternativa seria usar o método reload, oferecido pelo location, assim:

self.location.reload();

Agora, uma outra alternativa que também servirá para mover-mos para uma nova página, usando a propriedade href, também do location.

self.location.href= self.location.href;

Este código recarregará a página, ms poderia ser qualquer outro endereço alí, a ser carregado.

Caso você seja um desenhista e possa preparar novos exemplares, ou tenha encontrado algum bug ou até mesmo queira simplesmente dar alguma ideia bacana, entre em contato

Este ano, falarei sobre a revolução do desenvolvimento web, suas novas tecnologias e técnicas, além do modo como vemos a web, e também, como os usuários teem visto a web hoje em dia. Falarei sobre HTML5, CSS3, JavaScript2, mercado, entre outros tópicos interessantes. Acredito que todos podemos ter uma boa discussão sobre tais assuntos e os convido a assistir à minha palestra no sábado, as 10 horas da manhã, entitulada “Até onde vai essa teia?”, e também, para que possamos conversar durante o evento, pelos corredores da PUC, para falarmos desta fantástica e revolucionária fase que viemos vivendo.

Links do evento:
http://fisl.org.br/
http://softwarelivre.org/fisl11/
http://fisl.softwarelivre.org/
http://verdi.softwarelivre.org/

About the layout, I’m personaly happy they didn’t take off the status bar, as many people had asked for(if I wanted a browser without a status bar, I’d rather use Chrome). Still, if you use windows vista or Seven, you may have some new advances, like the special button at the top of the window, removing the usual menubar, adding it to the title bar.

I do think there are many things to get better or to be increased in Firefox 4 before its release candidate. It promises a lot and I’m really glad to see the browsers walking toward the same point. The future developers will be happier and faster

Agora iriei colocar aqui algumas dicas sobre como iniciar a trabalhar com canvas e também como importar imagens e desenha-las dentro do canvas.

Primeira coisa, você precisa do próprio elemento canvas e também trata-lo para aqueles aquele navegador que não suporta canvas.

    <body>
        <canvas id="elementoCanvas">
            O que for escrito aqui, aparecerá SOMENTE
            quando o navegador não puder renderizar o canvas
            Claro que tags HTML são aceitas.
        </canvas>
    </body>

Certo, agora, especificaremos uma função para manusear o canvas via javaScript

    </body>
    <script>
          // sim, addEventListener não funciona em IE
          document.addEventListener('load', canvasHandler, false);
    <script>
</html>

Bom. Assim que a página é carregada, nosso método canvasHandler será chamado. Vamos ver agora como abrir o canvas para iniciar os trabalhos via js.

// Vamos criar umas variáveis globais para facilitar
// mas fica mais "bonito" e organizado se utilizar namespaces
var canvas= null;
var ctx= null;
// aqui, a nossa função a ser chamada assim que a página carregar
canvasHandler= function(){
    // antes de tudo, simplesmente pegamos o elemento canvas
    canvas= document.getElementById('theCanvasElement');
    // agora nós precisaremos acessar o CONTEXT para trabalhar
    ctx= canvas.getContext('2d');
}

Ótimo, nós temos agora a variável canvas que é o próprio elemento HTML canvas. Enquanto a variável ctx tem o seu contexto. O context é o que utilizaremos para desenhar. Ele tem métodos e propriedades que nos permitirá interagir com o canvas em 2D.
Não, infelizmente canvas não suporta outros contextos, somente 2D até o momento.

Nosso canvas ainda não tem propriedades. Não tem uma largura nem altura, por exemplo. Vamos especifica-los

OBS: De agora em diante, todo o código javascript precisará estar dentro do corpo de nossa função canvasHandler, logo abaixo aquelas duas linhas exibidas anteriormente.

    canvas.width= 480;
    canvas.height= 340;

Provavelmente você sabe carregar uma imagem em js, certo? (também conhecido como preload):

    var img= new Image();
    img.src= 'url.png';

Ok, você pode usar exatamente isto para inserir imagens dentro de seu canvas. Assim:

    // instancia uma nova imagem
    var img= new Image();
    // usaremos a imagem após ela ser carregada
    img.addEventListener('load', function(){
        // após baixar a imagem, podemos desenha-la no canvas
        ctx.drawImage(this);
        // onde this representa a imagem recém carregada
    });
    // então especificamos a url a iniciar o carregamento
    img.src= 'url.png';

Ok, agora você já deve ver a imagem dentro de seu canvas. O método drawImage suporta algumas estruturas/assinaturas diferentes em relação aos seus parâmetros:

    // desenha a imagem na posição left=30 e top=30
    ctx.drawImage(this, 30, 30);
    // desenhará a imagem na posição 0/0, alterando seu tamanho
    ctx.drawImage(this, 0, 0, 45, 75);
    // mais complexo, desenha e recorta a imagem (crop)
    ctx.drawImage(this, 0, 0, 150, 150, 0, 0, 480, 340);

Quando recortamos a imagem, especificamos a imagem propriamente dita (this), a posição a iniciar a exibição da imagem(0, 0), então o tamanho que desejamos recortar(150, 150). Em seguida vão os parâmetros para especificar o tamanho e posições em que a imagem realmente está (0, 0, 480, 340);

Em breve pretendo postar aqui como realmente desenhar no seu canvas, adicionando linhas, pontos e textos.

Se você é um desenvolvedor PHP e ainda não conhecia este add-on, você pode testa-lo e então nos oferecer suas idéias, críticas ou reportar bugs.

https://addons.mozilla.org/pt-BR/firefox/addon/12686/

Definitivamente, vale a pena gastar agum tempo testando.
É claro que há inúmeras funcionalidades a mais no PhotoShop, e o Pixlr não está aí para substituí-lo, mesmo assim, é uma grande, grande opção. Eu mesmo o uso várias vezes por praticidade.