desenvolvimento para web - xhtml, css, padrões da web, usabilidade, acessibilidade, web design, SEO, blogs e tecnologias para desenvolver a web

  • Feed artigos
  • Feed comentários
  • Feed por e-mail
  • Início
  • ferramentas
  • downloads
  • mapa do blog
  • sobre

Operator para Firefox e microformatos

14 de novembro de 2007 0 comentários

Neste artigo, falo um pouco sobre a Operator, extensão para Firefox que identifica microformatos nas páginas e facilita a interação dos dados com alguns serviços web.

É conveniente que se tenha uma noção do que sejam microformatos.

Há cerca de 6 meses conheci os microformatos; Infelizmente, por motivos vários - sendo o principal deles a “falta de tempo” -, não pude dar continuidade aos estudos e me aprofundar no tema. Como, atualmente, estou em uma “fase de estudos” na minha vida, decidi que um dos itens de minha lista seriam os microformatos. Além do quê, é importantíssimo, para um desenvolvedor web, saber do que se trata e saber aplicá-los a seus projetos.

O fato é que conheci uma excelente extensão para Firefox, a Operator, que possibilita a seus usuários usufruir de alguns benefícios em serviços web a partir de microformatos.

É o seguinte: quando se instala a extensão, uma nova barrinha aparece no Firefox. Nela, encontramos 7 menus, que se habilitam conforme a página em que se está atualmente.

barra de funções do Operator

Ou seja, as opções são habilitadas segundo os microformatos presentes na página. Se, por exemplo, o microformato hCard estiver implementado, a opção “Contacts” fica ativa, apresentando algumas subopções que podem ser escolhidas.

barra de funções do Operator com a opção

E o mesmo para cada tipo de microformato implementado. Só para citar alguns exemplos, dependendo do microformato há funcionalidades para:

  • Technorati
  • del.icio.us
  • Youtube
  • flickr
  • Ma.gnolia
  • Upcoming
  • Yedda
  • Google Maps
  • Yahoo! Maps

Ou seja, a Operator é um grande avanço para se começar, efetivamente, a explorar o potencial dos microformatos. Ela os “aproveita” para ajudar aquele que a instalou a desfrutar de mais interatividade com bons serviços web, facilitando o trabalho / diversão dos usuários.

Afinal, é para isso que os microformatos servem!

baixar o Operator

Referências Nacionais

Wiki oficial
Que tal começar pelo “oficial”?

Microformats: aprenda a descrever seus dados
Esta á uma ótima introdução sobre os microformatos.

Microformatos para leigos
Outro bom artigo introdutório sobre os microformatos.

Microformatos
Mais texto explicando o que são os microformatos.

Melhores sites sobre microformatos
Lista compilada pelo pessoal da neosite.

Referências Internacionais

microformats.org
Este é o site oficial.

Introducing Operator
Só para constar, o Operator é um projeto do Mozilla Labs. Este post explica sobre o Operator “direto da fonte”.

What are microformats?
Uma apresentação feita por Tantek Çelik para explicar o que são os microformats.

Categorias
firefox, indicações, microformatos, usabilidade
Comentários RSS Comentários RSS
Trackback Trackback

Colorblind Web Page Filter

13 de novembro de 2007 2 comentários

Neste artigo, indico o sistema Colorblind Web Page Filter, que permite a visualização de web sites simulando diferentes tipos de deficiências cromáticas existentes.

Recebi, por email, a indicação de um sistema muito bom! Trata-se do Colorblind Web Page Filter, que permite que, a partir de um URL que se digita no próprio sistema, o visitante veja a página que escolheu “através dos olhos” de quem tem deficiência cromática, que é a incapacidade que algumas pessoas têm de diferenciar algumas cores.

Na minha opinião, um site que oferece um serviço deste tipo deveria ter uma apresentação melhor, mas vá lá…

ir à página do Colorblind Web Page Filter
Categorias
acessibilidade
Comentários RSS Comentários RSS
Trackback Trackback

Google utilizando jQuery

11 de novembro de 2007 0 comentários

Neste post, falo sobre a publicação do blog oficial JQuery que cita que a Google agora usa JQuery no Google Code.

É conveniente que se tenha lido:

  • JQuery: apresentação

Valeu à pena dar uma entradinha na internet neste finzinho de Domingo. Recebi um email do Gevã com uma notícia que me agradou muito: a Google está utilizando JQuery no Google Code!

Desde que conheci o JQuery, há cerca de 4 ou 6 meses, percebi que se tratava de uma dos mais simples e eficientes frameworks para javascript disponíveis até então. Parece que o pessoal da Google também percebeu isso… No artigo, inclusive, Dion Almaer, que trabalha na Google e é co-fundador do Ajaxian.com, confessou que é fã do JQuery!

