Web Hosting Choice allows you to compare multiple hosting services to help you find the most suitable web hosting for your projects.
The web hosting sites are rated according to reliability, uptime, tech support and of course how much they cost.

The advanced search feature is very nice, allows you to select allot of features that you wish your web hosting to include such as montly cost, payment options, dedicated IP, ASP Servers, what kind of database system you want (MySQL, MS Access, etc), number of allowed subdomains, etc…

In their Host Directory you can find several categories either if you want adult hosting, ASP Hosting, Blog Hosting, cheap web hosting, dedicated hosting, windows hosting, and a bunch more. Along side the categories you can find recommendations according to the host ratings within each category.

One of Web Hosting Choice is a free research guide to help users choose the right web host for their personal or business website. Our focus is on providing a simple, easy to follow site to help users choose the best web hosting plan most suitable for a small site or for a large e-commerce website.
The web hosting sites, which were rated highest in the industry, are listed below and are rated based on affordability, reliability, uptime and tech support.

Web Hosting Choice also has a resources page where you can find links to useful websites within the same niche. Maybe my SEO Website will be there someday

Although this post is a paid review I have visited and carefully navigated through Web Hosting Choice and I find it to be a good service.

Link: Web Hosting Choice

Criar uma tag cloud não é um processo complexo. Básicamente precisas de ter uma fonte onde vais buscar as tags, normalmente é um vector onde são definidas e depois armazenadas em base de dados e a partir daí trabalhas o código. Vamos então começar.

< ?php
// cria a ligação á base de dados
$query = "SELECT coluna_da_bd AS tag, COUNT(id) AS quantity
FROM tabela
GROUP BY coluna_da_bd
ORDER BY coluna_da_bd ASC";
$result = mysql_query($query);


No código em cima vamos seleccionar qual é a coluna da base de dados que vamos usar para definir as tags.

while ($row = mysql_fetch_array($result)) {
$tags[$row['tag']] = $row['quantity'];
}


$tags[$row['tag']] – vector $tag recebe as keywords da base de dados.
$row['quantity'] – devolve a quantidade de vezes que a keyword existe.

Exemplo

$tag[processadores] = 2; – A palavra processadores existe 2x na pesquisa efectuada.
A quantidade de vezes que a palavra existe é útil para definir o tamanho da tag.


$max_size = 300;
$min_size = 100;


Aqui defines o tamanho mínimo e máximo das fontes. Para que funcione bem com qualquer estilo definido no CSS prefiro interpretar os valores em percentagem (%) em vez de pixels ou qualquer outra medida.

$max_qty = max(array_values($tags));
$min_qty = min(array_values($tags));


Agora é preciso definir quais as keywords com os valores máximos e mínimos do vector $tags e saber qual é o alcance desses valores de forma a podermos calcular o tamanho da fonte.

$spread = $max_qty - $min_qty;
if (0 == $spread) {
$spread = 1;
}

Uma vez feito isso vamos agora determinar o tamanho da fonte.

$step = ($max_size - $min_size)/($spread);
foreach ($tags as $key => $value) {
// Vamos encontrar o $value superior a $min_qty
// multiplicamos esse valor pelo tamanho da fonte ($size)
// E adicionamos o $min_size definido anteriormente
$size = $min_size + (($value - $min_qty) * $step);
// Colocamos o valor em forma de poder ser calculado em percentagem (%)
$size = ceil($size);

// Adicionar link ás tags
echo '<a href="#" style="font-size: '.$size.'%"';
// ajustar o tooltip gerado pelo atributo title do link
echo ' title="'.$value.' ( '.$key.' )"';
echo '>'.$key.' ';
}
?>


E pronto se tudo correu bem deverás ter uma tag cloud. Para limitar os resultados mostrados na tagcloud basta definires o limite quando fazes a consulta á base de dados:

$query = "SELECT coluna_da_bd AS tag, COUNT(id) AS quantity LIMIT 25
Desta forma a tua tagcloud mostra 25 tags.

Formulários Ajax Web 2.0 Style

Download: Web 2.0 Forms

Demo: http://www.stoutlabs.com/demos/formMagic_1.htm

Aumentar caixas de texto

Source: http://ejectmedia.net/examples/moo_textareas/

Formulários de Login

Download: http://joeabiraad.com/ajax/ajax-login-form-php-javascript/89
Demo: http://joeabiraad.com/demos/ajax2/

