20November2008
Links for 2008-11-20 [Del.icio.us]
por: Alex Camillo em: Delicious; Fonte de Inspiração; Links.
- CSS Showcase: 40 galerias para influenciar sua criatividade
- As páginas mais feias do MySpace
- Twitter: Custmomize seu blog
- Photoshop: 19 tutoriais que ensinarão você a criar seu cartão de visita
- 44 designs para sua inspiração
- Logo designs
- Textura: Papel amassado
- Costumizando suas páginas de erro
- Tipografia: 50 fontes super profissionais
- 50 menus de navegação
18November2008
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!
(4 votos, média de: 4.5 de 5)
Loading ...26October2008
Links for 2008-10-26 [del.icio.us]
por: Alex Camillo em: CSS; Delicious; Jquery; Links; Web 2.0; Wordpress; web; webdesign.
- Vários vetores
- Criativos menus de navegação
- Fontes - Estilo caneta
- Melhores tutoriais de photoshop do mês setembro
- Melhores designs do mês de setembro
- Designs com fundo madeira
- Botão efeito com CSS
- 10 tecnicas de css para nosso dia-a-dia
- Textura de madeira
- Photoshop brushes
- 48 designs inovadores
- 11 temas para o firefox
- Idéias para o checkbox do seu formulário
- Ilustrações inspiradoras
- Saiba como escolher as cores para sua marca
- 25 portfolios dos melhores fotografos
- Wordpress plugin - destacando uma categoria e/ou link
- Coleção que todo webdesigner deve ter
- Sexy Menu vertical
- Photoshop brush para haloween
- Ótima coleção de tutoriais de photoshop
- maneira super criativa de mostrar seus produtos usando jquery
24October2008
Links for 2008-10-24 [del.icio.us]
por: Alex Camillo em: Delicious; Fonte de Inspiração; Jquery; Links; desenvolvimento web.
- Coca-cola designs (criatividade nas garrafas da coca-cola)
- Google, AOL, Apple, Nike designs - 1998-2008
- História dos logos olímpicos
- Comunicação social através de extensões do firefox
- Temas para quem está começando com o wordpress
- Dropdown menu com CSS e jquery
- Ótima coleção de ícones (Mídia social)
22October2008
Links for 2008-10-22 [del.icio.us]
por: Alex Camillo em: Delicious; Jquery; Links; Wordpress.
- Slide-in Jquery - Formulário de Contato
- 30 sites para inspirar sua criatividade
- Templates para CMS
- 13 elegantes e simples temas para wordpress?
- 10 plugins que todo blogueiro deve ter
- Múltiplos feeds em seu site? Aprenda como fazer
- 20 Jquery Plugins
- Sites(designs) para inspiração
- 10 maneiras simples de otimizar seu site
Loading ...
Pots Relacionados