[Descontinuado] Tweetree: Twitter com interface melhorada

Nível: intermediário

O Tweetree é mais um Mashup para quem usa Twitter e quer usufruir ainda mais os recursos do microblog.

Música no Tweetree

Ele mostra sua página do Twitter completa, com a vantagem de que mostra na própria página imagens, vídeos e músicas que as pessoas twittam, sem você precisar clicar no caso das imagens ou abrir outra janela no caso dos vídeos e das músicas, poupando tempo e evitando os riscos.

Foto no Tweetree

Outro recurso legal que o Tweetree tem é o ícone RT que serve para retwittar alguém.

Vídeo no Tweetree

Quando um post é resposta a outro, eles devem aparecer próximos, em árvore. Para ver como fica meu perfil no Tweetree, visite tweetree.com/helenfernanda. Não é preciso cadastro ou login.

A ganhadora do Kaiak Masculino é…

E o número sorteado é… 15!

Foi feito o sorteio em ordem randômica, caso o sorteado tivesse descumprido alguma regra quanto à inscrição, o ganhador divulgado seria o segundo e assim sucessivamente. Quanto à inscrição está tudo correto. Agora vou aguardar o prazo de uma semana para ela me enviar seu endereço e eu providenciar a entrega do Kaiak Natura Masculino.

Primeiro Top 10 do Helen Fernanda Ponto Com

O Top 10 foi a forma que encontrei de todo mês reconhecer os blogs que trouxeram mais visitas aos meus. Comecei essa experiência no HTMHelen, fiz no Helen Fernanda Pink e agora vamos brincar disso aqui.

O divertido do Top é que nem todos os blogs que me trazem mais visitas são parceiros. Alguns apenas me linkaram em algum post ou eu própria atrai muitos visitantes com algum comentário relevante, então sempre fico surpresa quando checo o Google Analytics para publicar o Top 10.

Confira o ranking do período de 10/01 a 09/02/2009:

1. Blog do Mesmo
2. Christian Gump
3. Erika Lettry
4. O Pândego Endiabadro
5. Sobre Algumas Histórias
6. Tech Alien
7. Um Tudo
8. Arthur Henrique
9. Ferramentas Blog
10. Meu Canto

Muito obrigada a todos e voltem sempre ao Top 10!

Se não apareceu ainda, espero você no próximo, dia 10 de março.

Top 10 de fevereiro/2009

Os 10 (dez) blogs que mais trouxeram visitas ao HTMHelen de 10/01 a 09/02/2009. Como nas outras edições, meus outros blogs não são considerados no ranking.

1. Ferramentas Blog
2. Mestre Blogger
3. Blog do BlogBlogs
4. Templates para Você
5. TidBits
6. Pedro Cabral Blog
7. Fronteiras no Tempo
8. Chris B.
9. Digital Vítima
10. Usuário Compulsivo

Vaga para jornalista em Campinorte

O destino está me testando. Não sei se ele quer saber se consigo terminar esse cursinho, se eu consigo terminar essa pós-graduação ou se quer saber se consigo morar no interior, mas ele está me testando.

👩‍💻 HTML | Elementos inline que mudam o texto

Atualizado dia 24 de maio de 2018.

Melhore seu blog com simplicidade…

Já escrevi aqui sobre a diferença entre block e inline. Neste post vou dar exemplos com as tags inline, que são muito úteis na edição de qualquer texto HTML, inclusive blogs:

Negrito

Código:

Com a tag b o texto fica <b>negrito</b>.

Ou ainda:

Com a tag strong o texto fica <strong>negrito</strong>.

Resultado:

Com a tag b o texto fica negrito.

Citação*

Código:

Com a tag q o texto fica <q>entre aspas</q>.

Resultado:

Com a tag q o texto fica entre aspas.

Itálico

Código:

Com a tag cite o texto fica <cite>itálico</cite>.

Com a tag em o texto fica <em>itálico</em>.

Com a tag i o texto fica <i>itálico</i>.

Com a tag var o texto fica <var>itálico</var>.

