Problemas com Internet Explorer

Há alguns dias publiquei uma notícia dizendo que o project.47 estava adaptado ao IE, com as correçőes feitas e layout acessível. Porém, ŕ partir de algumas atualizaçőes percebi que, ao acessá-lo, o Internet Explorer travava, um erro que nunca havia visto em outro site. Fuçando horas e horas, descobri que isso acontecia devido ŕ um valor de margin que eu especificava no menu do topo. Por exemplo, apliquei um valor de 100px ŕ margin deste elemento e, se ultrapassar este valor, o IE trava.

Ou seja, quanto mais a gente fuça, mais problemas encontramos nessa verdadeira “joça”.

Por favor, se alguém tiver sugestão ou já passou por algum problema parecido, gostaria de sua ajuda pra solucionar tal problema.

WordPress 2.0.4!

Saiu há alguns dias, a nova atualização do WordPress, contendo várias atualizaçőes de segurança.

De acordo com uma notificação do site oficial da plataforma, é extremamente recomendado realizar a atualização pois foram arrumados vários bugs, chegando ŕ um número impressionante de 50 correçőes (ou mais)!

Divulguem esta notícia para seus conhecidos que já usam a plataforma, para que não haja nenhum risco com seus blogs e sites.

IE 7 – Alta prioridade

De acordo com esta notícia vinculada no CNET, o Internet Explorer 7, logo que for lançado, fará parte de atualização considerada como de ‘alta prioridade’ pela Microsoft, aos usuários de Windows XP.

Trata-se de uma boa notícia pois fará que boa parte dos usuários saiam do IE 6 e mudem para o IE 7, que contém muitos avanços se comparado ŕ última versão, muito defasada por sinal.

Microsoft.com abandona uso de layout CSS

Com a chegada cada vez mais próxima do Internet Explorer 7, esperávamos uma nova postura da Microsoft ou pelo menos uma mudança na mentalidade, tanto no desenvolvimento de seu browser quanto nas práticas da companhia.

Boas iniciativas foram tomadas, como a reestruturação do layout de seu site utilizando CSS para construção do mesmo, tableless, etc., e as melhoras significativas e maior adequação do IE aos Web Standards.

Porém, visualizando o código-fonte do site atual da Microsoft, podemos perceber que volta a velha técnica de tabelas para construção de layout, deixando-o muito mais pesado e sujo.

Confiram vocęs mesmos e tirem suas próprias conclusőes.

Update: Encontrei um artigo, no site do Humberto Oliveira, muito interessante, falando e fazendo uma análise bem detalhada, justamente do site da Microsoft.

Formulários acessíveis

Muita gente ainda desconhece as técnicas corretas para desenvolvimento de um formulário ou, até mesmo, acha que com tabelas o processo fica mais prático e fácil.

Para mostrar o contrário, o Awesome Form: The Simple, Semantic CSS Form (inglęs) nos dá exemplos e mostra como construir um formulário de forma simples e, principalmente, semanticamente correta. Isso significa que as tags certas serão utilizados em seus devidos lugares e, claro, com o poder do CSS, o formulário poderá ser estilizado mais facilmente.

Firefox 1.5.0.5

Hoje foi lançada mais uma versão do Firefox, a 1.5.0.5 e, como de costume, tratam-se de atualizaçőes de segurança, para garantir melhor navegabilidade e confiança por parte dos usuários.

Não preciso nem dizer que o Firefox, na minha humilde opinião, é o melhor navegador do mercado e atualizaçőes de segurança são uma prática muito comum por parte da Mozilla, o que dá mais tranqüilidade ao utilizá-lo.

Fazendo um layout Web 2.0

Fizeram um passo-a-passo de como se fazer um “layout Web 2.0″ em apenas 10 minutos!

Trata-se, na verdade, de uma sátira que mostra bem essa padronização que está acontecendo no Web Design atual, como por exemplo o termo “beta”, muitos degradęs, fontes grandes, etc. que, se usados em seus lugares certos, ficam bons, mas exageradamente, realmente nos deixa cansados.

O assunto sobre esta “padronização do Web Design atual” já foi discutida em outro artigo por aqui, vale a pena dar uma olhada =)

Semântica é uma coisa, código válido é outra

Com a popularização dos termos acessibilidade, usabilidade, semântica, validação, etc., alguns deles vęm sendo confundidos com outros. Claro, é muito bom que essas idéias venham sendo difundidas e que os desenvolvedores Web dęem mais importância para o usuário.

Mas a intenção desse artigo é discutir sobre a questão da semântica. Pelo que tenho visto, o sentido dessa expressão tem sido ofuscado pois muita gente acha que, se o site passa na avaliação do HTML Validator (da W3C), sua programação está correta, sem quaisquer erros.

Continuar lendo…

Utilizando grid para construção do layout

Encontrei, no Smiley Cat, uma técnica muito interessante que pode lhe auxiliar, e muito, na construção do layout de seu site.

Trata-se de colocar grid, ou melhor, uma espécie de grade, no fundo do site, como nos programas de edição de imagem, para se ter uma noção exata do posicionamento do mesmo dentro da tela. É uma técnica muito interessante e, realmente, pode facilitar bastante.

Para fazę-lo, é só colocar esta imagem como fundo do site e, assim, poderá notar-se as diferenças entre as diversas resoluçőes e, principalmente, notar o que pode ser modificado para que nos diversos browser fique mais parecido possível.
Veja esta técnica em prática para ter noção exata de como fica.

Combinação de CSS estático e dinâmico

Dependendo da envergadura de seu site, vocę pode ter a necessidade de que determinados CSS sejam abertos em uma página e, em outras, não. Assim, evita-se que todos os CSS sejam carregados a cada página aberta, mesmo quando não utilizados.

Encontrei um artigo (em inglęs) no Friendly Bit ensinando como fazer essa dinamicidade do CSS, abrindo, somente, quando pertinente. Trata-se de um script PHP simples e funcional.