Hack CSS – IE6, 7 e 8
Quando desenvolvemos sites ou sistemas web que não necessitam de validação w3c os Hacks CSS (CSS Hack) são necessários para ajustes rápidos. Claro que melhor é não usar, mas as vezes este é a única solução.
Por razões lógicas a maioria dos hacks são para internet explorer.
Pensando nisso montei uma página utilizando hacks e em cada browser o background muda.
Verde: Qualquer Browser
Vermelho: Internet Explorer 7
Azul: Internet Explorer 6
Amarelo: Internet Explorer 8
Código:
background-color: green; /* Qualquer Browser */ background-color /*\**/: #FFCC00\9; /* Internet Explorer 8 */ *background-color: red; /* Internet Explorer 6 e 7 */ _background-color: blue; /* Internet Explorer 6 */
Clique aqui e veja o html de exemplo
É importante seguir esta ordem para o css execute diferente a cada browser.
Lembrando que usando estes recursos, o seu site não será válido pela W3C.
Até a próxima…
Lisiano Lampert
Atualizem seus browsers!
Um dos contras de trabalhar com desenvolvimento web hoje e a incompatibilidade entre os browsers, O navegador que mais dá problemas sem dúvida é o Internet Explorer 6.
Geralmente os desenvolvedores utilizam como base o Internet Explorer 7 e Firefox, deixando a versão 6 para os últimos testes e muitas vezes o layout fica bem diferente do que foi feito nos outros navegadores.
Hoje temos muitas correções para isso, procurando no google é possível achar desde um IF para separar o CSS do IE6 e do restante até Java scripts com correções.
Muitos sites foram mais longes e simplesmente deixaram de dar suporte ao IE6 e exibem uma mensagem mandando o usuário atualizar seu browser. No meu site a única diferença é que no IECA 6 a tarja do título do post não fica transparente ao relação a foto, mas o resto é igual.
Com isso tudo o iMasters em parceria com a Mozilla colocaram uma campanha no mínimo bacana que é de todos os usuários atualizarem seus navegadores.
Porque o firefox?
O Firefox permite que você realize suas atividades online com mais rapidez e eficiência do que em qualquer outro navegador, ponto final. Oferecendo as melhores implementações de recursos consagrados como a navegação por abas e bloqueio de popups, como também outras inovações invísiveis a primeira vista, o Firefox sobressai-se sobre qualquer outro browser.
Fonte: Mozilla
Até a próxima!
Lisiano.com
Sites Web 2.0 – A Simplicidade
No desenvolvimento web hoje temos muitos recursos até chegar o site final, como o javascript, css, xml e ajax. Mas em um layout Web 2.0 deve ter sempre como referência a simplicidade.
Durante os primeiros tempos desenvolvendo sites eu tinha uma preocupação muito grande em colocar efeitos ou animações ninjas. E quando eu pensava em desenvolver algo mais simples, no máximo que eu conseguia era algo pobre.
O site abaixo mostra a primeira versão do meu site pessoal:
E este é o layout atual do meu site:
Claro que algumas diferenças técnicas são gritantes, são elas:
Primeira Versão
- Todo em flash
- Codigo fonte muito ruim
- Feito com editor WYSIWYG
- Muitas imagens
Segunda Versão
- Site em tableless
- Utiliza o mínimo de imagem possível
- Desenvolvido totalmente com a tecnologia Asp.Net
- Layout limpo
- Melhor indexado pelo google
- Foco em ajudar os iniciantes pela maneira mais correta.
Voltando ao foco da postagem no exemplo dos meus sites fica claro que levei em consideração nesta segunda versão é a simplicidade. Nada de efeitos mirabolantes e sim algo simples mas na minha humilde opinião ficou harmonioso.
Continuarei comentando sobre este assunto nas próximas postagens.
Valeu
Usar Flash?
A era do site todo em flash acabou, hoje ter uma página na internet deve ser muito mais do que um layout ninja que o usuário clica o site treme a tela e carrega o outro conteúdo.
Existem situações em que o site todo em flash pode até ser necessário como o hotsite, banner ou jogos, Muitas empresas utilizam flash porque não tem conhecimento necessário para fazer em HTML.
Estamos na era da busca onde o site deve ser bem indexado e deve ter uma semántica nos conteúdos. Claro o flash é indexado na busca, mas como o google vai ter certeza que a primeira frase é o título ou qual conteúdo tem mais importancia?
Hoje dizer que um site deve ser feito em flash porque o cliente quer efeitos ninjas é desculpa de sobrinho, porque existem várias bibliotecas javascript como o jQuery por exemplo, que podem fazer o site ficar com um bom html, válido, tableless e com efeitos muito interessantes.
Onde devo usar?
Meu objetivo não é retirar o flash dos sites, mas usar ele da forma correta.
Você pode por exemplo montar os banners do site, desde que ele não esteja com o conteúdo principal. Ou fazer aquela animação de como chegar na empresa com a bolinha seguindo as ruas…(clássica!)
O flash deve ter o conteúdo auxiliar e claro nunca colocar o link dos páginas internas do site.
Exemplo clássico:
O cara aprende flash e consegue fazer um menu que tudo mundo olha e fala:
- “Bá que massa, muito f#$%…”
E mete no site e a unica maneira de acessar aquela página de produtos que era o foco principal da empresa é pelo menu.
Ou seja a acessibilidade do site foi prejudicada.
Solução
Coloque em outro local do site todos os links em forma de texto pelo velho e conhecido <a href=”produtos.htm”></a>
Até a próxima!
Ganha pão
Widgets
