Arquivo da tag: Firefox

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

 

Apague o histórico do seu navegador no android

Confira um tira dúvidas para apagar o seu histórico de internet em dispositivos móveis com Android

  

Para as pessoas que estão  tempo todo navegando na internet é fundamental manter a privacidade. Até porque, apesar do telefone ser um objeto de uso pessoal, com ele está sempre circulando, é muito fácil que o dispositivo móvel vá parar nas mãos de outras pessoas. Portanto, confira algumas dicas de como apagar seus dados de acesso na internet.

Apagando dados do Browser do Android 4.0

Para as pessoas que estão utilizando dispositivos móveis com Android 4.0, foi lançado juntamente com um navegador que já está pronto para ser utilizado. Para apagar o histórico de navegação deste navegador, basta abrir o menu de opções do sistema, e ao abrir a lista entrar nas opções de web e depois em configurações, lá estarão disponíveis os botões para apagar os dados de navegação.

Apagando dados do Chrome for Android

Para apagar os dados de navegação do Chrome para o Andorid, os usuários precisam acessar o menu o menu, depois disso clicar no menu de privacidade. No menu privacidade os usuários terão acesso a uma série de itens, e um deles é o Limpar Dados de Navegação. No mesmo menu a pessoa pode desabilitar e não gravar mais nenhum histórico.

Apagando dados do Firefox para Android

Outro navegador que é muito popular para os sistemas operacionais do Android é o Firefox, e é muito simples, basta entrar no botão do menu e depois disso acessar configurações, opções de privacidade, e depois limpar dados.

Fonte: http://www.brasiltab.net/2012/10/apague-o-historico-do-seu-navegador-no.html#ixzz29g6dP7fX

Console de erros – Ferramentas e extensões

firebug web developerAlgumas vezes queremos localizar determinado problema no nosso site, reviramos servidores e suas configurações, revisamos a programação e não obtemos resultado algum. Os erros nos sites podem vir de determinadas causas. O problema pode estar no domínio, na hospedagem, na programação ou até mesmo na conexão com determinado local, causado por problemas de DNS, por exemplo. Continue lendo Console de erros – Ferramentas e extensões

Detectar Browser com PHP

The PHP logo displaying the Handel Gothic font.
The PHP logo displaying the Handel Gothic font. (Photo credit: Wikipedia)

Detectar Browser com PHP é extremamente facil. Aplique o seguinte codigo php onde quer que lhe apareça conteúdo destinado unicamente a um determinado browser. Muito útil para o load de Scripts ou Css.

<?php
$browser_cliente = isset($_SERVER['HTTP_USER_AGENT']) ? $_SERVER['HTTP_USER_AGENT'] : ''; if(strpos($browser_cliente, 'Opera') !== false){

   echo 'codigo para o Opera';

}elseif(strpos($browser_cliente, 'Gecko') !== false){

   echo 'codigo para o Mozilla/Firefox e browsers baseados no motor Gecko';

}elseif(strpos($browser_cliente, 'MSIE') !== false){

   echo 'codigo para o IE';

}elseif(strpos($browser_cliente, 'Chrome') !== false){

   echo 'codigo para o Chrome'; }else{ echo 'codigo para outro browser'; }

?>

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

Hack CSS para IE, FireFox, Opera

Esse post e voltado para quem ainda tem problemas com as versões do IE (Internet Explore), que quando acha que o trabalho está terminado, acaba vendo que o CSS no IE está tudo estourado, torto, com fonte diferente, onde acaba dando ainda mais trabalho.
Aqui vou mostrar hacks de algumas versões do IE.
Hacks CSS são regras que só servem para determinado navegardor. No caso, esse determinado navegador geralmente é o IE, mas podemos encotrar alguns hacks para outros navegadores também.


#element {
color:orange;
}
#element {
*color:white;    /* IE6+7, doesn't work in IE8/9 as IE7 */
}
#element {
_color: red;     /* IE6 */
}

 #element {
_color /***/: red9;     /* IE8 */
}

#element {
color: green&#092;&#048;/IE8+9; /* IE8+9  */
}
:root #element { color:pink &#092;&#048;/IE9; }  /* IE9 */
#element, x:-moz-any-link, x:default { margin-top:50px; } /* Firefox 3.0 para o mais novo */
@media not all and (-webkit-min-device-pixel-ratio:0) {  #element { margin-top:50px; }  }  /* Opera 10 mais novo */

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

O que você precisa saber para criar um excelente E-mail Marketing

Mecanismos de Renderização ou Rendering Engines

Assim como os navegadores, todas as aplicações de email são diferentes entre si, e essa diferença se deve, em grande parte, ao mecanismo de renderização de HTML que elas utilizam. Um mecanismo de renderização (ou rendering engine) é, muito resumidamente, um sistema que interpreta informações de formatação (CSS, XSL) e de marcação ( HTML, XML, imagens etc) e as transforma em conteúdo visual na tela. Não há um padrão estabelecido entre eles e, infelizmente, temos que adaptar nosso trabalho em função desta diversidade.
Continue lendo O que você precisa saber para criar um excelente E-mail Marketing

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