A solução já é batida no meio dos desenvolvedores de interface e o funcionamento depende do cabeçalho DocType em xHtml 1.0 transitional.

Trata-se do famoso pngFix.js , hack inspirado nas idéias do colega Michael Lovitt. Basicamente um script que varre o código html atrás de imagens com a extensão .png para implementar a propriedade Cascade Style Sheet “Filter”.

A interpretação do valor “progid:DXImageTransform.Microsoft.AlphaImageLoader” para a propriedade css “filter”, foi implementada pela Microsoft no Internet Explorer, nas versões inferiores a versão 7, justamente para atender à demanda de imagens .png com pixels transparentes, veja a documentação oficial.

Segue o link para o estudo e a solução: http://homepage.ntlworld.com/bobosola/index.htm

Ps: há possibilidade de conflito com frameworks e libraries javascript como Jquery. Onde é necessária a intervenção através da criação de uma função a ser chamada após a renderização da interface inicial.

Enjoy!

Antes de tudo, sempre que iniciamos algo, aprendemos um padrão. O Padrão de quando somos pequenos e queremos andar é: um pé atrás do outro, e cada passo que damos, é um padrão para poder caminhar. Quando crescemos, usamos os padrões definidos da ABNT (Associação Brasileira de Normas Técnicas), para desenvolver nossos trabalhos escolares e acadêmicos.

Para quase tudo, inicia-se um padrão, para pesquisas, raciocínios, investigações, e outras coisas. Existem Padrão para o desenvolvimento web também, que hoje é mais conhecido como Padrões W3C, alguns desses padrões são esses:

• Cascading Style Sheets (CSS)
• Common Gateway Interface (CGI)
• Document Object Model (DOM)
• Scalable Vector Graphics (SVG)
• Simple Object Access Protocol (SOAP)
• eXtensible Hypertext Markup Language (XHTML)
• eXtensible Markup Language (XML)
• eXtensible Stylesheet Language for Transformation (XSLT)

Esses são alguns, a W3C define outros padrões também que nem tanto divulgados, porém não menos importantes:

• Extensible Markup Language (XML)
• Graphics
• HTML
• Internationalization
• Math
• Mobile Web Initiative
• Multimodal Interaction
• Patent Policy
• Privacy
• Rich Web Client
• Securit
• Semantic Web
• Style
• Synchronized Multimedia
• Ubiquitous Web Applications
• Video in the Web
• Voice Browser
• WAI International Program Office
• WAI Technical
• Web Services
• XForms
• eGovernment

Hoje fala-se de sites semânticos, webstandards, tableless, mais coisas. Quando será que irão proclamar um padrão para a devida comunicação e enriquecimento de conteúdo? Cuidado, seu site pode ser bonito, seguir as regras, mas ser pobre em conteúdo.

Iniciaremos nossa jornada aos padrões inicialmente com DOM, e entenderemos muito sobre ele, e irá abrir sua mente refente a classes, Id’s e muito mais, que são bem abrangidos com JavaScript e CSS.

Sobre DOM (Document Object Model )

Define uma interface para a construção e tratamento de instâncias de documentos. O Padrão DOM foi projeto orientado a objetos, então para quem ainda não se familiarizou com esse método de desenvolvimento, seria legal já começar a ver

O Document Object Model é uma plataforma de e linguagem neutra em termos de interface que irá te permitir / ou a programas / scripts / acessar ou atualizar o conteúdo, estrutura e estilo de documentos. O conteúdo ainda pode ser processado, e os resultados que forem relevantes voltam dessa compilação e pode ser usada na página representada ou usada.

Relatórios

Na W3C, o DOM possui alguns relatórios técnicos. Lá temos todos os níveis: 1, 2, 3 e projetos, incluindo os requisitos documento DOM.

A W3C define apenas regras para ECMAScript (JavaScript), é conhecida como referência NO-W3C DOM Bindings para outras linguagens além do Java e ECMAScript (JavaScript).

Níveis

• Document Object Model Level 1
• Document Object Model Level 2 Core
• Document Object Model Level 2 Views
• Document Object Model Level 2 Events
• Document Object Model Level 2 Style
• Document Object Model Level 2 Traversal and Range
• Document Object Model Level 2 HTML
• Document Object Model Level 3 Core
• Document Object Model Level 3 Load and Save
• Document Object Model Level 3 Validation

Alguns grupos recomendados:

• Document Object Model Level 1 (Second Edition)
• Document Object Model Level 3 XPath
• Document Object Model Requirements
• Document Object Model Level 3 Views and Formatting
• Document Object Model Level 3 Events
• Document Object Model Level 3 Abstract Schemas

Índices para pesquisas:

• http://www.w3.org/DOM/Activity
• http://www.w3schools.com/w3c/w3c_dom.asp
• http://www.quirksmode.org/dom/compatibility.html
• http://www.howtocreate.co.uk/tutorials/javascript/domintroduction
• http://en.wikipedia.org/wiki/Document_Object_Model

Bom Dia Pessoal,

Hoje estou aqui para me apresentar e ajudá-los a desenvolver melhor com alguns macetes que com o tempo todos usam, para ajudar no desenvolvimento e aumentar a produtividade. Alias, para que serve a experiência se não nos ajudar com o tempo, desempenhar alguma função ou tarefa com mais destreza, rapidez e agilidade.

Sou João Vagner, trabalho com internet a mais de 8 anos, conheço o Luis Moura mais de 5 pelo menos, desde o inicio de uma jornada, ja nos conheciamos em tempos precarios de layouts e tabelas, sofrimento e aprendizado. Na época toda a informação era em Inglês, e o sofrimento para aprender era dobrado.  Hoje para quem começa nessa jornada, ja dispoe de otimas referencias em português, uma disseminação de informação mais rápida, útil, e uma evangelização de bons modos para desenvolvimento como para marcação, como preferem hoje em dia, markup and Front-End.

A tarefa que um CSS reset se propõe é simples, é limpar todos os objetos HTML para que possa em outro arquivo a ser usado uma formatação correta, ajudando assim, que ao usar diversos navegadores, padrões como margins, paddings, borders e outros não atrapalhem, e ajuda a que os navegadores interpretem de forma correta, não a cada um a sua maneira como ocorre hoje. Leia Mais »