Eu também sou!

ver post com a notícia original
Categorias
jquery
Comentários RSS Comentários RSS
Trackback Trackback

Tabela de Compatibilidade de CSS

9 de novembro de 2007 1 comentário

Nesta postagem, indico a “Tabela de Compatibilidade de CSS”, elaborada pelo pessoal do Tableless e Visie.

A quipe Tableless e Visie desenvolveu uma super tabela comparativa CSS.

Nela, são feitas comparações de seletores, pseudo-classes e pseudo-elementos entre IE 6, IE 7, FireFox 2, Opera 9 e Safari 2, mostrando, também, a qual versão do CSS cada analisado pertence.

De quebra, ainda tem uma lista caprichada de links, para aprofundar / relembrar os conhecimentos.

Tabela de Compatibilidade de CSS
Categorias
css, indicações
Comentários RSS Comentários RSS
Trackback Trackback

Calendário 2008

8 de novembro de 2007 0 comentários

Neste post, disponibilizo um calendário para 2008.

Pois é, o ano está quase acabando, Papai Noel, quase chegando, e não podemos deixar de nos preparar para 2008, ano em que todos nós faremos coisas bem melhores que este ano, evoluiremos pessoal e profissionalmente muito mais, comparado com o mesmo período no ano que se passou e, com certeza, ajudaremos mais pessoas.

Pensando nisso, fiz um calendário que, humildemente, disponibilizo para quem quiser baixar.

As características são:

  • formato: .tif
  • dimensões: 25cm x 38cm
  • resolução: 300dpi
  • cores: CMYK/8
  • tamanho: 15MB

Está prontinho para enviar para a gráfica e aguardar, ansiosamente, a chegada do ano novo. Ele é desse jeito:

Espero que gostem e boas festas!

Baixar o calendário 2008
Categorias
design, vida
Comentários RSS Comentários RSS
Trackback Trackback
« 123 »

By N2H

Artigos mais visitados

  • Baixar ícones de alta definição e qualidade
  • Gestalt aplicado ao design web (parte 1): origem do termo, significado e utilidade
  • Briefing para desenvolvimento de web sites: considerações, dicas e modelos
  • Classe PHP para conexão com banco de dados MySQL
  • Como pegar parte do conteúdo (dados) de outro site com PHP

Categorias

  • (x)html (4)
  • acessibilidade (4)
  • blogs (4)
  • css (15)
  • design (29)
  • firefox (4)
  • indicações (50)
  • javascript (4)
  • jquery (8)
  • microformatos (1)
  • miscelânea (20)
  • php (7)
  • séries (8)
  • seo (8)
  • usabilidade (6)
  • vida (4)
  • wordpress (15)

Eu indico

  • blosque.com
  • Fique Rico Online
  • Insistimento
  • Maikel Neris
  • Professional Blogger



Artigos Recentes

CodeIgniter: framework PHP ágil, robusto e de alta performance

CSS float: considerações, dicas e macetes para bons layouts na web

WP-Syntax: destacar códigos fonte em artigos de blogs Wordpress

Tipografia com foco ao web design (parte 1): considerações sobre fonte, tipo, tipologia e tipografia

Maneiras práticas para melhorar a visitação de seu blog e fidelizar seus leitores

Últimos Comentários

Tárcio Zemel: @ Artur Oi, como é que vai? Muito obrigado, mesmo, pela força, colega! Fico feliz (...)

Tárcio Zemel: @ Paulo Faustino Ahhh, essa foi boa, Paulo! Quando iniciarmos aquele nosso futuro projeto juntamente (...)

Géssica Hellmann: Olá Tárcio! Agadeço a visita ao meu blog ;) Fiquei encantada com seu espaço aqui! Ótimas (...)

Artur: Ola a todos, Tarcio, ja tinha dado os parabens pelo post no blog do Paulo (...)

Paulo Faustino: Oi Tárcio. Agora só falta liberar um template customizado para futura edição de campanhas (...)

Mais Comentados

Gestalt aplicado ao design web (parte 1): origem do termo, significado e utilidade (13)

Maneiras práticas para melhorar a visitação de seu blog e fidelizar seus leitores (13)

As melhores práticas de SEO que você pode adotar em seu web site ou blog para melhorar o posicionamento nos mecanismos de busca (10)

CSS float: considerações, dicas e macetes para bons layouts na web (9)

Classe PHP para conexão com banco de dados MySQL (8)

desenvolvimento para web trata sobre desenvolvimento para web (padrões da web, usabilidade, acessibilidade,
web design, SEO e tecnologias web, tais como HTML, XHTML, CSS, javascript, jQuery, PHP e mais) e tem alguns direitos reservados.