HTMHelen

Top 10 de novembro/2009

2009-11-10T10:30:00.001-02:00

Os blogs que, segundo o Google Analytics, mais trouxeram visitas ao HTMHelen entre os dias 10/10/2009 e 09/11/2009 foram:

Quero mais uma vez deixar bem claro que o único pré-requisito para aparecer no Top 10 é ter um link para o HTMHelen, o resto é matemática.

Até mais!

Top 10 de novembro/2009

2009-11-10T10:22:00.001-02:00

Os blogs que, segundo o Google Analytics, mais trouxeram visitas ao HTMHelen entre os dias 10/10/2009 e 09/11/2009 foram:

Quero mais uma vez deixar bem claro que o único pré-requisito para aparecer no Top 10 é ter um link para o HTMHelen, o resto é matemática.

Até mais!

Pausa para colocar a vida em dia

2009-11-04T14:30:00.000-02:00

Este é um meta-post.

Esta pausa aqui no HTMHelen estava planejada para ocorrer a partir de dezembro, mas tive que antecipar. Os motivos que a tornam extremamente necessária são vários, mas os principais são os acadêmicos e profissionais.

Quando eu voltar ao blog, me lembrem de dar notícias sobre:

TCC - Qual será o tema do meu trabalho de conclusão de curso da pós-graduação lato sensu em Comunicação e Marketing?
DINHEIRO - Depois de quase onze meses, será que vou conseguir alguma forma de trabalho fixo remunerado?
DOCÊNCIA - Será a docência universitária a saída para resolver meus problemas financeiros e me realizar profissionalmente?
CONCURSOS - Será que vou passar para alguma vaga real, depois de tantos cadastros de reserva?
MESTRADO - Finalmente vou ter paciência e cara-de-pau de tentar pela primeira vez?
GOIÂNIA - Fico na cidade que amo, mesmo nunca tendo oportunidades decentes de trabalho por aqui?
BRASÍLIA - É a hora de me arriscar novamente na cidade dos meus sonhos, onde pretendo me aposentar e morrer?
SÃO PAULO - Será que vou conseguir dinheiro o suficiente para me arriscar por lá e tentar o cargo dos meus sonhos: analista de mídias interativas (vulgo mídias sociais)?

Não há previsão de quando voltarei a blogar. Eu sou perfeccionista e não consigo me dedicar bem a algumas atividades se outras estiverem mal resolvidas ou sem rumo. Quando eu voltar aqui quero ter respostas ao menos para as questões a e b.

Até mais!

O navegador mais feio do mundo

2009-11-03T02:21:00.001-02:00

Este é um post sobre navegadores para Windows.

Se você entrar em um site de abandonware vai encontrar muitos navegadores antigos e feios, que talvez fossem bonitos para o design da época. Mas o Slim Browser é um caso a parte, ele não é um browser abandonado:

Consegue captar um quê de Windows 98?

Acima coloquei a skin padrão, se você entrar no site vai encontrar temas ainda mais cabulosos:

Depois de tanta poluição visual, dá para acreditar que essa é a versão mais recente do Slim Browser, de outubro de 2009?

Assim como o The World Browser, o Slim tenta ser uma espécie de “Internet Explorer rápido”. Ser veloz ele consegue, é um navegador muito leve. Mas por quê alguém vai querer o Slim se pode ter algo igualmente rápido, só que muito mais bonito e com interface agradável?

The World Browser

Site de download do Slim Browser → só para você saber onde nunca deve clicar
Post sobre o The World Browser

Se por algum motivo psicológico você baixar e resolver ficar com o Slim para testes científicos, instale o tema Leobold, que imita o Safari e é o menos feio e confuso que encontrei dentre os 163:

Até mais!

Vou renovar o domínio www.htmhelen.com

2009-11-02T20:14:00.001-02:00

Este é um meta-post.

A campanha deu muito mais certo do que eu pensava. Eu comecei um mês antes para ver se dava tempo, mas em menos de cinco horas eu consegui o suficiente para renovar o domínio por mais dois anos.

Obrigada a todos e até mais!

Quero renovar o domínio www.htmhelen.com

2009-11-02T15:38:00.002-02:00

Este é um meta-post.

Como todos que me acompanham pelo Twitter já sabem, estou desempregada há 10 meses e passando sérias dificuldades financeiras que têm impedido inclusive que eu tenha uma alimentação adequada.

Apesar disso, esta vaquinha é apenas para a renovação do domínio do blog: www.htmhelen.com, porque tenho planos de que em 2010 ele não apenas se torne autossustentável como também uma fonte de renda.

Para contribuir, basta clicar no botão Quero e fazer o pagamento via PagSeguro.

Não considere isto uma esmola, mas sim um investimento em um blog voluntário que tem ajudado milhares de pessoas em todo o mundo.

Muito obrigada a todos que puderem colaborar ou divulgar. Até mais!

Bilbo: editor de blogs para Ubuntu

2009-10-31T22:05:00.006-02:00

Este é um post sobre downloads para Linux.

Já adianto que não tem aquele fantástico recurso de edição de imagens que torna o Windows Live Writer o nosso favorito. Pronto! Agora que você já conhece o principal defeito, vamos às diversas qualidades.

1. Instalando

O Bilbo é facilmente encontrado no repositório do Ubuntu via Synaptic, a instalação é rápida:

É um programa para o KDE, mas funciona muito bem no Gnome.

2. Adicionando blogs

Após instalar e abrir o programa, basta clicar no meu Blog » Adicionar blog. Digite o endereço do blog, seu nome de usuário e sua senha e clique no botão Auto Configurar.

Se você usa Blogger com domínio próprio, não digite a URL atual, digite a URL original, com domínio blogspot.com, como no exemplo acima.

Sempre que quiser adicionar blogs siga o mesmo procedimento. Para alternar entre eles basta clicar na caixa de seleção que fica do lado direito do botão Enviar:

3. Escrevendo

O programa tem uma interface bastante intuitiva. O editor visual é horrível como todos os demais editores visuais (inclusive o do Windows Live Writer), mas se você é leigo em HTML e nunca edita o código fonte do post, a informação de que nenhum editor visual presta é irrelevante.

Mas se você tem uma folha de estilos caprichada e gosta de editar seus posts “na unha”, uma das vantagens do Bilbo é que ele colore o código, identificando tags, propriedades e links.

Para ver a prévia de como vai ficar o post no blog, clique na aba Pré-visualização de publicação e em seguida no botão Obter estilo de blog. Você só precisa usar esse botão na primeira vez e quando fizer alguma modificação no template do blog.

