segunda-feira, junho 28, 2010

Spams que continuam...

Essa é velha e ainda chega pelo e-mail (ou seja, repassam):

Oi, nós somos Andy e John, os diretores do Messenger. Antes de mais nada, pedimos desculpas pela interrupção, mas o Messenger acabará. Isso acontecerá porque muitas pessoas desconsideradas têm várias contas diferentes. Neste momento, só temos 578 nomes livres e por isso que o uso do Messenger e do Hotmail terá um custo a partir do verão de 2010. Se você mandar esta mensagem, no mínimo, a 18 pessoas diferentes da sua lista, seu ícone ficará azul, o que significa que será grátis para você. Se não acredita, visite o site www.msn.com e veja por si mesmo. Se você quer que encerremos sua conta, não mande esta mensagem, mas se quer conservá-la, mande-a a seus contatos. Isto não é uma brincadeira, mande-a!!! Vai ver que ficará azul!!!
Este é sobre as eleições.... mais uma vez pedem para clicar:

Projeto Mesário

O programa Mesário Eleitoral foi criado com a pretensão de incentivar o eleitorado voltado à prestação de serviços eleitorais nas mesas receptoras de votos. O Tribunal Superior Eleitoral, considerando a importância do tema, realiza, desde 2004, ações nesse sentido.

O projeto busca a ampliação do número de colaboradores da Justiça Eleitoral, de forma consciente. Pretende-se, nesse contexto, cadastrar mesários, universitários ou não, qualificados e aptos a desempenhar satisfatoriamente suas atribuições no dia da eleição.

Acesse o formulário e as informações sobre o programa Mesário Eleitoral no endereço: www.tse.gov.br/internet/servicos_eleitor/mesario.htm [o link direcionava para outro lugar]

Praça dos Tribunais Superiores - Bloco C - Setor de Autarquias Sul, Brasília - DF - 70096-900 - Brasil

Por favor, não cliquem nessas coisas... Microsoft e TSE não enviariam um e-mail mal formatado destes e nunca pediriam para fazer nada desta forma.

Abraço!

sexta-feira, março 12, 2010

Diferenças do HTML5 / HTML4 parte 2 - Estrutura

Pensando na estrutura dos documentos, o HTML5 foi melhorado com uma semântica mais coerente.
O primeiro ponto é que o documento é composto por seções, independente da função designada ao elemento que a define. Existe um elemento de seção genérica, mas tudo na estrutura podemos chamar de seção.
Estes são os elementos novos que prometem organizar melhor o documento:
  • section: indica uma seção genérica da aplicação ou do documento, que juntamente com os títulos [h1], [h2]...[h6], servem para indicar a estrutura da informação ou conjunto relacionado. Esse cara substituiria a tag [div] de uso genérico;
  • article: indica um pedaço de conteúdo do documento, como um post de um blog ou uma notícia de um jornal (por exemplo: tenho uma seção de notícias e dentro dela vários artigo);
  • aside: contem itens referentes à página ou ao conteúdo focal - a barra lateral com os links, banners etc;
  • nav: contem os itens de navegação do documento - aquela barra, normalmente superior, com os links;
  • hgroup: é o agrupamento de itens do cabeçalho de uma seção;
  • header: é o cabeçalho de uma seção contendo os títulos e ajudas à navegação ou à introdução de uma seção (documento, seção ou artigo) que podem ser agrupados pelo [hgroup];
  • footer: é o rodapé da seção (documento, seção ou artigo), para que se coloque dados do autor, data de publicação etc;
  • figure: representa o agrupamento de itens que necessitem de um título, como imagens, vídeos ou até textos... e seu título, claro;
  • figcaption: o título do agrupamento do [figure];
A idéia é que ao invés de ficar usando um monte de [div] com a "semanticalização" destes blocos embutida nos atributos 'class' ou 'id', houvessem elementos nativos que representassem estes blocos ou seções do documento.
Obviamente um [header] não vai conter um [header], assim como um [footer], [nav], [aside] etc. Acredito que somente o [section] pode conter um [section].
O HTML5 promete simplificar a estrutura do documento, fazendo dela auto-explicativa e direta.

Exemplo de uma página HTML5, visando a estrutura:



<!doctype html>
<html lang="pt">
<head>
<title>Titulo</title>
</head>
<body>

<header>
<h1>Titulo, Logo etc</h1>
</header>
<nav>
<ul>
<li><a href="#">Blog</a></li>
<li><a href="#">Sobre</a></li>
<li><a href="#">Contato</a></li>
</ul>
</nav>
<section>
<article id="artigo2">
<header>
<h2>Artigo 2 do Blog</h2>
<p>Publicado em <time datetime="2010-03-11T16:22:45-03:00">11/03/2010</time></p>
</header>
<section>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin euismod tellus eu orci imperdiet nec rutrum lacus blandit. Cras enim nibh, sodales ultricies elementum vel, fermentum id tellus. Proin metus odio, ultricies eu pharetra dictum, laoreet id odio...</p>
</section>
<footer>
<p><a href="#">3 cometarios</a><p>
</footer>
</article>
<article id="artigo1">
<header>
<h2>Artigo 1 do Blog</h2>
<p>Publicado em <time datetime="2010-03-08T20:15:29-03:00">08/03/2010</time></p>
</header>
<section>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin euismod tellus eu orci imperdiet nec rutrum lacus blandit. Cras enim nibh, sodales ultricies elementum vel, fermentum id tellus. Proin metus odio, ultricies eu pharetra dictum, laoreet id odio...</p>
</section>
<footer>
<p><a href="#">3 cometarios</a><p>
</footer>
</article>
</section>
<aside>
<header>
<h1>Minha Barra Lateral</h1>
</header>
<ul>
<li><a href="#">Blog</a></li>
<li><a href="#">Sobre</a></li>
<li><a href="#">Contato</a></li>
</ul>
<footer>
<p>5 pessoas online<p>
</footer>
</aside>
<footer>
<p>Produzido por <a href="#">Fulano</a></p>
<p><small>Copyleft...</small></p>
</footer>

</body>
</html>


segunda-feira, março 08, 2010

Diferenças do HTML5 / HTML4 parte 1 - Geral

Depois de ler alguns artigos, ler documentação oficial e agora o texto da W3C sobre a diferença do HTML 5 com relação ao 4, blogs etc, incluindo bom senso de padronização, farei a seguir um resumo só com a real diferença da especificação atual (que ainda não está fechada).
Este primeiro post refere-se ao documento em geral.

#1 - XML: Trate como um documento XML - incluindo suas regras de estrutura do documento. Apesar de permitir certas displicências, aplique as boas práticas do XHTML sempre que puder no seu documento HTML:
  • tags em minúscula;
  • atributos com valores e com aspas;
  • tags vazias finalizadas com "/";
  • etc.

#2 - DOCTYPE: Para dizer que um documento é HTML, basta, no início do documento:
<!DOCTYPE html>

#3 - Tag HTML: Pode ou não possuir a tag [html], mas é altamente recomendável.

#4 - Idioma: Recomenda-se informar o idioma do documento. Para isso use a tag [html] (dã...):
<html lang="pt">

#5 - Charset: Para informar a codificação de caracteres, basta, no [header]:
<meta charset="UTF-8" />

#6 - Outros ML: O HTML5 permite MathML e SVG com as tags [math] e [svg] especificamente:
<svg><circle r="50" cx="50" cy="50" fill="green" /></svg>

#7 - Microdata: Pode-se usar microdata, se referindo com o atributo "itemscope" dentro de um elemento pai, e especificando os itens dentro dele. Os atributos são: "itemid", "itemprop", "itemref", "itemscope" e "itemtype".

#8 - Entidades: O tratamento das entidades e símbolos continuam os mesmos (& + entidade ou [# + ascii] + ;).

Exemplo (mescla de alguns exemplos da W3C):


<!doctype html>
<html lang="pt">
<head>
<meta charset="UTF-8" />
<title>Exemplo HTML5 - parte 1</title>
</head>
<body>
<section>
<p>
A green circle:
<svg> <circle r="50" cx="50" cy="50" fill="green" /> </svg>
</p>
</section>
<section itemscope itemtype="http://blablabla.org/galera">
<h1 itemprop="name">Astrogildo</h1>
<p itemprop="desc">Astrogildo - um cara legal!</p>
<img itemprop="img" src="img/astro.jpg" alt="Falhou..." title="Astrogildo na rave" />
</section>
</body>
</html>

segunda-feira, fevereiro 22, 2010

Tabela de dia do ano (mainframe julian day)

Em algumas aplicações é interessante utilizar o dia do ano (999) ao invés de dia/mês (9999).
Você consegue ver a tabela para anos bissestos ou não:


segunda-feira, fevereiro 01, 2010

Melhores albergues do mundo

Costuma viajar? Acampar? Ficar em hostel (albergue)?
No HostelWorld.com saiu o Oscar 2009 dos albergues: Hoscar.
A matéria do site (http://www.hostelworld.com/travel-features/124/best-hostels-of-2009/) ainda lista os melhores do mundo, por continente e categoria, que segue abaixo:

The winners of the coveted Hoscars were:

1. Traveller's House, Lisbon, Portugal
2. Rossio Hostel, Lisbon, Portugal
3. Living Lounge Hostel, Lisbon, Portugal
4. Academy Hostel, Florence, Italy
5. Carpe Noctem, Budapest, Hungary
6. The Riverhouse Backpackers, Cardiff, Wales
7. Lisbon Lounge Hostel, Lisbon, Portugal
8. Greg & Tom Hostel, Krakow, Poland
9. The Naughty Squirrel Backpackers Hostel, Riga, Latvia
10. Lisboa Central Hostel, Lisbon, Portugal

Top Hostels by Continent:

North America
1. ACBB Hostel Niagara, Niagra Falls, Canada
2. USA Hostels San Diego, USA
3. Clarence Castle, Toronto, Canada

Latin America
1. Hostel Lao, Mendoza, Argentina
2. America del Sur Hostel Buenos Aires, Argentina
3. Hostel Estoril,Buenos Aires, Argentina

Africa
1. Dahab Dorms, Dahab, Egypt
2. Riad Massine II, Marrakech, Morocco
3. The Backpack & Africa Travel Centre, Cape Town, South Africa

Asia
1. Sitting On The City Walls Courtyard House, Beijing, China
2. Chinese Box Courtyard Hostel, Beijing, China
3. Nagasaki International Hostel AKARI, Nagasaki, Japan

Oceania
1. Jailhouse Accommodation, Christchurch, New Zealand
2. Sydney Central YHA, Sydney, Australia
3. Backpack Oz, Adelaide, Australia

Special Category Awards were also given to the following hostels

1. Cleanest Hostel: Academy Hostel, Florence, Italy
2. Most Secure Hostel: Travellers House, Lisbon, Portugal
3. Most Fun Hostel: Carpe Noctem, Budapest, Hungary
4. Hostel with Best Location: Academy Hostel, Florence, Italy
5. Best Staff: The Riverhouse Backpackers, Cardiff, Wales
6. Hostel with Best Character: Living Lounge Hostel, Lisbon, Portugal
7. Best Small Hostel [Max 50 beds]: Hostel Majdas, Mostar, Bosnia & Herzegovina Rossio Hostel, Lisbon, Portugal Giovanni's Home, Naples, Italy
8. Best Large Hostel [Min 500 beds]: H.I. Chicago, Chicago, USA Wake Up! Sydney Central, Sydney, Australia smartcityhostels Edinburgh, Scotland
9. Most Improved Hostel: The South Beach Hostel, Miami, USA

Best Hostel Chain

1. Wombats, Austria and Germany
2. HI USA
3. Astor Hostels


quinta-feira, janeiro 28, 2010

Google Gears e Firefox

Hoje a versão 3.6 do Firefox não tem o suporte do Gears. A versão 3.5.7... também não.
Se há necessidade de utilizar a API você deve:
  • instalar o Google Gears: http://gears.google.com/;
  • reinicie o navegador;
  • se não funcionar ou não aparecer "Configurações do Gears" no menu Ferramentas do navegador (o que não é dificil de acontecer), instale este componente (gears-win32-opt-0.5.25.0.xpi) que faz a configuração entre os dois: http://groups.google.com/group/gears-users/msg/70f164020c0f8f4e;
  • reinicie o navegador (sempre que se instala um componente há necessidade de reiniciar o browser);
  • pronto - assim comigo funcionou (na versão 3.5.7).

Se interessar, o caminho dos dados armazenados offline pelo Gears fica em:

Windows Vista
  • Internet Explorer: C:\Users\\AppData\LocalLow\Google\Google Gears for Internet Explorer
  • Firefox: Database files are stored in the user profile directory. C:\Users\\AppData\Local\Mozilla\Firefox\Profiles\{PROFILE}.default\Google Gears for Firefox
  • Google Chrome: Database files are stored in the user profile directory. C:\Users\\AppData\Local\Google\Chrome\User Data\Default\Plugin Data\Google Gears
Windows XP
  • Internet Explorer: C:\Documents and Settings\\Local Settings\Application Data\Google\Google Gears for Internet Explorer
  • Firefox: Database files are stored in the user profile directory. C:\Documents and Settings\\Local Settings\Application Data\Mozilla\Firefox\Profiles\{PROFILE}.default\Google Gears for Firefox
  • Google Chrome: Database files are stored in the user profile directory. C:\Documents and Settings\\Local Settings\Application Data\Google\Chrome\User Data\Default\Plugin Data\Google Gears
Mac OS X
  • Firefox: Database files are stored in the user profile directory. Users//Library/Caches/Firefox/Profiles/{PROFILE}.default/Google Gears for Firefox
  • Safari: ~/Library/Application Support/Google/Google Gears for Safari

Linux Firefox: Database files are stored in the user home directory. /.mozilla/firefox/{PROFILE}.default/Google Gears for Firefox

Microsoft Windows Mobile Internet Explorer: Database files are stored in the Application Data directory. \Application Data\Google\Google Gears for Internet Explorer


No trabalho, por exemplo, os dados estão em:
C:\Documents and Settings\\Configurações locais\Dados de aplicativos\Mozilla\Firefox\Profiles\.default\Google Gears for Firefox

Abraço!