por Leonardo
8. janeiro 2010 17:19
Olá, pessoal!
Hoje irei falar sobre Web Slice que é uma tecnologia do IE que utiliza parâmetros embutidos no HTML
de modo que seja possível selecionar uma determinada parte do site para adicioná-la a barra de favoritos.
Pode ser utilizado em diversas situações, mas a idéia principal é a de não precisar ficar recarregando
o site inteiro para ver atualizações as vezes necessárias de minuto em minuto ou no caso de leilões
ou da bolsa que as vezes é preciso atualizações em questão de segundos.
É muito fácil criar Web Slice em seu site, blog, outros.
Segue um exemplo:
<html>
<head>
<title>:: Web Slice ::</title>
</head>
<body>
<form id="form">
<div class="hslice" id="HW">
<h3>
<span class="entry-title">Web Slice</span>
</h3>
<table class="entry-content">
<tr>
<td>
<b>Conteúdo</b>
</td>
</tr>
<tr>
<td>
<img src="imagem.jpg" />
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
Definição das classes utilizadas no HTML acima:
hslice – Mostra que é um web slice
entry-content – É o conteúdo do Web Slice
entry-title – É o titulo que será mostrado na barra de favoritos
Agora como adicioná-lo ao navegador? Fácil:
1. A Web Slice pode ser identificada no site pelo símbolo 
2. Ao clicá-lo ele irá pedir para adicionar à Barra de Favoritos
3. Pronto, é simples assim e agora você pode visualizá-lo na barra de Favoritos
Segue um vídeo tutorial para ajudar
Vídeo
Obrigado pessoal,
Até a próxima.
por Lucas
16. dezembro 2009 18:00
Como todos sabem, o Internet Explorer 6 apesar de estar obsoleto, ainda é muito utilizado.
Portanto nós desenvolvedores temos que saber lidar com suas limitações e bugs.
Um exemplo disso é que o IE6 não consegue processar o canal Alpha das imagens em formato PNG.
A transparência das imagens nesse formato não é exibida corretamente pelo navegador, ou seja, fica um fundo cinza onde era pra ficar transparente.
Só pra constar, esse problema foi corrigido no IE7.
Pra corrigir esse problema no IE6 você precisa incluir o código abaixo no seu css:
.seucss {
background:url(imagem.png);
_background:none;
_filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagem.png', sizingMethod='scale');
}
Explicando o css acima:
Primeiro colocamos a imagem utilizando o código que todo navegador entende:
background:url(imagem.png);
Depois utilizamos esse hack que só o IE6 entende tirando o background:
_background:none;
Finalmente usamos um filtro q só o IE entende, mas colocamos um hack também para o IE7 não entender.
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagem.png', sizingMethod='scale');
*Não esqueçam de substituir onde aparece "imagem.png" pelo caminho e nome da sua imagem.
Até a próxima!
por Lucas
9. dezembro 2009 17:00
Fala galera!
Estava eu navegando pela internet, procurando um jeito de rodar o IE6 na minha máquina mesmo com o IE7 já instalado, e encontrei um site muito útil.
Ele roda os navegadores abaixo sem instalá-los na sua máquina.
- IE6
- IE7
- IE8
- Firefox 2
- Firefox 3
- Firefox 3.5
- Safari 3
- Safari 4
- Opera 9
- Opera 10
- Chrome
Para utilizar o site siga os passo abaixo.
- Abra o site http://spoon.net/browsers/
- Instale o plugin (apenas uma vez e não funciona no Chrome)
- Abra o site novamente e clique no navegador desejado
Até a próxima!