O Bilbo também permite a edição de posts do arquivo, mesmo que não tenham sido publicados usando esse programa:

3. Concluindo

O Bilbo é melhor que o editor do Blogger, que o ScribeFire, que o editor do Flock e que todos os demais editores de blogs que eu já experimentei no Linux. Apesar disso, eu ainda prefiro criar meus posts em editores de texto como Gedit e Bluefish.

Como o Ubuntu é muito mais rápido que o Windows, talvez seja óbvio demais dizer isso, mas o Bilbo é muito mais leve e rápido que o Windows Live Writer.

Até mais!

Dica do Marco Damaceno
Fonte: Ubuntu Dicas

No Floods, Lady Gaga

2009-10-31T00:38:00.005-02:00

Este é um post sobre música na minha vida.

Já faz tempo que não posto músicas aqui, então vou matar saudades e mostrar uma música que há alguns meses é uma de minhas favoritas, gosto de ouví-la dezenas de vezes consecutivas e ainda não consegui enjoar.

Sou fã da Lady Gaga e não abro, mas dentre as várias belas músicas dela é com esta que eu me identifico do começo ao fim, letra, melodia e intepretação.

► No Floods, Lady Gaga ♫ (clique para ouvir)

No Floods

Stefani Germanotta (Lady Gaga)
I never ever thought I'd live away
from everyone I love and say goodbye
now I'm the princess of a downtown train
where everybody here, they know my game
but when I walk down the street I hear them say
"there she goes, that crazy girl
she thinks she's something in this world"

So I'mma close my ears and dream
'cause life is never really what it seems
in every mystery, there's a truth
you know I'm tellin', I'm tellin' you-

no matter lightning or thunder,
buckets of rainwater
you can't flood this town

in a world unknown
you've gotta hold your own
you can't stop me-
you're never ever gonna stop me now

On every street there is a memory,
a time and place where we can never be again
street lights glow green, red, and yellow too
do you let signs tell you what to do?
Yeah, when you say stop,
be sure that I'll say go
to the stars in the land

fire can't burn these hands
but I just close my eyes and dream
you cant deny me my astronomy

in every mystery, there's a truth
you know I'm tellin', I'm tellin' you-

no matter lightning or thunder,
buckets of rainwater
you can't flood this town

in a world unknown
you've gotta hold your own
and you can't stop me-
you're never ever ever gonna stop me now

go ahead and don't believe
'cause everyone needs a way to dream
and love and you can't stop me
no you can't stop me

no matter lightning or thunder,
buckets of rainwater
you can't flood this town

in a world unknown
you've gotta hold your own
and you can't stop me-
you're never ever ever gonna stop me-

no matter lightning or thunder,
buckets of rainwater
you can't flood this town

in a world unknown
you've gotta hold your own

Linda, né?! Eu me sinto a própria princesa do trem, a garota maluca que acha que é alguma coisa nesse mundo. Então eu fecho os olhos e sonho, pois a vida nunca é o que parece ser e em todo mistério há uma verdade. Há uma tradução completa dessa música aqui.

Até mais!

Fonte: Letras.mus.br

Sobre as listas do Twitter

2009-10-29T22:40:00.002-02:00

Este é um post sobre microblogs.

Quem acompanha o HTMHelen já sabe que não sou muito de falar sobre o “assunto do dia”. Geralmente espero a poeira abaixar para escrever algo mais consistente.

Mas desta vez vou fazer isso porque tuitei muito sobre o assunto hoje e achei melhor organizar tudo em um post, já que de forma fragmentada algumas pessoas não entenderam.

# Para que serve?

Para quem “segue” muita gente, as listas servem para organizar essas pessoas de forma que possa acompanhar melhor aquilo que interessa em cada momento. Algumas pessoas e empresas precisam seguir muita gente para que todas as pessoas possam lhe mandar Direct Messages (DMs), como geralmente ocorre com alguns blogueiros, algumas empresas e com a maioria dos políticos.

Para quem prefere seguir pouca gente, as listas servem para, de vez em quando, acompanhar pessoas e assuntos que não fazem parte da sua rotina e por isso você não precisa delas em sua home, só precisa do acesso fácil à lista quando for quiser se atualizar a respeito.

# Como saber que já tenho?

Quando o recurso estiver disponível para seu perfil aparecerá o link listed do lado direito de followers. O número acima do link é a quantidade de listas em que você está.

Quando você clica nesse link já sabe em quais listas você aparece.

# Como criar uma lista?

Vá ao perfil de uma das pessoas que você quer adicionar à lista, clique no botão Lists e escolha a opção New List.

Ao criar a lista você pode escolher se ela será pública ou não, o que é muito importante. Se for criar uma lista do tipo amigoscachaceiros o bom-senso recomenda utilizar a opção Private, se colocar como Public os “amigos” podem querer revidar e aí não vai prestar.

Infelizmente várias pessoas já estão utilizando as listas para ofender pessoas, rotulando com adjetivos negativos, mas isso pode levar o Twitter a suspender o recurso, prejudicando os demais usuários.

# Como ver as atualizações da lista?

Na coluna direita da Home, abaixo de Saved Searches e acima de Trending Topics deve aparecer a seção Lists com todas as listas que você criou ou que você segue. Basta clicar. Cada lista tem um endereço parecido com:

http://twitter.com/usuarioquecriou/nomedalista

# Como seguir as listas de outras pessoas?

Você pode usar as listas de outras pessoas como referência para as suas próprias listas ou pode apenas seguir a lista da pessoa, confiando nas indicações dela. Basta clicar no botão Follow this list.

30/10/2009 → A seção abaixo foi adicionada.

# Como colocar o link para uma lista?

Para colocar o link para uma lista basta digitar @nomedeusuario/nomedalista, como no exemplo abaixo:

Até mais!

Flock 2.5.4 em inglês e espanhol

2009-10-28T00:15:00.001-02:00

Este é um post sobre download de navegador.

Caso você tente fazer download do Flock pela página inicial do site www.flock.com a versão mais recente que aparece é a 2.5.2, que usa o Firefox 3.0.13.

Porém, na página Versions, é possível encontrar tanto a versão 2.5.3 (em polonês) como a versão 2.5.4 (em espanhol). Caso você entre no site flock.univision.com encontrará também a versão 2.5.4 em inglês. Essas versões são especiais e foram feitas em parcerias com outras empresas, como o Shawn Hardin conta no blog:

