Arquivo da categoria: Navegadores

Chrome quando faz aplicação feito pelo administrador


Quando está procurando aquele programa que está precisando muito, mas quando vai instalar, vem com vários outros programas, que não foi autorizado e modifica as configurações do chrome, mudando o motor de pesquisa por administrador, que não é removida facilmente.
Continue lendo Chrome quando faz aplicação feito pelo administrador

Shockwave Flash no Chrome

Estava tendo problemas para ver vídeos no Youtube, que quando abria o vídeo aparecia um erro, falando que o Shockwave Flash parou de funcionar.

Pesquisando achei esse endereço “chrome://plugins/” que é do chrome, onde pode ver todos os plugins instalados.

Quando abrir ele procure por Shockwave Flash, e verifique se está atualizado.

Depois de atualizar não tive mais problemas.

Se tiver mais dúvidas, deixe seu comentário.

 

-Prefix-my-css

Tem certo momentos na criação de CSS, deparamos que alguns parâmetros que colocamos, que mesmo sendo comum, algum navegador não vai reconhecer (que muitas vezes o Internet Explorer não entende :p ).

Pesquisando encontrei esse site: prefixmycss.com.

Esse site pega todos os parâmetros que você criou e acrescenta outros com a mesma funcionalidade, para funcionar em todos os navegadores, ele vem com a possibilidade de deixar o CSS todo em uma linha só, deixando a leitura mais rápida na hora de carregar o site.

Para ele fazer esse melhoramento, é só pegar o seu código de CSS e colocar no campo “Paste you CSS” e clicar em “Prefix!”.

Qualquer dúvida deixe seu comentário.

Abraço a todos. =)

Script para bloqueio de print e botão direito do mouse

Quem nunca teve um cliente dizendo para bloquear o botão print-screen e o botão de menu do mouse, para que acessar o site não copiar as informações.

Vamos ao código abaixo:

</span>

<!- este bloqueia o botão print-screen ->

<body bgcolor="#ffffff" onload=setInterval("window.clipboardData.clearData()",20)>

<script language="JavaScript">
if (window != top) top.location.href = location.href;
</script>
<script language="JavaScript">

// Proibe clicar com o "segundo" botao
function click() {
if (event.button==2) {
alert.('Conteúdo bloqueado.')
}
}
document.onmousedown=click
</script>
<pre>

E assim se acaba mais um post.  =)

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

 

Ótimos plugins para ser usado no Chrome – Atualizado

google chrome
google chrome (Photo credit: toprankonlinemarketing)

Juntei ótimos plugins que vai facilitar na hora de programar ou pra analisar o desempenho e as estruturas do site, assim podendo melhorar seu sites.

Color Pick

Chrome Web Store - Color Picker

Color Pick é um ótimo plugin para descobrir o código hexa decimal de elementos dentro de um site.

https://chrome.google.com/webstore/detail/ohcpnigalekghcmgcdcenkpelffpdolg

Continue lendo Ótimos plugins para ser usado no Chrome – Atualizado

Script para ajustar altura da div junto com a da página

Estava trabalhando em um site que tem um menu lateral, que tem a altura de 100%, só que quando abria um submenu, aparecia a barra de rolagem, e altura do menu não ajustava o tamanho sozinho, fiz uma demorada busca até que achei esse script abaixo.

Colocar antes da TAG </head>

&lt;/pre&gt;
&lt;script&gt;
function alertSize() {
 var myWidth = 0, myHeight = 0;
 if( typeof( window.innerWidth ) == 'number' ) {
 //Non-IE
 myWidth = window.innerWidth;
 myHeight = window.innerHeight;
 } else if( document.documentElement &amp;&amp; ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
 //IE 6+ in 'standards compliant mode'
 myWidth = document.documentElement.clientWidth;
 myHeight = document.documentElement.clientHeight;
 } else if( document.body &amp;&amp; ( document.body.clientWidth || document.body.clientHeight ) ) {
 //IE 4 compatible
 myWidth = document.body.clientWidth;
 myHeight = document.body.clientHeight;
 }

return [ alert(&quot;width: &quot;+myWidth+&quot; pxnheight: &quot;+myHeight+&quot; px&quot;) ];
}
&lt;/script&gt;
&lt;script&gt;
function ajustarAltura(){
 var heightTela = document.body.scrollHeight
 document.getElementById('menuLateral').style.height = heightTela+&quot;px&quot;;
}
&lt;/script&gt;
&lt;pre&gt;

Colocar no fim da página.

&lt;/pre&gt;
&lt;script&gt;
alertSize();
alert(&quot;menulateral: &quot;+$(&quot;#menuLateral&quot;).css(&quot;height&quot;));
alert(&quot;document.body.scrollWidth: &quot;+document.body.scrollWidth+&quot; pxndocument.body.scrollHeight: &quot;+document.body.scrollHeight+&quot; px&quot;);
&lt;/script&gt;
&lt;pre&gt;

Como colocar um favicon no site

English: A screenshot of English Wikipedia in ...
English: A screenshot of English Wikipedia in Firefox on KDE, showing the favicon next to the address bar. (Photo credit: Wikipedia)

Um favicon (favorites icon) é uma pequena imagem que, nos browsers modernos, se associa ao nosso website (podem ver em baixo um exemplo). Uma imagem deste tipo, além de favorecer a estética do website, dá uma imagem mais profissional do mesmo. Tudo o que é necessário é acesso ao FTP e uma imagem/símbolo que se possa associar ao website pretendido. Ainda existem imensos websites na internet que não possuem um favicon, mas esse é um erro que eu não quero que vocês, os leitores, cometam! Continue lendo Como colocar um favicon no site

Como tirar o máximo proveito do Google Chrome

O Google Chrome é uma das melhores formas de navegar na web, sem dúvida. Mas mesmo que você seja um veterano nesse navegador, temos alguns truques para melhorar sua experiência.

Nosso Guia de Otimização do Google Chrome vai mostrar a você quais as melhores extensões do Google Chrome para se baixar, além de ajustes nas configurações que você nem sabia que existiam.

Pegue um atalho

Antes de mergulhar no muitos tesouros escondidos no Chrome, vamos começar com algumas noções básicas. Atalhos permitem economizar bastante tempo no Chrome, em vez de recorrer constantemente ao mouse para executar tarefas simples como abrir novas guias. Memorize estes atalhos úteis, e você estará no caminho para dominar o Chrome: Continue lendo Como tirar o máximo proveito do Google Chrome

Como forçar os usuários a atualizar seu IE6

IE6 Update

Se os usuários de forma consciente não atualizam o IE6 para uma versão mais recente, por que não agora tentarmos alguma maneira não ortodoxa para que eles atualizem? Uma maneira que pode funcionar muito bem é simulando aquela barra de atualização que aparece no browser dizendo que o mesmo precisa ser atualizado para que o site seja melhor visualizado. Se você ainda tem IE6 no seu PC, então aproveite e visite essa página teste criada para simular o update. Continue lendo Como forçar os usuários a atualizar seu IE6