Bugs do IE Parte 1 - Margem Dupla
Postado por Rodrigo Medeiros | Algo sobre Bugs do IE, CSS, Geral, Web Standards
Um belo dia você está lá, de frente para o seu computador, cruzando uma madrugada de trabalho dedicada a um projeto, tudo vai bem, a implementação do XHTML / CSS vai de vento em polpa, até que chega aquele terrivel momento onde você se pergunta: COMO VAI FICAR NO IE?
A resposta para essa pergunta, que quase sempre é imprevisivel, está começando a ter uma lógica (acredite, é possivel).
O Pedro Rogério - Pinceladas da Web, divulgou recentemente em seu Blog, aonde o IE6 interpreta os valores de Margin Duplicados.
Se você define um float para algum elemento, e definir uma margem para a mesma posição, o IE6 vai enterpretar esse valor duplicado. Veja o exemplo.
Para resolver o pró, sem o uso de hacks, basta adicionar um display:inline no elemento, e pronto, tudo certo. Veja o resultado.
Vamos lá, a procura do código perfeito. Até a próxima.
Tags: Bugs do IE, CSS, Web Standards
Agora mais Designer do que nunca
Postado por Rodrigo Medeiros | Algo sobre Designer, Geral
Como falei no post anterior, realmente estou mais inspirado, não de uma hora pra outra sem um motivo aparente, mas por que agora estou responsável por boa parte da criação dos sites da Qualitare (Agência que trabalho).
Após algumas mudanças da equipe, me cabe agora a responsa da criação de boa parte dos sites, bem como a implementação do XHTML e CSS (até então minha única função).
O desafio não foi maior, por que nos meus trabalhos pessoais, eu sou o responsável pela criação, o que não me torna um novato no assunto. Agora é só esperar os novos resultados dos desafios.
Já saio o primeiro exemplar, que foi o desenvolvimento do Design para a Montel Piscinas, que pode ser conferido no meu Portfolio
Tags: Design, Ossos do Ofício
CSS para Dispositivos Móveis
Postado por Rodrigo Medeiros | Algo sobre Acessibilidade, CSS, Mobile
Depois de um tempo ausente estou de volta, e mais inspirado do que nunca, brevemente falarei sobre o motivo da inspiração, mas vamos ao que interessa.
Recentemente adquiri um Smarthphone Nokia E62 , que aliás, recomendo para a maioria dos profissionais de informática.
MSN, acesso aos meus emails, Gmail, Google Maps, editor de textos, planilhas e apresentações, browser que renderiza similar aos browsers desktop , entre outras ferramentas que ainda estou tentando descobrir como funciona, detalhes que podem ser bastante úteis… Ah, ele também liga.
Voltando ao foco do post, assim que adquiri o aparelho, veio com ele a curiosidade sobre navegadores para dispositivos móveis, e como eles interpretam folhas de estilo, scripts, entre outros elementos que usamos. Procurando na net material sobre o assunto, encontrei o Mowser, que nada mais é do que um simulador online, que renderiza as páginas como um navegador de dispositivo móvel o faria.
Vejam aqui como ficou o meu site no Mowser. (Propositalmente eu omiti algumas informações para diminuir a rolagem).
Outra ferramenta similar é o Openwave Simulator, que possui a mesma função, mas com as dimensões de um celular, e esse é necesário intalar. Você pode baixa-lo aqui
Isso não seria a solução dos nossos problemas, até porque, isso é só o começo e nem todo mundo tem um palm ou celular com suporte a essas tecnologias.
Para quem se interessou pelo assunto, e deseja começar a fazer algumas experiências, basta utilizar ua folha de estilo específica para os dispositivos móveis (handheld), para tal, basta informar para qual o tipo de media o css será usado:
<link href=”css/mobile.css” rel=”stylesheet” media=”handheld” type=”text/css” />
Simples não? Agora é começar a experimentar, e facilitar a vida de quem acessa seus sites de outros dispositivos. Caso tenha alguma dúvida, escreve ai que a gente tenta resolver :D.
Bom estudo.
Tags: Acessibilidade, CSS, Mobile
Manual de sobrevivencia do Designer
Postado por Rodrigo Medeiros | Algo sobre Designer
Encontrei esse “Manual” no orkut de um amigo meu, ele se refere à Designers Gráfico/Diretores de Arte, mas acho que não fica muito diferente da nossa realidade, então vale a informação.
“MANUAL DE SOBREVIVÊNCIA NA PROFISSÃO”
por Marcello Serpa, da Almap, Tony Granger, da Saatchi&Saatchi NY, e Erik Vervroegen, da TBWA Paris
- Nunca acredite que é o melhor. Tem sempre alguém por perto melhor do que você. Saiba reconhecer isso
- Marque sempre metas para sua carreira. Mas planeje antes onde quer chegar
- A primeira pessoa com quem tem que competir é com você mesmo.
- Toda vez que sentar na cadeira para trabalhar, faça com prazer e alegria
- Os contrastes e as diferenças sao sempre estimulantes no processo criativo
- A experiência e o chamado ‘feeling’ contam muito na hora que se tem de escolher.
- É necessário ter liberdade e independência para decidir
- Se quer fazer alguma mudança, faça rápido
- Ouça o seu coraçao. Ele sabe o que é bom e mau para você.
- Faça sempre o melhor anúncio possível. O dinheiro é uma consequência
- Dinheiro nunca é o melhor motivo para se trocar de emprego
- Quanto mais você trabalha, melhor é o seu portfólio.
- Portfólio significa dinheiro
- Nós nao somos donos de banco. Nós criamos ideias que fazem dinheiro
- Trabalho, trabalho, trabalho e mais trabalho. Nao tem outra.
Pronto, aproveitem e caso tenham algo para adicionar, estejam à vontade.
Tags: Design, Ossos do Ofício
Liga-Pontos - Relembrando os tempos de escola
Postado por Rodrigo Medeiros | Algo sobre Nada a ver, Vale uma risada
Quem nunca jogou isso durante uma aula de Química. Aquele velho passatempo que você costumava jogar com o colega ao lado enquanto o professor falava algo que você não fazia idéia do que era.
Agora a mania chegou à internet. Clique aqui e mate as saudades.
Tags: Nada a ver, Perdendo tempo, Vale uma risada