Com a tag dfn* o texto fica <dfn>itálico</dfn>.

Resultado:

Com a tag i o texto fica itálico.

* <dfn> não funciona no Chrome, nem no Safari.

Riscado

Código:

Com a tag del o texto fica <del>riscado</del>.

Com a tag s o texto fica <s>riscado</s>.

Resultado:

Com a tag s o texto fica riscado.

Sublinhado

Códigos:

Com a tag ins o texto fica <ins>sublinhado</ins>.

Com a tag u o texto fica <u>sublinhado</u>.

Resultado:

Com a tag u o texto fica sublinhado.

Monoespaçado

Com a tag code (código) o texto fica <code>monoespaçado</code>.

Com a tag code (código) o texto fica monoespaçado.

Com a tag kbd (keyboard - teclado) o texto fica <kbd>monoespaçado</kbd>.

Com a tag kbd (keyboard - teclado) o texto fica monoespaçado.

Com a tag samp (exemplo) o texto fica <samp>monoespaçado</samp>.

Com a tag samp (exemplo) o texto fica monoespaçado.

Tamanho do texto

Códigos:

Com a tag small o texto fica <small>menor</small> do que estava antes.

Com a tag big o texto fica <big>maior</big> do que estava antes.

Resultado:

Com a tag small o texto fica menor do que estava antes.

Com a tag big o texto fica maior do que estava antes.

Nível do texto

Código:

Com a tag sub o texto fica _{um nível abaixo} do que estava antes.

Com a tag sup o texto fica ^{um nível acima} do que estava antes.

Resultado:

Com a tag sub o texto fica _{um nível abaixo} do que estava antes.

Com a tag sup o texto fica ^{um nível acima} do que estava antes.

Sentido do texto

Código:

Com a tag bdo dir="ltr" o texto fica <bdo dir="ltr">da esquerda para a direita</bdo>.

Com a tag bdo dir="rtl" o texto fica <bdo dir="rtl">da direita para a esquerda</bdo>.

Resultado:

Com bdo dir="ltr" o texto fica da esquerda para a direita.

Com bdo dir="rtl" o texto fica da direita para a esquerda.

<bdo dir="rtl"> inverte o texto para nós, ocidentais, que escrevemos da esquerda para a direita, enquanto <bdo dir="ltr"> serve para inverter textos árabes e hebraicos, por exemplo, que são escritos da direita para a esquerda.

Fonte, cor e tamanho

Código:

A tag font <font color="#ff00ff" size="4" face="comic sans ms">muda cor, tamanho e fonte</font> sem precisar de CSS.

Resultado:

A tag font muda cor, tamanho e fonte sem precisar de CSS.

---

Apesar de modificarem o texto sem precisar de CSS, todas essas tags podem ser personalizadas na folha de estilos de seu blog ou site para que fiquem do seu jeito.

Escolha a cor do texto selecionado

Nível: intermediário

Este é um simples código CSS que muda as cores do texto quando alguém seleciona com o cursor. Eu descobri isso hoje, quando estava em um blog e percebi que o texto ficava com fundo vermelho quando eu selecionava. Abri o código fonte e descobri:

*::-moz-selection {background:#b645fe; color:#ffffff;}
*::selection {background:#b645fe; color:#ffffff;}
]]></b:skin>

A pseudo-classe *::-moz-selection faz funcionar no Firefox, no Flock e no descontinuado Netscape. A pseudo-classe *::selection faz o efeito no Chrome, no Opera e no Safari. Não funciona no Internet Explorer 8 Beta 2, nem no Sleipnir 2.8.3.

Sem o efeito:

Com o efeito:

Para escolher as cores que combinam com seu site, visite o cubo de cores.

Edite os nomes dos contatos no Live Messenger

Nível: iniciante

Este post foi escrito em tom agressivo. Não recomendado para miguxos, emos e mulheres grávidas.

Os usuários do Windows Live Messenger podem ser dividos em dois grupos:

