Como eu venho estudando algumas formas de se ganhar dinheiro na internet e como todos que andam por essas bandas já devem saber que estou vivendo um “caso de amor” com os mini-sites. Resolvi compartilhar com vocês as melhores plataformas para a criação de mini-sites que eu encontrei.

Então, sem mais, vamos ver 10 Plataformas para criar mini-sites e pequenos blogs para rentabilizar:

1. WordPress.org

O WordPress é o CMS mais conhecido e usado no mundo. Não tem como não pensar em WordPress quando falamos do desenvolvimento de blogs. Agora, o que pouca gente pensa é que o WordPress pode e deve ser usado também para a criação de mini-sites. Não que seja obrigatório, mas por experiência própria, apesar de um maior trabalho inicial (nada de absurdo quando se pega o jeito) o WordPress possui ferramentas que ajudam e muito na hora de otimizar o mini-site para os motores de busca. Confira: http://wordpress.org/

2. Movable Type

O maior concorrente mundial do WordPress, o MovableType é uma ferramenta completa que não perde em nada para o WordPress. A única diferença e talvez sua maior desvantagem seja o fato de usar a linguagem PERL, que poucas pessoas dominam, enquanto o WordPress utiliza o PHP que é bem mais acessível, além de mais fácil (ao menos no que diz respeito aos passos básicos). Seja como for, vale a pena dar uma olhada no MovableType ok? Confira: http://movabletype.org/

3. Blogger