Não há evolução visível entre o Flock 2.5.2 (Firefox 3.0.13) e o Flock 2.5.4 (Firefox 3.0.14), as melhorias se referem a bugs, segurança e estabilidade. A versão polonesa 2.5.3 também usa o Firefox 3.0.14.

Links para download:

Para escolher onde salvar o arquivo de instalação, clique sobre o link com o botão direito do mouse.

Flock 2.5.3 em polonês:

Só para falar que sou eficiente.

Flock 2.5.4 em espanhol:

Flock 2.5.4 em inglês:

Lembrando que aquela nossa gambiarra para colocar o Flock em Português continua funcionando na versão 2.5.4, basta consultar a tabela do post para baixar o arquivo de tradução correto.

Até mais!

5 coisas estúpidas que as pessoas fazem no messenger

2009-10-26T19:42:00.001-02:00

Este é um post indignado e realista sobre usuários de bate-papo.

Post não recomendado para pessoas sensíveis à verdade, com baixa autoestima e/ou com baixo QI.

Escrevi messenger (com inicial minúscula) porque neste texto é substantivo comum, já que estou falando de todo e qualquer programa de bate-papo: Windows Live Messenger, Yahoo! Messenger, ICQ, GTalk, etc.

1. Escrever mensagem de status no lugar do nome

Já há consenso de que esse hábito tão comum é uma excelente forma de identificar pessoas com QI abaixo da média, sendo utilizado inclusive por profissionais de recursos humanos na eliminação ou na contratação de candidatos, já que para alguns cargos não saber a diferença entre nome e status pode ser um ponto positivo.

Por ter tamanha utilidade, não convém avisar para essas pessoas que isso não é legal, mesmo porque elas não têm condições de entender o porquê e você perderia seu tempo. O melhor que fazemos é ter paciência e editar nossos contatos um por um, com exceção, é claro, daqueles que podemos simplesmente excluir.

Caso você seja uma exceção e, apesar de praticar isso, tenha conseguido captar o porquê de tal atitude estar em primeiro lugar na lista de coisas estúpidas, posso te dar uma dica: caso tenha algo tão importante para dizer que precise ser escrito no campo nome, pelo amor de Deus, digite seu nome primeiro.

Ao invés de:

Luto pelo meu querido avô!

Escreva:

Alice Pereira - Luto pelo meu querido avô!

Helen Fernanda - Procuro emprego temporário.

Rodrigo Soares – Ingressos da pré-festa esgotados!

De que interessa saber que alguém está de luto se eu não sei QUEM está de luto? De que adianta saber que alguém está procurando emprego se não sei QUEM está procurando emprego? De que me importa saber que os ingressos da pré-festa estão esgotados se não sei QUEM está promovendo?

Francamente, se um dia eu for ministra da educação vou colocar Raciocínio Lógico na grade curricular dos netos de vocês, porque se continuar assim nem o pré-sal tira o Brasil do sal.

2. Colocar desenhos e outros caracteres antes do nome

Quando eu tinha só meia dúzia de contatos eu não percebia que essa era uma atitude estúpida, mas agora sei, porque, assim como qualquer pessoa que já tem alguns anos de uso intensivo de internet, já acumulei centenas de contatos no messenger: parentes, amigos, colegas, professores, alunos, etc.

Para um novato de internet pode parecer difícil imaginar que tenho quase mil contatos de bate-papo e TODOS de pessoas com quem me relaciono no dia-a-dia ou das quais posso precisar a qualquer momento. Essa não é só a minha realidade, mas de muitas outras pessoas que conheço, principalmente dentre as que trabalham com tecnologia e/ou comunicação.

Nesse caso tenha certeza de uma coisa: quando queremos encontrar alguém nós não olhamos um por um, nós apenas digitamos o primeiro nome da pessoa e pronto. Se aparacer bem, se não aparecer, dane-se!

Quer desenhar florzinha, nota musical, solzinho? Coloque depois do seu nome, caso queira ser encontrado, é claro. Se estiver fugindo ou se escondendo, escreva a porcaria que quiser e estou me lixando pra você.

É claro que o mesmo vale para quem escreve O NOME INTEIRO com caracteres especiais usando geradores de nicks que blogueiras como eu colocam em seus blogs só para atrair neófitos que clicam em anúncios pagos.

3. Deixar de avisar algo importante a alguém só porque não viu essa pessoa on-line

Seguem algumas informações que podem ser chocantes para os novatos.

Estar off-line no bate-papo não significa estar off-line no bate-papo. A pessoa pode apenas estar invisível porque não está afim de conversar com você agora. Garanto que ela não vai se importar se você enviar um e-mail.
Estar off-line no bate-papo não significa NÃO ESTAR CONECTADO, porque Windows Live Messenger não é sinônimo de internet.
Quando você envia um e-mail a pessoa consegue lê-lo mesmo se estiver on-line em um momento em que você está off-line.
Nem todas as pessoas acessam o Windows Live Messenger pelo programa Windows Live Messenger e a maioria desses outros programas NÃO TEM A OPÇÃO de mensagens off-line. Portanto é apenas um recurso adicional, NÃO SUBSTITUI O E-MAIL.

Não avisei que era chocante?!

4. Enviar anexo via messenger

As pessoas reclamam que eu eu me acho muito mais inteligente que todo mundo, mas essas mesmas pessoas o tempo todo me dão provas de que eu realmente sou muito mais inteligentes do que elas.

Uma dessas provas é a troca de arquivos via messenger. Só eu percebi que isso é muito mais lento, incômodo e perigoso do que via e-mail?

Caso não saiba enviar anexo via e-mail, seguem alguns tutoriais:

Não vou colocar tutorial para Gmail, nunca vi noob usando Gmail. Você já viu?

5. Achar que todo mundo é desocupado

Quando estiver conversando com alguém no bate-papo, não pense que ela está à-toa achando uma maravilha conversar com você. Ao contrário, pense sempre que ela está muito ocupada, com 1001 coisas para fazer, atrasada para um compromisso importante ou que simplesmente está louca para se livrar de você para ir ~~cagar~~ ao banheiro.

Ao abordar alguém no messenger cumprimente e vá direto ao ponto. Não fique dando voltas. A maioria das pessoas fica on-line enquanto estuda ou trabalha, mas isso não significa que elas queiram conversar fiado, é somente para assuntos importantes, seja objetivo.

Outro detalhe importante: quando fizer uma pergunta, use interrogação. A pessoa não é obrigada a adivinhar a diferença entre uma afirmação e uma pergunta quando não há entonação de voz nem interrogação. Já deixei um monte de bocó conversando sozinho por causa disso. É claro que não faço de propósito: se não tem interrogação, interpreto como afirmação e pronto, só muitas horas depois o(a) mané me avisa que era uma pergunta.