1. Os que usam o campo de nome para colocar mensagem de status (como se não houvesse local adequado para isso) e acham isso cool.
2. Os que sentem vontade de dar cascudos nos semi-analfabetos que usam o campo de nome para colocar mensagem de status e acham essa mania besta um cu.

Se você está no meu grupo, ou seja, no grupo 2, saiba que no Windows Live Messenger 2009 ficou mais fácil editar os manés contatos que têm esse hábito detestável, já que a opção de exibir contatos por endereço de e-mail não está disponível.

1. Edite a exibição para Nome e Sobrenome

Clique no 2º ícone, o que fica do lado direito do ícone de adicionar contato.

Marque a opção de exibição Nome e Sobrenome e salve:

2. Edite os manés contatos

Sempre que aparcer uma frase no lugar do nome, você clica com o botão direito no meliante e seleciona Editar contato:

Clique na opção Contato e escreva o nome e o sobrenome do réu e salve:

Agora ficou fácil de saber quando o infeliz tá on-line:

Gente, não tenho nada contra o Lucas Costa. Ele é semi-analfabeto, mané, meliante, réu e infeliz, mas é meu amigo.

Este tutorial é só para quem não gosta de ficar que nem barata tonta passando o mouse em um por um dos contatos para saber quem é quem. Se você pratica sadomasoquismo, dane-se.

Sorteio do Kaiak Masculino no Pink

Nossa! São tantas inscrições que quase me esqueci de avisar aqui, no meu blog mais popular, que o Helen Fernanda Pink está sorteando um Kaiak Natura Masculino. Participar é muito fácil, são apenas dois passos.

Não perca tempo! Assim que eu tiver 100 (cem) concorrentes vou sortear. Como já tenho 50 (cinquenta) inscritos e o HTMHelen tem mais de 100 (cem) leitores de feed, acho melhor você clicar logo.

Não diga que não avisei

Minha vida real está 100

Sem emprego = sem dinheiro = sem emoção… Continuo fazendo especialização uma vez por semana, mas é muito pouco para satisfazer minha tara por aulas (sim, descobri que sou tarada por aulas, não necessariamente por estudar. Sessões de estudo são interessantes apenas quando intercaladas por aulas, muitas aulas). Planejei, então, fazer cursinho para concurso, só falta fazer o preço do curso se encaixar no salário-desemprego, um “detalhe”.

Para não dizer que minha vida está totalmente boring, tenho me divertido um pouco com os filmes que passam no Universal Channel. Para quem por muitos e muitos anos só teve acesso aos filmecos que passam de tarde na Globo e no SBT, até que não é tão ruim. Bem, se o melhor da minha vida atual são os filmes que passam na TV, melhor não contar o resto. Por enquanto minha rotina on-line está muito mais interessante…

Quer ganhar um Kaiak Natura Masculino?

Se o Helen Fernanda Pink é blog de “mulherzinha”, ao menos por um post a situação mudou. A promoção Quer ganhar Kaiak Natura Masculino está fazendo sucesso entre os rapazes. Eu pensei que fossem se cadastrar mais meninas, para presentear os homens, mas são eles que querem se presentear. Gostei de ver!

As inscrições serão feitas até o dia 28 de fevereiro e o sorteio é dia 1º de março de 2009.

Promoção Você tem chance!

Já essa promoção do HTMHelen não tem prazo, não tem pressa. Estou sorteando o domínio Você tem chance! Confira o regulamento.

Trocando Livros

Finalmente recebi meu primeiro volume por meio do Trocando Livros. Escolhi A Insustentável Leveza do Ser que veio de uma parananese. Para ter direito a um livro, enviei primeiro Por uma Outra Comunicação para um “minêrim de Berlândia”.

Por causa da minha irmãzinha devagar quase parando que devolve livro um semestre depois que termina de ler, eu perdi outra troca, mas tenho tantos livros disponíveis que a próxima solicitação não deve demorar. Se você já está cadastrado, a dica é que a maioria dos livros da minha lista de 100 livros em 1001 dias e alguns dos livros da minha estante no Skoob estão disponíveis no Trocando. Se não se cadastrou ainda… Demorou!