Archive for 'html'
w3AlertBox - Solução para customizar o Alert Box do JavaScript
December 14th, 2006. Published under add-on, freeDOM.js, html, javascript. 18 Comments.
Acredito que você sempre sentiu a necessidade de customizar o Alert Box do Javscript. E sentiu-se frustrado por não ser possível e ter percebido que aquela janelinha não poderia se enquadrar à identidade visual do seu site.
Mas agora seus problemas acabaram (meio tabajara essa frase né, rs…), criei o w3AlertBox que é uma solução para customizar o Alert Box do JavaScript, deixando-o como você julgar necessário 
Você poderá alterar o título da janela do Alert Box, inserir códigos HTML na mensagem, tudo de forma muito simples e prática. E o melhor de tudo que você gastará apenas 1 (eu disse uma) linha de código para isso.
Um exemplo:
w3AlertBox.show('mensagem aqui','título aqui');
Para usar códigos HTML, faça o seguinte:
w3AlertBox.show(varQueContemOsCodigos,'título aqui',true);
Informando o terceiro parâmetro como true, você indica que usará códigos HTML.
Para baixar o w3AlertBox e saber mais detalhes a respeito, acesse: w3AlertBox - Solução para customizar o Alert Box do JavaScript.
Firefox 2.0 e o atributo HTML Accesskey
December 5th, 2006. Published under firefox, html, web 2.0, web standards. 7 Comments.
Alguns sites que eu visito regularmente disponibiliza algumas “hotkeys” através do atributo HTML accesskey, mas, de uns dias pra cá eu notei que tal recurso não estava funcionando mais e ao observar o código fonte das páginas que oferecia tal recurso, o atributo continuava configurado da mesma forma.
Nota: Se você não não conhecia a serventia do atributo HTML accesskey: Leia.
Ao me deparar com um post no blog do Newshutch descobri o por que disso tudo. O Firefox mudou sua maneira de interpretar o accesskey.
Na versão 2.0 do Firefox, ele interpreta o atributo assim:
Alt + Shift + hotkey definida
Em versões anteriores sua interpretação era assim:
Alt + hotkey definida
E a configuração do atributo é feito assim:
... accesskey="z" ...
O porque da modificação foi para evitar conflitos entre as hotkeys do navegador e as definidas na página. Por exemplo, imagine que você tenha definido o seguinte: accesskey=”s” para acessar o campo de busca, mas Alt + S acessa o menu History (no Firefox 2.0 em inglês).
Agora venhamos, o atributo accesskey não é muito utilizado, acredito que agora menos ainda.
Outro detalhe importante que os desenvolvedores precisam saber que agora qualquer accesskey com números, tipo: accesskey=”3″ será ignorado.
Pesquisei em alguns artigos sobre o assunto, se lhe interessar:
37 passos para uma marcação perfeita em HTML
November 27th, 2006. Published under html, rapidinhas. No Comments.
Tommy Olsson em seu artigo Bulletproof HTML: 37 Steps to Perfect Markup fala sobre os 37 passos para atingirmos uma marcação perfeita em HTML.
O texto é bem interessante e aborda assuntos simples como o que é HTML até os mais complexos para que tal objetivo seja atingido.
Camada de conteúdo - a(o) mãe(pai) de todas as outras
November 23rd, 2006. Published under DOM, css, html, javascript. 1 Comment.
Esta é a primeira e mais importante das camadas, a camada de conteúdo - ou estrutura / marcação como outros a chamam - é onde o conteúdo fica armazenado juntamente com as tags HTML que irão definir o que cada parte do conteúdo significa, dando a ele um valor semântico.
Essa camada ainda é a responsável em intercalar as outras duas - de apresentação e comportamentos - ou seja, ela faz uma ligação até essas duas camadas para que elas possam estar intercaladas entre si.
Para exemplificar visualmente, teríamos o seguinte:
Ou seja, a camada de conteúdo - HTML - fazendo uma ligação a camada de apresentação - CSS - e a camada de comportamento - JavaScript.
A forma como esta ligação é feita é super simples e acredito que você já conhece. Mas, mesmo assim, vejamos como isto acontece:
…