Caso tenha problemas com o teclado, escreva pergunta entre parênteses ou colchetes antes ou depois da frase, garanto que nem vai doer:

Você pegou o livro emprestado [pergunta]

☼ O começo da solução

O que falta em todos os cinco casos é raciocínio lógico, bom-senso, algo que infelizmente não se transmite, se pratica. E aqui no Brasil praticar o raciocínio não é algo muito comum e não vou entrar nesse mérito porque renderia outro post.

Para sanar essa incompetência que temos para pensar existem as escolas, que podem nos trazer algumas dicas e macetes já pensados por alguém e assim alcançamos o mesmo resultado, pensando menos e pagando mais.

Mas até na hora de pagar as pessoas pensam de menos. Na minha adolescência os pais eram mais espertos e pagavam para seus filhos fazerem cursos de informática. Hoje eles pagam para as crianças e adolescentes frequentarem lan-houses, porque superestimam a inteligência dos filhos e acham que eles são pequenos gênios autodidatas. Ilusão.

Não posso negar que essas criaturas abençoadas, iluminadas e autodidatas existem porque conheço uma garota que era assim (cof, cof), mas não se engane: a probabilidade de seu filho ser um deles não é muito alta, mesmo que você diga para todo mundo o contrário.

Na dúvida, matricule-o em uma boa escola do ramo, porque na lan-house só garanto que ele vai aprender a fofocar pelo MSN e fazer intriga via orkut. Se for menino, vai aprender também a jogar e a… deixa pra lá.

Como sabemos, frequentar uma escola nunca foi garantia de nada, mas ao menos no juízo final você poderá dizer sem culpa que fez a sua parte.

Até mais!

A monetização do HTMHelen

2009-10-25T17:45:00.001-02:00

Este é um meta-post.

Há alguns meses faço experiências de monetização alternativas ao Google AdSense. Foi no blog Helen Fernanda Pink que comecei a fazer vendas diretas, mas foi depois que migrei os posts do Pink para o HTMHelen que essas vendas se mostraram não apenas uma alternativa, mas sim a melhor forma de monetização que já experimentei em meus blogs.

Os produtos são divulgados em posts, à medida em que eles estiverem disponíveis e sempre alternando com conteúdo editorial. É aceitável que a divulgação das ofertas desagrade uma parcela dos assinantes do feed, mas já mensurei custos e benefícios, de forma que é a minha melhor opção no momento.

Atualmente vendo cosméticos, mas há planos de, a médio prazo, aumentar o leque de produtos. A longo prazo teremos também uma loja própria, independente do blog, mas ainda não posso prometer prazos.

Obrigada pela compreensão e até mais!

Renew Clinical Tri-Laser por 40 reais

2009-10-25T15:57:00.002-02:00

Esta é uma oferta de perfumaria.

Embalagem com 150g
Apenas R$ 40,00 com frete incluso.
Brinde: duo lápis contorno para olhos e lábios da linha Natura Aquarela (2g) cor 01.
Tenho só uma unidade.
Oferta válida para todo o Brasil.
Para garantir que seja sua, entre em contato.

Até mais!

Posts sobre microblogs

2009-10-25T15:09:00.004-02:00

Clientes para Twitter

Tweetree: Twitter com interface melhorada

Utilidades para Twitter

Rola no Twitter e fora dele

Além do Twitter

Semana Blogger Templates do Insight

2009-10-25T13:31:00.001-02:00

Este é um post sobre templates para Blogger.

Eu sou uma péssima designer, por isso faço questão de ter excelentes parceiros que compensam isso, um deles é o Insight, que realizou de 19 a 25 de outubro de 2009 a Semana Blogger Templates.

A cada um dos cinco primeiros dias (de 19 a 23) o Insight publicou um inédito e belíssimo template. Nem vou falar muito, segue a lista para você comprovar a qualidade do trabalho de Jéssica e João Alvarenga. Clique na imagem e será direcionado à respectiva página no blog Insight.

Segunda-feira, 19 de outubro de 2009

Floating Alway

Terça-feira, 20 de outubro de 2009

The Amazing Cliche

Quarta-feira, 21 de outubro de 2009

Massive Attack

Quinta-feira, 22 de outubro de 2009

Bloggerpress

Sexta-feira, 23 de outubro de 2009

Hybrid Gallery

Leia todos os posts da Semana Blogger Templates do Insight.

Até mais!

Como dividir o conteúdo em colunas automáticas

2009-10-23T22:18:00.001-02:00

Este é um post sobre HTML e CSS.

Nível: intermediário

O adjetivo “automáticas” é por minha conta. Eu chamei esse recurso assim porque há várias formas manuais de dividir o conteúdo em colunas com CSS. No modo manual você tem que saber exatamente onde começa e onde termina cada coluna para poder dividir, como no exemplo abaixo:

<div style="width: 250px; float: right; margin-left: 5px; margin-right: 5px">Conteúdo da segunda coluna.</div>
<div style="width: 250px; margin-left: 5px; margin-right: 5px">Conteúdo da primeira coluna.</div>

Curabitur cursus commodo lectus a sagittis. Donec eget eros diam, in fringilla nisl. Cras semper cursus lorem vel consectetur. Sed nibh nisi, condimentum eget ullamcorper ut, accumsan eu elit! Praesent ut fermentum orci? Maecenas faucibus fringilla lacus. Maecenas nisi elit, dictum sit amet consectetur a, vestibulum id nulla. Integer at quam sit amet mauris pretium blandit sit amet non sapien! Sed est erat, pellentesque et tincidunt ac; tempus nec est. Aenean pulvinar nibh a velit viverra vitae sagittis justo dictum. Proin lobortis varius quam a faucibus. Maecenas sollicitudin ante et tellus venenatis nec rhoncus eros commodo. Morbi est dui, accumsan quis cursus ac, interdum eu quam. Proin quam dolor, commodo vitae lacinia tincidunt, interdum eget quam. Morbi mattis tortor vitae augue rutrum congue? Donec ut volutpat mauris. Nam ut neque at lorem consectetur lobortis eu quis augue.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae lacus et odio laoreet molestie non non ipsum. Ut justo orci, cursus id vehicula a, faucibus pharetra ipsum. Sed mollis nisl sed risus dapibus tempor! Sed imperdiet; velit id rhoncus porta, arcu metus sagittis purus, eu mollis quam dui eu diam. Donec nec semper ipsum. Nullam vitae velit mauris. Proin nulla tortor, commodo in faucibus non, sagittis vitae augue. Quisque condimentum massa euismod odio volutpat consectetur. Nunc mattis augue justo, sit amet fermentum libero. Pellentesque et elit nec erat mattis vestibulum vel ac metus? Curabitur gravida, eros vel tincidunt pellentesque; magna elit pulvinar libero, et euismod quam libero non neque. Integer iaculis volutpat neque et fermentum. Nulla a erat a lacus convallis aliquet. In vulputate eleifend luctus.