Calendários

Source: http://www.electricprism.com/aeron/calendar/

Validação de formulários

Source: http://www.phatfusion.net/validate/

Personalização de elementos de formulários

Source: http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/

Selecção múltipla

Source: http://www.wollzelle.com/os/multiple-select-widget/

iMask

Source: http://zendold.lojcomm.com.br/imask/

Auto Completion

Source: http://devthought.com/textboxlist-meets-autocompletion/

On August 15th, 2008 we will begin phasing out support for Internet Explorer 6 across all 37signals products. In order to continue using the products without any hiccups, Internet Explorer 6 users should upgrade to a newer browser.

Visto que já existem versões do Internet Explorer 8 e que o Internet Explorer 6 remota a 2001. Porque é que algumas pessoas teimam em não actualizar?

Save the Developers

Grey Wyvern criou um teclado virtual em JavaScript bastante interessante.

Instalação

A sua instalação é relativamente simples:

1. Faz download do código (Copy/Paste) para um ficheiro e chama esse ficheiro keyboard.js
2. Copia o código CSS e guarda-o num ficheiro que poderá ser keyboard.css
3. Coloca esses ficheiros online
4. Insere o seguinte código dentro da HEAD da página onde queres que apareça o teclado:

   <script type="text/javascript" src="keyboard.js" charset="UTF-8"></script>
<link rel="stylesheet" type="text/css" href="keyboard.css">


   Nota: Este código assume que os ficheiros estão na mesma directoria que a página.

5. Para definir qual o campo de input onde o teclado deverá actuar basta atribuir a class keywboard:

   <input type="text" value="" class="keyboardInput">

» Javascript Graphical / Virtual Keyboard Interface

Pelo que vi no site, trailer e imagens o jogo está excelente e tal como o Armando diz, tem capacidade para chamar a atenção de alguém que não liga muito a jogos.

URL: http://webtecker.com/2008/03/26/collection-of-password-strength-scripts/

Aproveitei para acrescentar um verificador simples ao ficheiro do meu tutorial de como criar um gerador de passwords com javascript.

Podem ver um exemplo em funcionamento aqui.

Há uns tempos atrás dei de caras com uma library em javascript que torna o IE mais de acordo com os standards nomeadamente no que se trata des CSS e transparência em imagens PNG.

Site do Script: http://dean.edwards.name/IE7/

Como instalar

Basta colocarem o seguinte código dentro das tags <HEAD></HEAD>

<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
<![endif]-->

Podem fazer download do ficheiro JavaScript aqui: http://code.google.com/p/ie7-js/downloads/list.

O ficheiro ZIP trás diversos ficheiros:

• ie7-core.js – É um modulo fundamental. Contem um motor que permite que CSS funcione correctamente.
• ie7-html4.js – Arranja tags HTML incorrectas.
• ie7-layout.js – Permite o suporte do box-model do W3C e permite o suporte das propriedades CSS min-width, max-width e min-height.
• ie7-css2-selectors.js – Permite usar selectores do CSS2.
• ie7-graphics.js – Permite que o browser suporte transparencia PNG.
• ie7-fixed.js – Permite o uso da propriedade Fixed no posicionamento de imagens.
• ie7-standard-p.js – Um compacto de todos os scripts em cima, desta forma basta chamar apenas 1 script.
• ie7-css3-selectors.js – Permite o suporte de selectores CSS3.
• ie7-css-strict.js – Todos os selectores CSS são convertidos em classes do IE7.
• ie7-overflow.js – Permite o uso de overflow:visible.
• ie7-recalc.js – Permite o uso de document.recalc().
• ie7-dynamic-attributes.js- Permite o suporte de selectores com atributos dinâmicos.
• ie7-squish.js – Bug fixes.

Mais informações sobre os ficheiros em:
http://dean.edwards.name/IE7/usage/configure.html

Para que o script saiba quais os ficheiros em que deve actuar devem incluir -trans.png no nome das imagens.

Este script usa a propriedade filter que impede, no IE6, que se consiga posicionar ou repetir uma imagem de fundo PNG, a solução pode passar por criar um div que permite a inclusão da imagem como fundo.

Podem ler mais sobre este script em:
http://trevordavis.net/blog/tutorial/the-ultimate-png-guide/

Site Oficial: IE7-JS