W3C lança logomarca do HTML 5

html5-display

A idéia a primeira vista é meio estranha, Como assim uma logomarca? Pra que? E por quê? Bem, depois de ler e navegar um pouco veio à luz, a internet é basicamente movida a “virais” se as pessoas começam a usar a logomarca, logo outros começam a aderir.

No site oficial do W3C para a logomarca do HTML 5 tem uma proposta de uso, de “vamos divulgar”, cada pessoa pode ir ao site do W3C e selecionar os recursos que o seu site utiliza do HTML 5, gerar o selo e colocar no site para fazer a divulgação da marca, porém não existe uma validação, qualquer um pode gerar as imagens e colocar no site dele, sem realmente ser avaliado se está correto ou não a forma que foi feita. De qualquer forma achei a idéia de ter uma marcar e selos para “nível de uso” interessante para divulgação.

O W3C disse que a marca pode ser usada livremente para fazer camisetas e adesivos, agora basta visitar o site e usar a criatividade.

visite o site oficial da logomarca do HTML 5

Posted in HTML 5, Noticias | Tagged , , | 1 Comment

Código HTML para Orkut ( editar textos )

Eu sei, Eu sei esse não é o tipo de post para profissionais, mas, uma amiga me pediu e não custa nada dar uma dica, o mais importante é lembrar que esse código não é HTML para Orkut e sim, HTML pra qualquer coisa, se vocês querem aprender como editar suas mensagens na internet de uma forma generalizada, basta estudar um pouco de html, visite a seção de dicas de html clicando aqui.

Bem, vamos às dicas:

Títulos:

Você tem seis opções de tamanho de titulo, sendo de 1 o maior e 6 o menor, da seguinte forma:

<h1>Titulo HTML para Orkut Grande</h1>
<h6>Titulo HTML para Orkut Pequeno</h6>

Parágrafos:

Todo conteúdo de texto deve estar dentro de uma tag <p>

<p>Texto HTML para Orkut</p>

Existem algumas pequenas variações que podem ajudar na edição, como por exemplo, os alinhamentos.

<p align=“center”>Texto HTML para Orkut alinhado para o centro</p>
<p align=“left”>Texto HTML para Orkut alinhado para esquerda</p>
<p align=“right”>Texto HTML para Orkut alinhado para direita</p>

Para mudar a cor, tamanho ou tipo da fonte de uma palavra basta colocar a tag <font> envolta da palavra para fazer a edição com os seguintes atributos:

Size para tamanho

Face para aparência

Color para cor

No exemplo vou colocar a palavra no tamanho 3 com a fonte arial e a cor vermelha.

<p>Texto HTML para <font face=”arial” color=”#ff0000” size=”+3”>Orkut</font> com destaque em uma palavra</p>

Os tamanhos do atributo size entre 1 e 7

As cores devem ser sempre em Hexadecimal, aqui tem um link de gerador de cores

E as fontes (face) acredito que você pode variar entre essas:

  • Arial, Helvetica, sans-serif
  • Times New Roman, Times, serif
  • Courier New, Courier, mono
  • Georgia, Times New Roman, Times, serif
  • Verdana, Arial, Helvetica, sans-serif
  • Geneva, Arial, Helvetica, sans-serif

Bem, espero ter ajudado, se ajudou deixa um comentário ;)

Posted in XHTML & CSS | Tagged | 2 Comments

Bons exemplos de usabilidade

Boa tarde! Essa é minha primeira colaboração com o blog! Então vamos direto ao ponto! Como deve ser um post sobre usabilidade!

Esses dias ao usar o Mozilla Thunderbird escrevi a palavra anexo no corpo do e-mail, se referindo ao anexo que eu ia adicionar, quando “automagicamente” apareceu um alerta perguntando o que eu desejava anexar. Achei essa funcionalidade demais e isso trouxe a tona novamente o termo usabilidade em minha mente.

Usabilidade, em linhas gerais é tornar algo simples de forma que você “não precise pensar” para executar, com o objetivo de fazer com que o usuário atinja seus objetivos dentro de um sistema, site ou produto de forma simples, direta e objetiva. Em poucos dias você começa a descobrir a usabilidade a sua volta. Seguem aqui uma listinha de boas aplicações da usabilidade:

Integrações de login: Hoje pode até ser comum integrar seu produto com o twitter, facebook, google, porém nem sempre foi assim, antes tínhamos que guardar usuário e senha pra cada site que requeria autenticação, até o próprio Orkut tinha um login diferente dos outros produtos do Google, até que isso mudou.

Soundex: Mais conhecido como “voce quis dizer…?”. Seria o soundex uma ferramenta focada em usabilidade? Eu acredito que sim, afinal ele evita que o usuário realize buscas desnecessárias e o ajuda a encontrar o termo que realmente desejava procurar.

Acelerômetro, gps, giroscópio, sensores de luminosidade: Recursos presentes no hardware/sistema do seu smartphone, ajudam os sofwares a implementarem recursos inteligentes que facilitem sua vida, evitando toques adicionais na tela, configurações e outro tipo de coisas. É ligar e usar.

Menus contextuais: Usuários de Mac conhecem bem esse ótimo recurso, eu que sempre usei Windows estranhei no começo, mas vi como é bem sacado depois que me habituei. Em vez dos menus estarem na janela da aplicação, cada janela ativa muda a barra superior do próprio sistema, simples, prático e economiza área útil em sua tela, o que é importante, já que estamos na de tela de 14″ ser considerada muito grande.

É isso aí, reparem a sua volta e vejam como a usabilidade é importante e cada vez mais facilita nossa vida! Ao encontrar uma novidade, deixe ela aqui nos comentários!

Posted in Usabilidade | Tagged , , | Leave a comment

Acabe com os folgados

Sempre faça poker-face!

Vi no Capinaremos!

Posted in Hora Extra | Tagged | Leave a comment

Teste de masculinidade fail

Agora eu quero ver como ele vai explicar isso em casa huhuhuhuhuh :p

Posted in Hora Extra | Tagged , , , | Leave a comment