Desse modo é mais difícil que o resultado seja simétrico, já que a distribuição do texto pode variar de acordo com a fonte ou até mesmo com as configurações da máquina do visitante.

Diferente do que acontece no próximo exemplo que usa a prévia do CSS3 para dividir automaticamente as colunas, sem usar JavaScript. Funciona nos navegadores parentes do Mozilla (como Firefox, Flock, Netscape) e nos parentes do Safari (como Safari, Chromium e Google Chrome):

<div style="-moz-column-count:3; -webkit-column-count:3; -moz-column-rule:1px dashed #fc0; -webkit-column-rule:1px dashed #fc0; –moz-column-gap:20px; –webkit-column-gap:20px;">Conteúdo aqui.</div>

In faucibus adipiscing imperdiet. Aenean consectetur felis eu velit porttitor semper. Maecenas pharetra orci vitae quam congue luctus. Suspendisse nibh metus, venenatis ut sagittis eu, sollicitudin quis felis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed tempor consequat faucibus. Aenean dictum porta consectetur. Curabitur rhoncus, nunc quis eleifend suscipit, lectus neque tempor sem, at dictum massa neque et odio. Sed non turpis enim, eu dapibus nisl. Nam suscipit, leo posuere tempus hendrerit, nunc eros sodales dolor, sed luctus lectus sapien aliquam metus! Morbi congue dui sit amet ante bibendum sollicitudin. Donec aliquam metus eu tellus fermentum et tincidunt lorem luctus. Etiam nunc tellus, vulputate ac fermentum ut, convallis sit amet enim.

Os usuários do Internet Explorer e do Opera verão o texto normalmente, sem nenhum arranhão, porém, sem colunas.

Observe esse outro exemplo:

<div style="-moz-column-width: 200px; -webkit-column-width: 200px; -moz-column-gap: 20px; -webkit-column-gap: 20px; -moz-column-rule: 7px double #fcf; -webkit-column-rule: 7px double #fcf;">Conteúdo aqui.</div>

Caso você não tenha visto nenhuma coluna nos exemplos acima é porque não está em um navegador compatível, segue então uma imagem para você ter uma noção:

Compreendendo as propriedades:

-moz-column-count - define o número de colunas nos navegadores que usam a engine Gecko (parentes do Mozilla).
-webkit-column-count - define o número de colunas nos navegadores que usam a engine Webkit (parentes do Safari).
-moz-column-rule - define a linha que vai aparecer entre as colunas nos navegadores Gecko. As características são as mesmas das bordas: espessura, estilo e cor, mas você também pode colocá-las separadas:
- -moz-column-rule-width - largura da linha vertical.
- -moz-column-rule-style - estilo da linha vertical.
- -moz-column-rule-color - cor da linha vertical
-webkit-column-rule - define a linha que vai aparecer entre as colunas nos navegadores WebKit.
- -webkit-column-rule-width - largura da linha vertical.
- -webkit-column-rule-style - estilo da linha vertical.
- -webkit-column-rule-color - cor da linha vertical
-moz-column-width - define a largura de cada coluna nos navegadores Gecko.
-webkit-column-width - define a largura de cada coluna nos navegadores WebKit.
-moz-column-gap - define a distância entre as colunas nos navegadores Gecko.
-webkit-column-gap - define a distância entre as colunas nos navegadores WebKit.

Definindo na folha de estilos:

Você também pode definir as características das colunas direto na folha de estilos. Observe o exemplo abaixo usando a folha de estilos do Blogger:

div#trescol {-moz-column-count:3; -moz-column-gap:15px; -moz-column-rule:1px solid #fc0; -webkit-column-count:3; -webkit-column-gap:15px; -webkit-column-rule:1px solid #fc0;}

div#duascol {-moz-column-count:2; -moz-column-gap:15px; -moz-column-rule:1px solid #fc0; -webkit-column-count:2; -webkit-column-gap:15px; -webkit-column-rule:1px solid #fc0;}

]]></b:skin>

Em uma folha de estilos padrão:

Assim, sempre que quiser dividir o conteúdo do post em três colunas, basta utilizar a id definida na folha de estilos:

<div id='trescol'>Conteúdo do post aqui.</div>

Quando quiser usar duas colunas:

<div id='duascol'>Conteúdo do post aqui</div>

Não adianta testar esse recurso usando o Windows Live Writer, porque o visualizador dele simula o Internet Explorer, um navegador não compatível com o recurso.

Atualmente uso colunas automáticas nos seguintes posts:

Fontes: Chris B., CSS3.info, Lorem Ipsum, W3C

Como criar tabelas

2009-10-23T00:41:00.003-02:00

Este é um post sobre HTML e CSS.

Nível: iniciante

Muitas pessoas se enganam e acham que tableless é desenvolver sites sem usar tabela alguma. Traduzindo, tableless significa menos tabelas e não ausência de tabelas.

O problema começou porque antigamente usávamos tabelas exageradamente, principalmente para fazer o leiaute do site. A divulgação do tableless começou e algumas pessoas confundiram, achando que não se pode mais usar tabela alguma. Errado. Para tabular dados tabela é a opção perfeita.

Alguns posts deste blog que usam tabelas:

As tags da tabela:

Tag	Função
<table> </table>	Obrigatória. Abre e fecha a tabela.
<tr> </tr>	Obrigatória. Abre e fecha a linha.
<td> </td>	Obrigatória. Abre e fecha uma célula.
<th> </th>	Opcional. Abre e fecha uma célula de cabeçalho.
<thead> </thead>	Opcional. Abre e fecha o cabeçalho.
<tbody> </tbody>	Opcional. Abre e fecha o corpo da tabela.
<tfoot> </tfoot>	Opcional. Abre e fecha o rodapé.
<colgroup> </colgroup>	Opcional. Abre e fecha um grupo de colunas.
<col> </col>	Opcional. Abre e fecha uma coluna.

Tabela simples:

Seguem um exemplo de tabela usando apenas as tags obrigatórias:

