Arquivo da tag: HTML5

Tags HTML5 para IE8

Como sempre, o IE é muito atrás em tecnologia. Este artigo explica como obter suas tags HTML5 trabalhando como se estivessem em Opera, Safari, Chrome ou Firefox.

Você pode obter etiquetas HTML5 trabalho no IE7 e IE8, incluindo este JavaScript na cabeça do seu documento. Para preformance incluí-lo depois de carregar o CSS.

<!--[if lt IE 9]>
 <script>
 document.createElement('header');
 document.createElement('nav');
 document.createElement('section');
 document.createElement('article');
 document.createElement('aside');
 document.createElement('footer');
 document.createElement('hgroup');
 </script>
 <![endif]-->

 

Firefox, Opera, Chrome, todos consegue reconhecer, mas o IE8 e as versões anteriores, não. Certifique-se de declarar qualquer novo elemento HTML5 como block em seu arquivo css, ou declarar in-line para todos os navegadores, pra não ter conflito futuro.

header,nav,section,article,aside,footer,hgroup { display: block; }

Se preferir, você pode puxar um mais elaborado html shiv do Google Code assim:

<!-- Pulled from http://code.google.com/p/html5shiv/ -->
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

Fonte: http://www.nickyeoman.com/blog/html/118-html5-tags-in-ie8

 

Estrutura do HTML5

Olá pessoal,

Resolvi escrever sobre
o HTML5, a nova versão do HTML que promete revolucionar a
navegabilidade na web. O HTML passou vários anos sem atualizações,
o que é mortal para uma tecnologia em tempos de internet.
Finalmente, ele se renova e abre horizontes para navegadores modernos
e recursos multimídia. Continue lendo Estrutura do HTML5

Coleção de galeria com JQuery

Enquanto procurava por artigos sobre jQuery – a fantástica biblioteca de Java Scripts criada por John Resig, e o mais interessante: tudo free – encontrei diversos efeitos que darão um up em seus trabalhos, os deixando diferentes e impactantes.

Não muito obstante, a utilização do flash era essencial na elaboração de sites atraentes, porém, com a chegada das novas tecnologias, como o CSS3, HTML 5 e jQuery, o flash vem perdendo espaço na web. [esse assunto deixarei para um próximo artigo].

Principalmente para a apresentação dos trabalhos de um portfólio, os links abaixo o levarão para tutoriais magníficos, extremamente úteis para aqueles que gostam de seguir tendências, novidades. #ficaAdica

01 [link para o tutorial]

02 [link para o tutorial]


03 [link para o tutorial]

04 [link para o tutorial]

05 [link para o tutorial]

06 [link para o tutorial]

07 [link para o tutorial]

08 [link para o tutorial]

09 [link para o tutorial]

10 [link para o tutorial]

11 [jQuery Image Gallery]

A utilização do jQuery é muito simples e fácil de ser manuseada.
Contudo, se você ainda não faz idéia do que é e como utilizá-lo veja o artigo “Visão geral sobre o JQuery”.