Eu sei, eu sei! Já tem muita gente torcendo o nariz e se perguntando se eu estou ficando louco em indicar o Blogger para criar mini-sites, mas calma! Antes de sair correndo para pegar as tochas, fique sabendo que utilizo e indico o Blogger para muitas coisas, inclusive para a construção de mini-sites. Se você tem alguma dúvida se é possível se fazer um site descente com o Blogger, confira o meu site pessoal (http://www.ticoesteves.com/) que usa o Blogger como base, e me diga se tem uma aparência amadora ou qualquer coisa do tipo ok? Confira: http://www.blogger.com/

4. Joomla

Particularmente não sou o maior fã do Joomla, mas tenho que reconhecer que é grande a comunidade que utiliza essa plataforma de código aberto. Portanto, merece constar nessa lista e merece a sua atenção. Eu não sou muito fã, talvez por não ter tempo de estudar o Joomla como deveria, uma vez que é bem mais difícil dar seus primeiros passos com ele (e como tempo é um artigo de luxo por aqui). De qualquer forma acredito que você deveria gastar alguns minutos para conhecer essa plataforma e tomar suas próprias decisões. Confira: http://www.joomla.org/

5. Mambo

O Mambo é simplesmente a plataforma que deu origem a grande maioria das plataformas que existem no mercado hoje, inclusive o Joomla. Utilizando servidores Apache e PHP, junto com MySQL, o Mambo é cheio de recursos e tem como grande diferencial a sua comunidade (com defensores ferrenhos ). Claro, não é tão conhecido como o WordPress, mas não faz feio não! Vale dar uma olhada! Confira: http://www.mambo-foundation.org/

6. Modx

O MODX é com certeza o maior concorrente direto do Joomla. Outra plataforma em linguagem PHP e que torna a criação um pouco mais fácil, mas ainda sim, não muito indicado para inciantes sem experiência em programação. De qualquer forma, se você quiser se aventurar e testar o MODX, quem sabe você não se encontra e pode até passar a ser um defensor divulgador da plataforma por essas bandas heim? Confira: http://modx.com/

7. Drupal

O Drupal é um dos “dinossauros” em matéria de plataforma para construção de sites. Relativamente fácil de aprender e assim como o WordPress, também é escrito em PHP. Claro que nem tudo é perfeito e justamente por ter uma quantidade menor de utilizadores, ainda faltam algumas funcionalidades para o Drupal em comparação com outras plataformas, mas nada que alguém que conheça um pouco de PHP e tenha boa vontade não consiga resolver. Confira: http://www.drupal.org/

8. Xoops

O Xoops é uma das plataformas mais completas do mercado e que já existe a bastante tempo. Porém, não é tão difundida quanto merecia, mas apesar disso conta com uma boa comunidade. Também em PHP, o Xoops tem como pontos fortes a criação baseada em templates e módulos, além de com uma aplicação bem intuitiva e de relativa facilidade. Confira: http://www.xoops.org/

9. TextPattern

O TextPattern é uma plataforma que é mais utilizada para a criação de blogs, mas nada impede que possa ser utilizada para criar mini-sites. Também em PHP e MySQL, é bem flexível e atende bem a qualquer serviço do tipo blog, mini-site e até portais. Basta saber configurar. Sem mais, confira: http://www.textpattern.com/

10. Mephisto

O Mephisto é a melhor e mais completa plataforma em Ruby on Rails do mercado. E é claro, como a linguagem não é muito difundida, a plataforma acaba não ficando conhecida. Mas só para te dar um ideia do que é possível se fazer, o diHITT foi feito em Ruby on Rails. Até certo ponto muito fácil de se trabalhar, claro, desde que você conheça a linguagem. Ferramenta perfeita para quem gosta de Ruby on Rails e quer desenvolver seus mini-sites nessa linguagem em especial. Confira: http://www.mephistoblog.com/

Ok! Agora você não tem mais desculpas, ao menos não com relação a plataforma para a criação de seus mini-sites.

Estão aí, 10 Plataformas para criar mini-sites e pequenos blogs para rentabilizar!

Faça bom uso!

Como estou sempre usando, resolvi fazer uma lista aqui com os 10 melhores sites de fontes grátis da rede pensando em quem precisa. É, porque seja para quem trabalha com criação web de um modo geral, seja para quem está só tentando dar uma cara única para o seu projeto, uma hora ou outra vai precisar encontrar uma fonte que não tem em seu computador ou buscar o "modelo perfeito".

Para tentar ajudar resolvi separar aqui os serviços de fontes grátis que conheço e que sei que são realmente bons. Vamos lá!

Fontspace

O Fontspace é um site bem interessante e que consegue reunir em um só espaço as fontes mais diferentes que você vai encontrar pela web. Especial para quer criar um logotipo dos mais diferentes. Vale conferir!

Urbanfonts

O Urbanfonts é um site que tem uma seleção de fontes um pouco mais "clássicas", mas com tantas opções que você vai até se perder por lá (reserve um tempinho para conferir tudo).

The Font Pool

O The Font Pool tem uma das maiores coleções de fontes tipo "script" da net. São lindas e só elas já valem a visita!

Fonts.com

O Fonts.com já tem uma quantidade menor, mas é muito bem organizado e as opções são bem escolhidas.

MyFontes

O MyFontes já é uma boa mistura de quantidade e qualidade. vale conferir!

FontesGratis

O FontesGratis é um daqueles sites que enganam pela simplicidade do layout, mas com um conteúdo de primeira. Vale conferir!

FontZone

O FontZone é outro site que reúne qualidade e quantidade em um só lugar. Simples e fácil de navegar, parada obrigatória para quem é do ramo, mas não só!

dafont

O dafont é um site bem organizado com fontes grátis dividas por categorias e tudo a um clique de distância. Vale conferir!

BeautifulFonts

O BeautifulFonts é um espaço bem interessante e que realmente consegue reunir as mais belas fontes grátis da rede. Vale conferir!

1001FreeFonts

O 1001FreeFonts é um site bem organizado, dividido por categorias e de fácil acesso. Tudo simples e funcional, sem dúvida mais um dos que você precisa conferir quando estiver procurando por fontes grátis de qualidade.

É isso pessoal, 10 sites onde encontrar as melhores fontes grátis da rede!

Faça bom uso!

Imagem Party: Shlomit Wolf

Hoje a dica é simples, mas exige atenção e cuidado. Vamos aprender a instalar e configurar uma tag cloud (nuvem de tags) no Blogger. E para quem não sabe, vários blogs que utilizam wordpress (.org) já usam uma nuvem de tags que fica flutuando e que se movimenta de acordo com a posição que você coloca o cursor do mouse.

Um movimento bem interessante para os blogs que na sua grande maioria são bem "paradões".

Dica 1: Para quem usa WordPress uma boa pedida é o plugin WP-Cumulus (em um próximo texto vou passar um tutorial de como instalar e configurar o plugin ok?)

Bem, eu estava procurando por algo parecido para o Blogger (para atender um pedido especial), quando encontrei no Blogger Buster (em inglês) um tutorial explicando como adicionar uma nuvem de tags assim no Blogger!

Fiz uma pequena adaptação para que a nuvem fique da largura da sua sidebar independente da largura da mesma. Então, vamos ao código:

Dica 2: Antes de qualquer coisa, salve uma cópia do seu template. O código é simples de ser implementado, mas nunca se sabe né?

Vá até o painel de controle do blog e clique em Layout –> Editar HTML.

Procure pelo trecho abaixo (NÃO precisa clicar na caixinha "Expandir modelos de widgets"):

<b:section class='sidebar' id='sidebar' preferred='yes'>

Logo abaixo deste trecho, cole o código a seguir:

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;100%&quot;, &quot;210&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Alterações

Para mudar a cor de fundo da Nuvem de tags e adaptá-la a cor de fundo do seu blog, procure no código acima por #ffffff e substitua pelo código da cor que quiser.

E para modificar a cor da fonte (letra) da Nuvem de tags, procure por 0x333333 substituindo o 333333 (sem o "#" ao lado ok?).

Se não sabe qual o código da cor do seu template ou quer uma cor diferente, você pode procurar nessa tabela de cores que eu já postei aqui!

Clique aqui para ver a tabela de cores

Depois de fazer as modificações que quiser, clique em VISUALIZAR e você já deve conseguir ver a nuvem de tags no seu blog. Depois clique em SALVAR e pronto!

Agora, se você quiser mudar o nome que aparece como título da nuvem de tags (Labels), vá até a página Elementos de página, procure na sua sidebar o título "Labels" e clique em Editar na barrinha do título.

Na janela que se abre, substitua o título (Labels) pelo título que quiser (Nuvem de tags, Tags, etc…), depois clique em SALVAR e pronto!

Obviamente nem tudo são flores e já sabemos das limitações do Blogger. Uma delas, bem grave por sinal é o fato da nuvem de tags não funcionar com palavras acentuadas. Enfim…

Se quiser conferir o post original do Blogger Buster visite:

Blogumus: a flash animated label cloud for Blogger!

Faça bom uso!

Uma tabela de cores parece uma coisa boba de se postar, mas a verdade é que você só vai se dar conta de que precisa de uma quando necessitar de um código de cor e não puder contar com um programa específico. E como eu sou do tempo em que você precisava entender mesmo do que estava falando para se dizer "Webalgumacoisa" (por isso digo hoje com todo orgulho que sou webmaster ) trago hoje uma tabela de cores com todos os códigos de que me lembro, relacionando cor, nome da cor e seu respectivo código:

TABELA DE CORES

Faça bom uso!

Imagem: Papel de parede e Backgrounds

Morte ao Internet Explorer 6! Isso aí! Sério! Se você utiliza ou conhece alguém que utiliza ou mesmo tem próximo um computador que utiliza o Internet Explorer 6 como navegador, você provavelmente está vendo a maioria dos blogs em que entra "tortos" (se é que ainda não foi embora). Pessoal, a causa é nobre e merece atenção. E apesar de um "pouquinho atrasado" (como sempre), não podia deixar de participar!

O problema, que dá dor de cabeça em 10 entre 10 desenvolvedores, já chegou a um ponto em que não dá mais para deixar passar batido. Por isso, o pessoal da Imasters desenvolveu um script para ser colocado no código do seu blog e avisar, pedir, implorar (escolha o termo) para quem utiliza o IE6 atualizar o seu navegador.

Eu vou um pouco mais longe e digo:

Você meu amigo, minha amiga, deixe essa porcaria de lado e instale o Firefox ou o Opera! Digo isso por experiência própria, pois nos meus primeiros meses também utilizava o IE, mas acabei resolvendo testar outros navegadores e não uso IE mais nem pagando!

Se você quiser participar da campanha e ajudar a, se não acabar, ao menos diminuir o número de usuários com o famigerado Internet Explorer 6, por favor, faça sua parte! Se não quiser utilizar outro navegador tudo bem, mas ao menos vamos pedir para que atualizem seu navegador! Nós que quebramos a cabeça para desenvolver um layout bacaninha agradecemos!

E por falar em agradecimentos… Muito obrigado ao pessoal da Imasters pelo script e muito obrigado ao Manoel Netto, do blog Tecnocracia, que foi onde li primeiro sobre a campanha!

Dica:

Para quem estiver tendo dificuldades em adicionar o script no blogger, primeiro copie o código:

<script src="http://imasters.uol.com.br/crossbrowser/fonte.js" type="text/javascript"></script>

Vá até o seu painel de controle e em Layout –> Editar HTML (NÃO precisa clicar na caixinha Expandir modelo de widgets) e cole o código ACIMA (ou ANTES) da tag </body> (está no finalzinho do seu código). Visualize e se estiver tudo bem (se você não usa o IE6 não deve ver nada de diferente no seu blog e se usa, pare já com isso! ) clique em SALVAR e pronto!

Participe!

Bom, provavelmente se você não trabalha com desenvolvimento de layouts para internet ou criação de produtos para uma indústria qualquer deve estar coçando a cabeça agora mesmo e pensando: o que é essa tal de usabilidade meu Deus? Está tudo bem, eu garanto que não morde e não mata ninguém… quer dizer… Relaxa!

Vamos primeiro ver o que a Wikipédia fala sobre o tema:

"Usabilidade é um termo usado para definir a facilidade com que as pessoas podem empregar uma ferramenta ou objeto a fim de realizar uma tarefa específica e importante. A usabilidade pode também se referir aos métodos de mensuração da usabilidade e ao estudo dos princípios por trás da eficiência percebida de um objeto."

E aí? Ajudou a clarear um pouco as ideias?

Se não, basta que você entenda que usabilidade é o mesmo que facilitar a vida do usuário ao máximo. Ou seja, facilitar o uso do site, da ferramenta, do produto, etc.

E como estamos aqui usando um blog para passar a mensagem, nada melhor que falar de usabilidade em sites e blogs.

Usabilidade na Web

Como trabalho com criação de layouts tanto para o Blogger, quanto para WordPress, além da criação de sites institucionais e outros, o termo usabilidade já faz parte do meu vocabulário faz tempo.

Quando comecei a aprender os primeiros passos sobre criação web descobri que a usabilidade está diretamente ligada ao contato entre o usuário e o produto. Ou seja, sempre que acontece o contato entre o ser humano e o produto, seja ele físico (um martelo ou uma cadeira) ou não (sites e blogs) a usabilidade está presente.

Falando especificamente de criação para a internet, o resultado final do seu site/blog que é percebido pelo usuário e onde acontece a interação (a interface) faz com que o papel da usabilidade seja fundamental.

O termo usabilidade surgiu muito mais para designar o contato entre o humano e o computador, já que o termo usado anteriormente (ergonomia) está muito mais voltado para a forma com que o usuário se adapta ao computador do que sua interação com os programas e sites.

Entendimento e Aplicação

Entender e aplicar a usabilidade na web não é tarefa das mais fáceis, mas ao mesmo tempo é algo muito simples de se compreender quando você está disposto a olhar seu próprio trabalho com olhos profissionais deixando de lado o apaixonado criador.

Com relação a sites e blogs a primeira coisa que você deve observar é a facilidade com que o usuário consegue acesso a informação e a todas as áreas presentes no projeto.

Facilitar a vida do usuário, deixando tudo a no máximo dois cliques de distância e/ou cuidando para que o site/blog seja acessível e tenha um layout limpo e de fácil compreensão são matérias fundamentais e dependerão da boa aplicação da usabilidade em seu trabalho.

Obviamente que quando se trata de "agradar" muitas pessoas ao mesmo tempo não é fácil e sempre alguém não ficará satisfeito. Portanto, podemos dizer que a usabilidade está aí para facilitar a vida, mas não temos exatamente como medir sua funcionalidade em números, uma vez que o que é entendido como de fácil utilização para uns, pode não ser para outros.

De qualquer forma é um conceito fascinante e que se aplicado com cuidado e conhecimento de causa fará grande diferença no que diz respeito a satisfação do usuário. Ou seja, falando de blogs, você certamente terá um retorno positivo junto aos seus leitores.

Ainda vamos falar muito de usabilidade por aqui em outros textos tentando explicar da maneira mais fácil possível a sua aplicação em nossos projetos.

Por hora, pense em facilitar a vida do seu cliente, seu usuário… seu leitor!

Leia Mais Sobre Usabilidade:

Usabilidoido
Criado por Frederick Van Amstel (sim, eu também acho que com um nome desses tinha que ser era pianista, mas esse jornalista optou por Webdesign ). O mais importante nessa história é que no Usabilidoido (um site/blog/escola) você encontra praticamente tudo sobre usabilidade!

Usabilidade na Web
Um manual completíssimo sobre usabilidade fornecido gratuitamente pelo site <criarweb.com>. Vale conferir (aliás, não só o manual, como todo o site).

Visite Também:

IBRAU – Instituto Brasileiro de Amigabilidade e Usabilidade
Usabilidade.org – Associação Portuguesa dos Profissionais de Usabilidade
UsabilidadeBR - consultoria em Usabilidade e Arquitetura de Informação
Usabilidade.net – Por Filipe Miguel Tavares (consultor de usabilidade)

Imagem: http://www.planetadablogueira.com/