<table align='center'>
<tr><td>Unidade Federativa:</td> <td>Capital:</td></tr>
<tr><td>Distrito Federal</td> <td>Brasília</td></tr>
<tr><td>Goiás</td> <td>Goiânia</td></tr>
<tr><td>Mato Grosso</td> <td>Cuiabá</td></tr>
<tr><td>Mato Grosso do Sul</td> <td>Campo Grande</td></tr>
</table>

Unidade Federativa:	Capital:
Distrito Federal	Brasília
Goiás	Goiânia
Mato Grosso	Cuiabá
Mato Grosso do Sul	Campo Grande

Tabela complexa:

Segue um exemplo de tabela que usa todas as tags:

<table align='center'>
<colgroup>
<col style='background:#fffff0'></col>
<col style='background:#fff0ff'></col>
</colgroup>
<thead>
<tr><th colspan='2' style='background:#fff'>Centro-Oeste</th></tr>
<tr><th>Unidade Federativa:</th> <th>Capital:</th>
</thead>
<tbody>
<tr><td>Distrito Federal</td> <td>Brasília</td></tr>
<tr><td>Goiás</td> <td>Goiânia</td></tr>
<tr><td>Mato Grosso</td> <td>Cuiabá</td></tr>
<tr><td>Mato Grosso do Sul</td> <td>Campo Grande</td></tr>
</tbody>
<tfoot>
<tr><td>Total:</td> <td>4</td></tr>
</tfoot>
</table>

Centro-Oeste
Unidade Federativa:	Capital:
Distrito Federal	Brasília
Goiás	Goiânia
Mato Grosso	Cuiabá
Mato Grosso do Sul	Campo Grande
Total:	4

Este é um post introdutório sobre tabelas, é provável que eu volte nesse tema para mais detalhes. Se tiver alguma dúvida, deixe nos comentários, poderá servir como sugestão para o próximo post sobre tabelas.

Até mais!

Fonte: HTML Dog

Versões antigas, descontinuadas e abandonadas

2009-10-22T23:14:00.001-02:00

Este é um post sobre downloads para Windows.

A fixação por antiguidades não pertence apenas ao mundo das coisas palpáveis: carros, jóias, vinhos, etc. No mundo dos softwares é uma prática cada vez mais comum.

Há vários motivos que levam as pessoas a instalarem em suas máquinas jogos e aplicativos antigos, muitos deles abandonados pelos fabricantes:

Desconhecimento de versão mais recente.
Configuração da máquina incompatível com software mais recente.
Nostalgia do usuário, que não consegue se desapegar do programa antigo.
Medo de não conseguir se adaptar a um programa novo.
Excesso de fidelidade à marca que foi descontinuada.
Inexistência de um software atual similar (acontece principalmente com jogos).
Estudo, no caso de programadores e designers de interface.
Simples prazer em usar programas antigos.

Basicamente esses programas antigos podem ser divididos em três grandes grupos:

Versões antigas
Softwares substituídos
Abandonware

1. Versões antigas

O programa não foi abandonado, ele apenas evoluiu e ganhou uma nova versão que torna a anterior defasada, como o Firefox 2 e o Illustrator CS3. Os fabricantes não vão mais disponibilizar melhorias para essas versões, apenas incentivar os usuários a baixar as versões mais recentes.

Porém, a quem resista e mantenha em sua máquinas alguma versão antiga de programa que já foi atualizado, algumas vezes por falta de conhecimento.

Um clássico exemplo é o Internet Explorer. Já passamos pela versão 7, estamos na 8 e especulamos sobre a 9, mas ainda assim encontramos muitas máquinas domésticas que ainda usam a versão 6, mesmo sendo gratuita a atualização.

No caso de softwares pagos o uso de versões antigas não é raro. Como têm que pagar pelo upgrade, muitos clientes só adquirem a nova versão do programa quando o fabricante deixa de dar suporte para a versão antiga.

2. Softwares substituídos

Na minha adolescência os programas MSN Messenger, Outlook Express e Adobe PageMaker eram os melhores e mais usados em suas respectivas categorias, mas hoje não passam de descontinuados, porque foram substituídos por Windows Live Messenger, Windows Live Mail e Adobe InDesign.

A maioria das pessoas gostou das novidades e reconhece que os novos programas são muito melhores, mas sempre há aquelas que se recusam a trocar de software e mantêm instalados em seus computadores os programas descontinuados. Muitas dessas pessoas sequer experimentam os novos programas, talvez por preguiça de se adaptar ou porque temam gostar da novidade e assim “trair” a marca antiga.

Considerando que, no contexto dos drives, ainda há pessoas que usam disquetes, preferir os softwares antigos nem parece tão estranho assim.

3. Abandonware: descontinuados não substituídos

Abandonware é algo que acontece bastante com softwares de jogos, com outros programas não é muito comum descontinuar sem oferecer uma alternativa ao cliente, mas de vez em quando acontece.

Um dos programas descontinuados que tenho no meu computador e de vez em quando eu uso por diversão é o Netscape. Apesar de não ter sido oficialmente substituído, a AOL sugere aos usuários que instalem Firefox ou Flock, dois navegadores derivados do código do Netscape.

Para quem curte ter vários navegadores, vale a pena adicionar o Netscape à coleção:

Link de download: www.baixaki.com.br/download/Netscape.htm

► O risco

O risco de usar versões antigas ou descontinuadas é estar sujeito a falhas de segurança que foram ou seriam corrigidas em versões mais recentes.

► Sites de downloads

Abandonia (jogos) - www.abandonia.com
Abandonware Ring (lista de sites de abandoware) - www.abandonwarering.com
Old Apps (meu favorito!!!) - www.oldapps.com
Old Versions - old-versions.net
Vetusware - vetusware.com
XTCabandonware (jogos) - www.xtcabandonware.com

Até mais!

O que você tem a dizer?

2009-10-22T18:19:00.001-02:00

Este é um post sobre blog marketing.

Eu comecei a escrever este post há alguns meses. Ficou muito grande, dividi em dois. Li tudo novamente e percebi que tinha ficado chato, longo, complicado e cheio de regrinhas. Apaguei tudo!

Descobrir o que você tem a dizer de interessante em um blog é um processo simples. Infelizmente somos cada vez menos íntimos dos processos simples. O excesso de informação, de ansiedade, de pressa, de tarefas, de expectativas torna a nossa geração Y cada vez mais dispersa e menos focada.

Comece off-line: papel e caneta

Quando eu falei sobre blog planejado eu sugeri o uso de papel e caneta. Volto a essa dica, porque ela realmente nos ajuda bastante a manter o foco e assim identificar nosso real potencial como escritores.

Conectados à web parece fácil fazer tudo ao mesmo tempo, se interessar pelos mais vários assuntos, escrever sobre qualquer coisa a qualquer momento, pois as fontes estão a um clique. Dessa forma podemos facilmente nos confundir e não conseguirmos identificar nosso real potencial, aquilo no qual somos bons de verdade.

Quando começamos a escrever sobre um assunto na ilusão de que somos bons, tendemos a ser meros repetidores e assim não conquistamos relevância. Ao ínves de termos um blog único, somos mais um em um milhão.

A minha teoria é de que, quando somos bons em alguma coisa, conseguimos escrever um post inteiro off-line sobre o assunto, precisando da web apenas para colocar as imagens, os links das referências e para confirmar a forma correta de escrever determinadas expressões.

É claro que o off-line pode ser com papel e caneta, como sugeri no começo, mas também pode ser no próprio computador, só que nesse caso é bem provável que você tenha que desligar o modem, porque abrimos automaticamente o navegador quando temos alguma dúvida.

Dois blogueiros que descobriram

Para quem precisa de inspiração, nada melhor que dois exemplos de blogueiros que passaram por esse processo de descoberta e tiveram êxito. Ambos já eram blogueiros antes, mas sentiam que faltava alguma coisa. Eles já sabiam que queriam escrever, se expressar, mas ainda não tinham identificado o quê exatamente tinham a dizer. Felizmente descobriram e hoje seus blogs são referências em seus nichos.

Carla Salgueiro: Eu acredito em cosméticos

A engenheira Carla Salgueiro, uma das minhas parceiras mais antigas na blogosfera, mantinha desde junho/2006 o seu blog pessoal, o 1,65m de Sol. Como já sabemos, blog pessoal é um excelente começo para irmos testando e praticando nossos talentos.

Enquanto eu mantive o blog Helen Fernanda Pink a Carla era uma das leitoras mais assíduas e participativas. Ela já demonstrava acreditar nos cosméticos e ser entendida no assunto.

Quando eu avisei que o Pink ía acabar a Carla lamentou bastante. Em um primeiro momento eu pensei na possibilidade de mantermos um blog juntas, mas no fim das contas eu realmente decidi que ía acabar com o Pink para me dedicar mais e melhor ao HTMHelen.

Para felicidade geral das leitoras de blogs de beleza, a Carla Salgueiro criou em julho/2009 seu próprio blog sobre o tema. Para saber se foi uma boa ideia, passe lá e veja a qualidade das resenhas. Se você não entende nadica de nada sobre cosméticos, espie só o número de comentários de cada post que já dá para ter uma boa noção.

euacreditoemcosmeticos.blogspot.com

Pedro Cabral: World Symbian

O Pedro Cabral já sabia que queria ser blogueiro, mas ainda não tinha identificado exatamente seu potencial. Primeiro ele criou o Pedro Cabral Blog, que era um blog repetidor, não tinha originalidade e consequentemente não tinha relevância. Até que em junho/2009 o Pedro descobriu a luz. Ele mesmo nos contou em um comentário deixado aqui:

O Pedro é um rapaz esperto. Primeiro porque conseguiu identificar seu real talento. Segundo porque seu talento diz respeito a um nicho ainda pouco explorado em sites lusófonos: o sistema operacional Symbian. Meu celular usa ele e o World Symbian é o único blog em português que conheço especializado no assunto.

Uma das provas de que o World Symbian tem relevância na blogosfera é que desde que se tornou parceiro do HTMHelen ele é um dos dez blogs que mais trazem visitas e assim está atualmente no nosso widget Top 10.

www.worldsymbian.com.br

Até mais!

Barra de rolagem em posts ou widgets

2009-10-22T01:10:00.006-02:00

Este é um sobre HTML e CSS.

Nível: iniciante

Não é algo que deva ser usado sem moderação, mas caixas com barras de rolagem podem ser úteis em algumas situações, como quando você tem que disponibilizar um código muito grande ou quando existe a possibilidade do conteúdo ser expandido dinamicamente e assim deformar o leiaute, só para citar dois exemplos.

O valor auto é o que faz a barra aparecer somente quando o conteúdo da caixa extrapola o tamanho determinada na tag <div>.

height - altura em pixels
width - largura em pixels
overflow - valor da barra de rolagem
margin-left e margin-right - configuro como auto para a caixa ficar centralizada

Seguem três aplicações desse mesmo código, só muda o conteúdo da caixa e é ele que define se cada barra de rolagem, vertical e horizontal, deve ou não aparecer.

<div style='overflow:auto; width:300px; height:300px; margin-left:auto; margin-right:auto;'>Conteúdo aqui.</div>

Exemplo 1 → barra vertical:

Motivo

Eu canto porque o instante existe
E a minha vida está completa.
Não sou alegre nem sou triste:
Sou poeta.

Irmã das coisas fugidias,
Não sinto gozo nem tormento.
Atravesso noites e dias
No vento

Se desmorono ou se edifico,
Se permaneço, ou me desfaço,
- não sei, não sei. Não sei se fico
ou passo.

Sei que canto. E a canção é tudo.
Tem sangue eterno a asa ritmada.
E um dia sei que estarei muda:
- mais nada.

Cecília Meireles

Exemplo 2 → barra horizontal:

Exemplo 3 → duas barras:

Outros valores para overflow:

inherit → herdar do elemento superior na folha de estilos
visible (padrão) → mostra todo o conteúdo da caixa, nem que para isso tenha que desrespeitar o tamanho da caixa e atropelar outros elementos da página.
hidden → sem barra de rolagem
scroll → com barra de rolagem. Não dá um visual legal, porque o background da barra aparece mesmo se ela for desnecessária.
auto → o modo inteligente: a barra aparece somente se for necessária.

Até mais!

Fontes: As Menininhas e HTML Dog

O nome do blog HTMHelen foi plagiado

2009-10-21T17:50:00.001-02:00

Este é um meta-post.

Depois de muitos posts surrupiados, algo mais grave: surrupiaram o NOME do blog.

O endereço do blog-plágio é http://htmhellen.blogspot.com. Graças a Deus ele é tão feio e mal feito que nenhum dos meus leitores assíduos confundiria, mas fica o aviso. De tão feio, me recuso a colocar tanto o link quanto o print dele aqui.

Como Helen tem várias grafias possíveis, eu até pensei eu registrar todas elas aqui no Blogger para evitar isso, mas achei e continuo achando neurose demais. Considerando outros casos, parece que tentativas de plágio fazem parte do preço que se paga por ter alguma popularidade nesse nicho.

