O que minha mãe ganha com isso?

Essa é uma boa pergunta pra se fazer quando estiver pensando em modelos de negócios, produtos ou publicidade. Funciona como uma bússola e é uma beleza!

As vezes acho que o pessoal da propaganda e tecnólogos pensam que o mundo é feito apenas por moradores do mundo “comunicação + tecnologia + web”.

Recentemente respondi a um post do Mauro Amaral sobre Outdoor Online onde ele diz que a idéia é interessante, porém, sem um modelo de negócio realmente viável. Eu deste lado acho que não tem idéia interessante nisso, justifiquei que uma pessoa não acessaria tal site apenas para ficar pegando propagandas em formato de outdoors… Enfim, não consigo imaginar uma pessoa com minha mãe, ou qualquer outra que esteja fora daquele mundo do parágrafo acima, usando um site como esse.

As pessoas precisam de algo bom, solução pra velhos problemas ou novos problemas criados a partir da solução, e neste site não vi nada disso, realmente falta algo. Resolver problemas não é uma coisa fácil e quem consegue fazê-lo geralmente ganha uma boa grana.

Respoder à perguntas como: quem vai usar isso?, porque vai usar?, vai indicar à outras pessoas, será que voltaria a usar? É um bom começo pra criar algo sólido em qualquer lugar, na web ou fora.

Simples, belo, poético…

Informação, colaboração, semântica, relacionamento, mídia, interação, linguagem, simplicidade, acessibilidade, criação, entendimento, fluidez, negócios, facilidade, união, idéias, tecnologia, pessoas, flexibilidade, estrutura, poder, real.

Web. Esse foi direto pros favoritos!

Ganhe tempo usando um CSS inicial padrão

Criar um arquivo CSS do zero sempre que iniciar um novo projeto pode te tomar um bom tempo e ainda fazer com que cada um saia de um jeito único, o que dificulta a padronização, e padrão é algo precioso quando falamos de desenvolvimento web.

Uma forma que uso há algum tempo e tem sido muito útil, é salvar um arquivo CSS com algumas formatações básicas no programa de edição de HTML e acioná-los sempre que precisar. No Dreamweaver são chamados de “snippets” e no Eclipse/Aptana (programa que uso atualmente) são chamados de “actions” estes pequenos blocos de textos que você guarda e chama quando for o caso.

As vantagens são várias. Além do tempo economizado por você iniciar seus estilos com meio caminho andado, isso te ajuda a se localizar entre as várias classes e IDs que o arquivo ganhará.

Este arquivo CSS fica então estruturado dessa forma:

  • Geral - Aqui vão as primeiras estilizações e o que será herdado por praticamente todo os seletores.
  • Configura Tags - Muitas tags podem receber estilizações padrão;
  • Cabeçalho - Aqui separo todas as configurações pra o topo do site;
  • Rodapé - Igual ao anterior, porém, para o rodapé agora;
  • Conteúdo - Formatações estruturais para o meio do site, onde vai o conteúdo;
  • Navegação - Separo os estilos que formatam tudo relacionado à navegação do site. Na verdade ainda divido este item em vários elementos: navegação principal, navegação secundária, breadcrumb e paginação
  • Barras, Janelas, Box - Para formatações de janelas de mensagens, conteúdos em janelas e etc;
  • Formulários - Formulários são bem chatos de lidar, quanto mais organizados estiverem os estilos, melhor pra você;
  • Listas - Todas as listas, ordenadas e não ordenadas ficam estilizadas por aqui;
  • Tabelas - Porque elas também merecem :);
  • Tipografia - Um dos itens mais importantes pros designers. Aqui formato os parágrafos, títulos e tudo o que se relaciona à tipografia do site;
  • Efeitos - São formatações diversas que uso constantemente durante o desenvolvimento, como um alinhamento à direita, uma cor diferente ou qualquer coisa do tipo;
  • Elementos diversos - Aqui vão os estilos que não entram em nenhum dos rótulos acima. Coisa bem comum também

Se alguém usa um outro método ou organização e quiser compartilhar, escreva!

Download do arquivo CSS Inicial

Completamente nú

Este site e mais outros milhares por aí ficarão o dia de amanhã (05 de Abril) completamente sem estilos de formatação. Isso mesmo, completamente pelado, preto no branco literalmente.

A razão disto é o CSS Naked Day, um dia pra você sair pra web sem teu CSS básico e mostrar completamente o teu <body>.

O objetivo desta iniciativa é promover os webstandards, pois conforme diz as boas práticas de web designing, teu conteúdo deve ser independente de estilos de formatação, ou seja, teu CSS funciona apenas como uma “roupa” para o site.

Microsoft aposta no Paint Brush e dá o troco!

A Microsoft juntamente com a Chevrolet juntaram as forças para dar o troco na Adobe com a sua nova família CS3 e tiraram da cartola este grande mágico do MS Paint Brush. Michael Lucciardello, este cara faz verdadeiras insanidades na ferramenta de edição gráfica da Mirosoft. Neste vídeo mostrado, as duas mega-corporações sairam ganhando, a Microsoft por revitalizar seu pobre Paint Brush e a Chevrolet por levar este tremendo jabá de um de seus modelos de carro. Conspiração, paranóia ou não, este vídeo me cheira a um grande viral.

Como teu site é linkado por outros sites

A forma como teu site é linkado por outros sites diz muito ao Google sobre o tipo de conteúdo que ele irá encontrar pela frente. Estou falando das keywords, aquelas palavras que o Google interpreta para entender sobre o que diz alguma página.

Se o link que aponta pro teu site, for usado uma palavra-chave que tenha a ver com o conteúdo que você apresenta, isso irá aumentar a relevância do site naquela palavra-chave específica.

Uma forma de ver como o Google “digere” os links que apontam pro teu site é usando o Google Webmaster Tools, lá você acompanha os links externos (outros sites) e os internos (links do teu próprio site).

Retirei uma imagem do próprio Google Webmaster Central Blog pra ilustrar o funcionamento.

Links apontando pro site

Veja que os links descritos como “clique aqui”, “visite aqui”, não colaboram em nada para aumentar a relevância do teu site, pois estas palavras não têm “peso” pro Google. Sabendo disto agora é só tratar das keywords que o Google cuida do resto!