Blog do Camillo - O dia-a-dia de um Desenvolvedor Web

Links for 2008-11-20 [del.icio.us]

Fri, 21 Nov 2008 00:00:00 -0600

Woopra - Website Tracking and Analytics

Links for 2008-11-20 [Del.icio.us]

Alex Camillo — Thu, 20 Nov 2008 21:44:44 +0000

Links for 2008-11-19 [del.icio.us]

Thu, 20 Nov 2008 00:00:00 -0600

Links for 2008-11-18 [del.icio.us]

Wed, 19 Nov 2008 00:00:00 -0600

CSS: Resolvendo bugs no IE6

Alex Camillo — Wed, 19 Nov 2008 02:01:39 +0000

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 da sua página.

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!

Links for 2008-11-18 [del.icio.us]

Alex Camillo — Wed, 19 Nov 2008 02:00:09 +0000

Links for 2008-11-17 [del.icio.us]

Tue, 18 Nov 2008 00:00:00 -0600

Let Internet Explorer 6 Behave Like Internet Explorer 7 » DivitoDesign

Wordpress: RSS em cada post

Alex Camillo — Mon, 17 Nov 2008 11:00:05 +0000

Tão importante quanto gerar tráfego para seu site é receber bem os visitantes. O conteúdo apresentado e atração geral de seu site podem fazer toda a diferença. Uma boa maneira de gerar tráfego é colocando um link para seus leitores no final de cada post.

Uma idéia simples que pode agradar seus visitantes e aumentar o tempo em que navegam nas páginas de seu site, além de fazer com que seus visitantes sempre fiquem por dentro das novidades em seu blog. Vale lembrar que o visitante satisfeito volta, indica o site para amigos o que sempre ajuda a aumentar suas visitas.

while (have_posts()) : the_post() ?>

http://feeds.feedburner.com/alex-camillo“>Gostou do post? Assine nosso feed!

Links for 2008-11-16 [del.icio.us]

Mon, 17 Nov 2008 00:00:00 -0600

Wordpress Custom Admin Branding : Pressing Pixels | A Wordpress Magazine
Woork: CSS coding: semantic approach in naming convention
UCI SOM PRIME-LC
Thiago's UC Irvine profile

A evolução das marcas

Alex Camillo — Sun, 16 Nov 2008 16:43:04 +0000

Surfando na rede hoje, me deparei com um post super interessante sobre a evolução nas marcas de cinquenta grandes empresas como: Renault, IBM, Google, Texaco, Ford, Fiat e etc…O Post original pode ser lido aqui.

Abaixo apenas um aperitivo.

Links for 2008-11-15 [del.icio.us]

Sun, 16 Nov 2008 00:00:00 -0600

Links for 2008-11-15 [del.icio.us]

admin — Sat, 15 Nov 2008 15:14:22 +0000

Links for 2008-11-14 [del.icio.us]

Sat, 15 Nov 2008 00:00:00 -0600

Mininova.org is under maintenance

Links for 2008-11-13 [del.icio.us]

Alex Camillo — Thu, 13 Nov 2008 13:24:40 +0000

World Usability Day 2008

Alex Camillo — Wed, 12 Nov 2008 12:08:41 +0000

O Dia Mundial da Usabilidade foi criado para assegurar que serviços e produtos importantes para a vida sejam acessíveis e mais simples de usar. A edição 2008 no Rio de Janeiro,acontece no dia 13 de novembro, a partir das 17:30 h no Teatro da Cidade, em Ipanema. Segue abaixo, outras informações sobre o evento.

Local do Evento:

Av. Epitácio Pessoa, 1664 - Lagoa
Rio de Janeiro - RJ, 22411-072, BRA

Programação

17h30
Boas vindas e abertura
Robson Santos, D.Sc

17h40
Casos e experiências

Projeto de aeronaves - Saulo Hideki (Designer, RJ)

Acessibilidade no transporte público carioca
Everaldo Bechara (iLearn, RJ)

Projetos para transporte ferroviário
Bruno Batela (Designer, RJ)

Metodologias de usabilidade
Letícia Cianconni (Especialista em usabilidade - Tesla, SP)

18h40
Intervalo / Coffe-break

19h
Palestras

GPS, mapas e mobilidade
Daniel Rocha (Fórum Nokia)

TEX - Solução para o caos no trânsito
Guto Indio da Costa

20h
Mesa redonda - Para onde vai o transporte do Rio? Perspectivas em usabilidade nos transportes

22h
Encerramento

Enviar página para o twitter

Alex Camillo — Tue, 11 Nov 2008 12:33:41 +0000

Aproveitando o gancho do último post. Compartilho aqui também como colocar um botão que permite o envio da página via Twitter. Leia o texto original.

http://twitter.com/home?status=Currently reading ” title=”envie esta página para o Twitter!” target=”_blank”>Compartilhe via Twitter

Último tweet no seu blog

Alex Camillo — Mon, 10 Nov 2008 23:45:10 +0000

O blog vem passando por algumas modificações. O layout modificou um pouco, ainda estou procurando alguns plugins. Nesta procura achei um tutorial que nos ensina s colcar seu último post no twitter. Como o twitter é uma ótima ferramenta para networking, e atualmente tem mais de sete milhões de usuários, achei uma boa idéia colocar o código aqui. Leia o texto original. Enjoy!

// Nome de usuário.
$username = “NomedeUsuario”;

// Prefix - Podemos colocar algum texto aqui .
// (HTML pode ser usado, desde que seja utilizado com barra: por exemplo href=\”link.html\”)
$prefix = “
Algum título aqui
”;

// Suffix - Algum texto para colocar depois. (A mesma regra do prefix.)
$suffix = “”;

$feed = “http://search.twitter.com/search.atom?q=from:” . $username . “&rpp=1″;

function parse_feed($feed) {
$stepOne = explode(””, $feed);
$stepTwo = explode(””, $stepOne[1]);
$tweet = $stepTwo[0];
$tweet = str_replace(”<”, “<”, $tweet);
$tweet = str_replace(”>”, “>”, $tweet);
return $tweet;
}

$twitterFeed = file_get_contents($feed);
echo stripslashes($prefix) . parse_feed($twitterFeed) . stripslashes($suffix);
?>