18Novembro2008
CSS: Resolvendo bugs no IE6
por: Alex Camillo em: CSS; Produção Web; XHTML; desenvolvimento web.
Quem nunca teve problemas desenvolvendo algum projeto usando o Internet Exolorer 6? Devido a sua falta de suporte aos padrões web, é quase inevitável não ter algum tipo de dor de cabeça. Mas é de extrema importância fazer com o que o projeto/site, seja visualisado da mesma forma em todos os browsers, digo: Internet Explorer 6, 7 e 8, Firefox 3.0.4, Safari 3.2, Opera 9.62 e Google Chrome. Mais uma coisa a ressaltar; Nunca devemos usar hacks, sempre há uma solução para se livrar de problemas. Em minha opnião é totalmente anti-profissional. Hacks são como o nosso famoso jeitinho brasileiro. Seja trabalhando como freelance ou em uma agência devemos sempre optar pelo profissionalismo, seguir padrões para que outros desenvolvedores saibam exatamente onde mexer caso precisem fazer alguma atualização no projeto.
Problemas mais comuns no IE6
-
- Margem Dupla;
- PNG transparente;
- Position:fixed;
- Margin: auto;
- Line-Height.
Quer a lista completa dos bugs no IE6?
Resolvendo os Bugs
Para começar, se você assim como eu gosta de se manter atualizado, com as versões mais recentes de seus browsers mas tem consciência de qua ainda é preciso checar seu trabalho no famigerado IE6, a solução é instalar multiplas versões do browser. Por algum motivo que ainda não descobri, o Multiple IE’s não funcionou com o Windows Vista, como em meu desktop, ainda utilizo o Windows XP, problema “resolvido”.
Biblioteca IE7.js
Uma maneira bastante simples de resolver todos os bugs do interner explorer 6 é utilizando a biblioteca IE7.js. A biblioteca faz com que o IE6 fique com a cara do IE7. Para tanto basta adcionar a condiconal baixo entra as tags <head></head> da sua página.
<!–[if lt IE 7]>
<script src=”http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js” type=”text/javascript”></script>
<![endif]–>
Como nem tudo é perfeito, o problema na utilização da biblioteca ocorrerá se o usuário do site tiver desabilitado javascript em seu browser.
Reset.css
Iniciar o CSS com todos as tags HTML sem qualquer estilo padrão definido pelo browser para evitar Alguns problemas é uma boa solução, já que, por padrão, todos os elementos HTML possuem um estilo incorporado. Atualmente utilizo a tecnica do Eric Meyer.
html, body, div, span, applet, object, iframe, table, caption,
tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
vertical-align: baseline;
font-family: inherit;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
outline: 0;
padding: 0;
margin: 0;
border: 0;}
:focus{outline:0;}
body{background:white;line-height:1;color: black;}
ol, ul{list-style: none;}
table{border-collapse: separate;border-spacing:0;}
caption, th, td{font-weight: normal;text-align:left;}
blockquote:before, blockquote:after, q:before, q:after{content: “”;}
blockquote, q{quotes: “” “”;}
Apesar de todo trabalho que dá, e dá trabalho mesmo, nada melhor do que fazer um trabalho bem feito e entregar nosso código redondinho!
30Agosto2008
Dicas: CSS e acessibilidade
por: Alex Camillo em: Acessibilidade; CSS; Produção Web; Usabilidade; XHTML.
Quase não tenho postado sobre CSS, acessibilidade, javascript, HTML, ou seja, coisas que eu faço, que eu lido todos os dias. Para compensar, resolvi postar algumas fontes de pesquisa que estou sempre buscando informações, principalmente nas horas de “perrengue”. Algumas extensões que uso também para checar acessibilidade. Confesso que comecei a me preocupar com acessibilidade não faz muito tempo. Tenho procurado ler bastante sobre o assunto e aos poucos, tenho colocado em prática o que tenho aprendido. Começo a lista com uma lista de ótimos sites sobre CSS para quem quer aprender, quem está começando.
- http://www.alistapart.com/topics/code/css/
- http://artypapers.com/csshelppile/category.php?11
- http://www.cssbasics.com/
- http://dezwozhere.com/links.html
- http://meyerweb.com/eric/css/
- http://www.456bereastreet.com/archive/categories/css/
- http://www.positioniseverything.net/
- http://www.htmldog.com/
- http://www.barelyfitz.com/screencast/html-training/css/positioning/
- http://www.w3schools.com/css/default.asp
- http://csszengarden.com/
- http://css.maxdesign.com.au/
- http://www.csseasy.com/
- http://webdesignfromscratch.com/css.cfm
- http://css-tricks.com/
Segue abaixo uma pequena lista com algumas extensões do firefox que são, sem sombra de dúvidas muito úteis para acessibilidade.
- http://firefox.cita.uiuc.edu/index.php
- http://www.fujitsu.com/global/accessibility/assistance/wi/
- http://www.vischeck.com/vischeck/
- http://juicystudio.com/article/colour-contrast-analyser-firefox-extension.php
- http://www.tawdis.net/taw3/cms/en
Espero que tenha ajudado. Até a próxima!
9Junho2008
WARAU
por: Alex Camillo em: Acessibilidade; CSS; Produção Web; XHTML.
O WARAU é um espaço de discussão de normas, diretrizes, técnicas e boas práticas para a criação de código Web acessível e usável. O nome WARAU é um acrônimo de Websites Atendendo a Requisitos de Acessibilidade e Usabilidade.
O WARAU é dirigido principalmente para mantenedores de websites que já tenham algum conhecimento de código Web (e.g., HTML, CSS, Javascript) e que queiram aprender como construir websites válidos, acessíveis e usáveis. No WARAU há espaço para discussão de temas que envolvam acessibilidade e usabilidade na Web, abrangendo desde ferramentas assistivas até diretrizes e padrões estabelecidos por organizações como o World Wide Web
Consortium (W3C).
Fonte: Acessibilidade Digital
Agradecimento: M. Cecília C. Baranauskas, Leonelo D. A. Almeida e Vagner F. de Santana IC & Nied - UNICAMP
Pots Relacionados
- Comente aqui
(Avalie este post)
Loading ...
Loading ...
Pots Relacionados