HTML5 e CSS3: Mito ou Realidade

Postado por: Pedro Rogério em

O Hipertexto, criado em 1965, é a base de toda a web, tudo o que você vê na internet, sejam blocos de texto, imagens ou sons que seu acesso se dê através de links é chamado de Hipertexto.

O HTML, acrônimo para a expressão HyperText Markup Language, que significa Linguagem de marcação de Hipertexto é utilizado para a criação de páginas web. Tudo isso que você vê aqui no browser é Hipertexto. A última versão do HTML é a 4.01, que foi desenvolvida em 1999, e o XHTML 1.0, uma reformulação do HTML 4.01 baseado em XML, foi desenvolvido no ano 2000 e revisto no ano de 2002. Lá se vão cerca de 8 anos de uma tecnologia aparentemente ultrapassada.

Sim, o HTML 4 teve seu lugar ao sol, mas com a evolução da tecnologia, dos browsers, novas tecnologias precisavam nascer, e com isso surgiu o HTML5 e o XHTML2

HTML 5

HTML 5

Continuar lendo »

CSS Hacks para IE, Firefox, Opera, Safari, Konqueror

Postado por: Pedro Rogério em

Podem haver momentos no desenvolvimento web que você necessitará fazer o uso de hacks CSS devido a inconsistência que ocorre entre os browsers, pois existem browsers que insistem ainda em não seguir corretamente os padrões web(leia-se IE). Mas nessas situações vocÊ não será discriminado se fizer o uso de Hacks CSS, para os leigos, uma forma de escrever CSS para que só certos browsers entendam aquela regra definida e os outros a ignorem.

Existem Hacks CSS para todos os browsers, conheça os mais utilizados na lista abaixo:

Internet Explorer 5 e 5.5:

voice-family: "\"}\""; voice-family:inherit;

Para o IE 5 e 5.5 basta adicionar as regras acimas ao seletor desejado.

Internet Explorer 6 e anteriores:

* html {}

Continuar lendo »

Compatiblidade CSS no Internet Explorer

Postado por: Pedro Rogério em

O Internet Explorer é um browser que possui suporte precário a CSS, a própria Microsoft reconhece isso, pois em seu site você pode ver uma lista com todas as propriedades CSS suportadas pelo Internet Explorer desde a versão 5.0 até a versão 8.

Por exemplo, hoje o Internet Explorer 6 possui total suporte as especificações CSS nível 1, e sua futura versão 8 terá total suporte a CSS nível 2.1, e algumas propriedades CSS 3. Só é triste ver que coisas tão interessantes, que ajudariam e muito no desenvolvimento web, ainda não são suportadas.

Tabela de Compatibilidade CSS no Internet Explorer

Border-image no Firefox 3.1

Postado por: Pedro Rogério em

John Resig nos mostra em seu blog que a próxima versão do Firefox, a 3.1 atribuirá a capacidade de utilizar o atributo CSS3 border-image. Com essa especificação, podemos adicionar imagens as bordas, ao invés de hoje em dia onde só utilizamos cores:

Border-image no firefox 3.1

Seu uso consiste no seguinte código:

border-image: url(border.png) 27 27 27 27 round round;

Border-image no firefox 3.1

Atualmente, essa especificação funciona somente no Safari, e na versão pre de Firefox 3.1.

Leia mais:

Páginas:«1234567