Archive

Archive for the ‘Web Design’ Category

Web Hosting Choice – Your web hosting guide

March 7th, 2009 Lounge22 No comments

Have you haver had a hard time finding the best web hosting service for you? I Know I have but fortunately there are some websites like Web Hosting Choice to help out on the way.

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

Categories: Musica, Web Design Tags:

PHP tutorial: Criar uma Tag Cloud

October 1st, 2008 Lounge22 No comments

Uma das formas de navegação introduzidas com o surgimento da Web 2.0 foi a navegação através de Tags.
Uma tag é nada mais nada menos que uma keyword que define algo. Se escrevo num site de informática sobre um processador, esse artigo pode ser marcado com uma keyword processadores, desta forma a pesquisa por artigos relacionados com processadores é simplificada.

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.

Categories: Tutoriais, Web Design Tags: ,

Mootools scripts para formulários

October 1st, 2008 Lounge22 No comments

Mootools é uma framework em Javascript bastente leve e bastante útil. Pode simplificar trabalho, melhorar apresentação, e até mesmo melhorar a performance da user-experience num site.
Aqui ficam 10 Mootools Scripts que fazem exactamente isso:

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/

jQuery plugin – Spacegallery

July 25th, 2008 Lounge22 No comments

Fiquei fascinado com isto: http://eyecon.ro/spacegallery/.

É tempo de largar o IE6

July 5th, 2008 Lounge22 1 comment

Continuam cépticos? A 37 Signals já avisou…

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

Categories: Web Design Tags: