Inaugurando a seção, aí vai alguns:

• Cats Who Code – 10 front-end techniques to improve your site usability: Apanhado de artigos sobre técnicas de usabilidade utilizando jQuery, CSS e outras ferramentas.
• Hungred.com – Determine Whether JavaScript Is Enabled/Disabled Via PHP: Uma outra técnica baseada em cookies para verificar se o Javascript está desativado. Um exemplo de uso é modificar um trecho do site para não usar Ajax ou validação client side caso esteja desativado ou redirecionar para outra página.
• Nettuts+ – HTTP Headers for Dummies: Normalmente nos treinamentos que dou uma das primeiras aulas é sobre os headers HTTP. Quem não compreende o funcionamento disso acaba ficando devendo na produção PHP.
• Twitter @usejquery – Top 3 jQuery Tips for Beginners: Parece bobagem, mas as vezes a gente esquece dos detalhes.
• Twitter @usejquery – Fixed Position Table Headers (jQuery Plugin): Totalmente excelente para tabelas muito grandes

Depois de instalado na sidebar do Windows, você pode adicionar suas tarefas como uma ToDo List normal e assim que começar na determinada tarefa um cronômetro é acionado para a tal. Nas pausas e trocas de projeto você pode parar o cronômetro e continuar quando quiser. Dessa forma o tempo gasto com cada projeto é calculado com precisão e com a facilidade de um gadget.

Tela Activity Tracker em exibição minimizada: Mostra o tempo total e o botão de acionar e parar a tarefa

Tela Activity Tracker em exibição maximizada: mostra informações de inicio e término das tarefas e dá acesso aos logs de trabalho

Download do Activity Tracker – Clique Aqui

Este link aponta para download no site do projeto. Caso encontre algum link externo quebrado deixe sua resposta que corrijo assim que encontrar o problema.

A tag DIV significa divisão de texto, uma seção de texto ou conteúdo. Ela (sempre) deve ser usada para a montagem geral do layout do seu site. Neste caso não deve-se utilizar tabelas – pelo amor de deus – como se usava antigamente.
Apesar da abolição da tag TABLE para a montagem geral dos sites (tableless), esta tag ainda existe e deve ser usado para dados tabulados, dados que normalmente se apresentariam em forma de tabela mesmo. Ela apresenta uma vantagem semântica e de implementação, inclusive, quando empregada no uso correto.
No meu caso, como se tratavam de listagem de ítens, poderia usar a tag UL em caso de amostragem do nome do ítem ou com TABLE quando é apresentado de forma de uma tabela.

Uma boa tabela deve ter:

1. Sumário: O atributo summary especifíca um resumo do conteúdo da tabela
2. Caption quando necessário: A tag caption pode ser usada quando deseja imprimir o título da tabela
3. thead, tfoot e tbody quando necessário: A tag thead engloba as linhas pertencem ao cabeçalho, tbody ao corpo e tfoot ao rodapé. o não uso fará que todas as linhas sejam do corpo da tabela
4. Uso correto de th e td: td define uma célula comum e th uma célula de título, normalmente usada no cabeçalho da tabela

Exemplo de uso destas recomendações:

<table summary="Lista de compras">
  <caption>Compras</caption>
  <thead>
    <tr>
      <th>Quantidade</th>
      <th>Unidade</th>
      <th>Produto</th>
      <th>Preço</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>5</td>
      <td>Und</td>
      <td>Peras</td>
      <td>0,00</td>
    </tr>
    <tr>
      <td>5</td>
      <td>Kg</td>
      <td>Arroz</td>
      <td>0,00</td>
    </tr>
    <tr>
      <td>7</td>
      <td>Fls</td>
      <td>Alface</td>
      <td>0,00</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <th colspan="3">Total:</th>
      <td>0,00</td>
    </tr>
</table>

Mão na massa:

Queremos criar um seletor de conteúdo que oculta e mostra as divs conforme a seleção seguindo o html abaixo:

<div id="nav">
  <a href="#conteudo1">Conteúdo 1</a>
  <a href="#conteudo2">Conteúdo 2</a>
  <a href="#conteudo3">Conteúdo 3</a>
</div>
<div id="conteudo1" class="conteudo">Este é conteúdo 1</div>
<div id="conteudo2" class="conteudo">Este é conteúdo 2</div>
<div id="conteudo3" class="conteudo">Este é conteúdo 3</div>

<script type="text/javascript">
  $(document).ready(function(){
    hash = window.location.hash;
    $(".conteudo").not(hash).hide();
    $("#nav a").click(function(){
      $(".conteudo").slideUp("slow");
      conteudo = $(this).attr("href");
      $(conteudo).slideDown();
    });
  });
</script>

Veja a demonstração aqui