Arquivo da tag: Safari

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

 

Bonitos botões em CSS3

Eu me deparei com um punhado de sites que explicam como criar flexíveis CSS3 botões, mas eu nunca realmente gastou o tempo para implementar um até que eu achei um pouco grande escrever cortesia dos caras mais no blog Zurb (em inglês) que têm um fantástico postar sobre a criação de CSS3 botões. Então eu tomei o seu exemplo e tweaked-lo para atender às minhas necessidades. É importante notar que se o seu usando o Internet Explorer que você não vai ver todos esses efeitos como o IE ainda não suporta CSS3. Browsers compatíveis CSS3 são, Safari, Chrome e Firefox 3 +. Continue lendo Bonitos botões em CSS3

O que você tem que saber sobre CSS3

Muitos de vocês provavelmente já perceberam toda a agitação em torno do CSS3, mas exatamente quais técnicas podemos usar hoje?

Neste artigo, vou mostrar algumas técnicas diferentes CSS3, que alguns dos principais navegadores (mais especificamente Firefox, Chrome, Safari e Opera) já suportam. Com isso ficará evidente a degradação do layout pela falta de suporte dos outros browsers (como por exemplo o Internet Explorer). Usando as extensões específicas disponíveis para cada navegador, muitos dos estilos que estão sendo especificados no CSS3 já podem ser usados hoje! Continue lendo O que você tem que saber sobre CSS3

10 Alternativas ao Lightbox em CSS3

Lightbox normalmente se refere a uma janela pop-in que pode ser usada para mostrar imagens, vídeos e conteúdos em HTML. Existem muitas variações do Lightbox em Javascript disponível na internet. No entanto, este artigos é focado em soluções de Modais em CSS 3. Continue lendo 10 Alternativas ao Lightbox em CSS3

Gradientes em CSS

Já é possível criar gradientes apenas utilizando CSS3. Sem imagens e com alguma compatibilidade com a maioria dos browsers do mercado. Vale a pena experimentar. Continue lendo Gradientes em CSS