Qualquer um que visita o site percebe que o plágio foi proposital. Não há nenhuma informação sobre o autor. Parece que esse site foi criado só para divulgar um outro, para o qual todos os links da barra superior direcionam.

Visto o mau gosto e a falta de criatividade está claro que não é escrito por nenhuma Hellen, na verdade está claro que não é obra de uma mulher, no máximo de um travesti que tenha Hellen como nome artístico.

Os posts também estão com cara de plagiados, lendo vários deles tive forte sensação de déjà-vu, mas não encontrei nenhum do HTMHelen por enquanto.

O maior motivo para a preocupação é que esse blog-plágio está aparecendo nos resultados de busca do Google quando alguém digita HTMHelen, com um L só. Para evitar ser enganado, prefira sempre utilizar o mecanismo de busca do próprio HTMHelen.

Até mais!

Vai um conselho aí?

2009-10-20T17:24:00.002-02:00

Esta é uma lista de blogs e podcasts.

Antes de mais nada quero deixar claro que eu entendo dica e conselho como duas coisas distintas:

dica: uma informação ou receita pontual para ser utilizada em ocasião exclusiva ou por um grupo exclusivo de pessoas. Exemplos: dicas para cabelos sedosos, dicas para jornalistas, dicas para fritar ovo, etc.
conselho: uma opinião de alguém mais experiente que, caso você acate, servirá como uma formação que poderá mudar seu modo de ver, pensar e agir, por toda a vida ou boa parte dela. Por não estar vinculado a uma ocasião ou contexto específico, um mesmo conselho pode servir para um abrangente grupo de pessoas, independente de sexo, escolaridade, profissão ou classe social.

No meu Google Reader há uma boa lista de blogs e podcasts “conselheiros” que hoje vou partilhar com vocês.

1. Como Poupar Dinheiro

No começo parece um blog com dicas de um português avarento. Porém, a leitura constante desses artigos realmente pode mudar sua relação com o dinheiro. É preciso deixar de viver em função dele para colocá-lo em função dos seus sonhos, como diz o autor:

“Este blog tem centenas de artigos sobre a melhor forma de optimizar as suas finanças pessoais. É muito útil para todos os que desejam aprender os vários temas desta área tão importante das nossas vidas. O dinheiro não é o mais importante, mas permite-lhe conseguir a estabilidade financeira para ir atrás dos seus sonhos.” Luis

Blog: poupardinheiro.info
Feed: feeds.feedburner.com/PouparDinheiro

2. Efetividade

“Este blog concentra-se na busca de métodos, técnicas e ferramentas para alcançar a efetividade, a eficiência e a produtividade pessoal. O ideal é a cada dia conseguir agregar mais valor ao ambiente, de forma positiva e dispendendo menos esforço.” Augusto Campos

Blog: www.efetividade.net
Feed: www.efetividade.net/feed/

3. Insistimento

“É um trabalho voltado para aqueles que desejam sair da inércia, lutar contra a mediocridade e criar algo único, onde se apaixonem diariamente e se empenhem sem medo de conquistar aquilo que merecem.” Marcos Rezende

Blog: www.insistimento.com.br
Feed: feeds.feedburner.com/insistimento

4. Mais Tempo

“Mais Tempo é um blog que nasceu para ajudar você a conseguir mais tempo, trazer questões relevantes, novidades, life hacks, dicas e conteúdo sobre administração de tempo incluindo suas diversas vertentes: qualidade de vida, produtividade pessoal, colaboração, trabalho em equipe, gestão de projetos entre outros.“ Christian Barbosa

Blog: blog.maistempo.com.br
Feed: feeds.feedburner.com/blogspot/OeBI

5. Mauro Halfed

A grosso modo, o Mauro ensina a investir o dinheiro que o Max Gehringer te ensina a ganhar.

6. Max Gehringer

Meus colegas da pós-graduação já devem estar enjoados do tanto que eu falo desse podcast. Antes de mais nada é bom esclarecer: o Max só fala o óbvio, como você já deve ter percebido nos quadros dele no Fantástico. Não espere dele fórmulas mágicas. Tudo será resolvido com bom-senso e colaboração mútua.

Indico o Max porque enxergar a solução óbvia quase nunca é fácil, muito menos quando somos parte do problema. Ele é o cara que todo dia vai injetar em você uma pequena dose de realidade para você manter os pés no chão. Sacou?

7. Serendipidade

Antes de mais nada, a definição do termo:

Serendipidade, também conhecido como Serendipismo, Serendiptismo ou ainda Serendipitia, é um neologismo que se refere às descobertas afortunadas feitas, aparentemente, por acaso. (Wikipédia)

O Fábio é autor do livro Blog Corporativo e do blog com mesmo nome. O blog Serendipidade trata sobre marketing, negócios, criatividade, inovação e comportamento, basicamente os mesmos temas do Blog Corporativo, só que sem o foco nos blogs.

Blog: www.serendipidade.com
Feed: feeds.feedburner.com/Serendipidade

Até mais!

Renew Alternative por 40 reais

2009-10-20T12:35:00.000-02:00

Esta é uma oferta de perfumaria.

Renew Alternative 30 g

Creme facial intensivo antiidade. A partir de 30 anos ou para sinais moderadores de envelhecimento facial. Aumenta a elasticidade e a resistência da pele. Uso noturno.

Por apenas R$ 40,00 com frete incluso.
Tenho só uma unidade.
Para garantir que seja sua, entre em contato.

Até mais!

Posts sobre Blog Marketing

2009-10-19T20:54:00.007-02:00

Esta é uma lista de posts.

Finalmente os posts sobre blog marketing estão organizados em lista:

Planejamento

Redes sociais

Microblogs

Metaposts

Kaiak Ecomotion por 60 reais

2009-10-19T20:41:00.002-02:00

Esta é uma oferta de perfumaria.

O produto:

Kaiak Ecomotion
Desodorante Colônia Masculino
Volume: 100mL
Família olfativa: Fougère Verde Cítrico

Notas de saída: Bergamota, mandarina, neroli, tamarine, laranja, artemísia, lavanda, aquanal, cassis, folha de vidoeiro, limão e grapefruit.
Notas de corpo:: Jasmim transparente, gerânio, muguet, violeta e manjericão.
Notas de fundo:: Âmbar, musc, sândalo, cedro, musgo de carvalho, fava tonka e vetiver.

Tenho apenas uma unidade de 100mL em estoque por apenas R$ 60,00 com frete incluso.

Para fazer seu pedido, entre em contato.

Até mais!