Ricardo Freitas http://rtbfreitas.com Front-End/UI Developer & Web Consultant Tue, 13 Dec 2011 18:41:37 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Mais Tráfego: comunidade em espírito genuíno http://rtbfreitas.com/mais-trafego-comunidade-em-espirito-genuino/ http://rtbfreitas.com/mais-trafego-comunidade-em-espirito-genuino/#comments Fri, 07 Jan 2011 23:02:45 +0000 admin http://www.ricardo-freitas.com/?p=149 A internet é um mundo de oportunidades, mas estas têm de ser procuradas, não surgem por obra do simples acaso. Também na área da criação, gestão e manutenção de páginas isso acontece, valendo, por isso, seleccionar bem as fontes consultadas para realizar este tipo de trabalhos ou por mera curiosidade, optando-se de preferência pelos sítios que sejam verdadeiramente úteis.

Continue reading →]]> A internet é um mundo de oportunidades, mas estas têm de ser procuradas, não surgem por obra do simples acaso. Também na área da criação, gestão e manutenção de páginas isso acontece, valendo, por isso, seleccionar bem as fontes consultadas para realizar este tipo de trabalhos ou por mera curiosidade, optando-se de preferência pelos sítios que sejam verdadeiramente úteis.É no contexto supra-descrito que deve ser incluído o Mais Tráfego, uma das mais proeminentes comunidades de webmasters nacionais. As diversas ferramentas que este oferece a quem dele usufrui vão desde as mais elementares às complexas, passando por espaços de debate para retirar as indesejadas dúvidas recorrentes, sempre com o auxílio dos utilizadores dispostos a apoiar o companheiro a resolver um problema.

A aventura que colocou o site no patamar actual começou com a vontade do FPWare, a quem está atribuída a fundação do fórum. Porém, são todos quantos nele participam que levam aos consecutivos progressos com vista a melhor servir os utilizadores, fazendo o devido jus ao slogan, “criamos webmasters”. Desta forma, e respeitando a evolução dos tempos, foram sendo incorporadas novas funcionalidades e aperfeiçoadas as que já possuíam, tornando o site numa paragem obrigatória para todos aqueles que procuram um local ideal para aprender e ensinar, no verdadeiro sentido da palavra comunidade.

As temáticas à disposição englobam inúmeros aspectos, entre os quais tópicos relativos ao desenvolvimento, mercado, negócios, webmarketing e monitorização, categorias maiores que reúnem dezenas de assuntos extremamente pertinentes para quem tem ou pretende ter presença online. Tudo isto sem quaisquer contrapartidas económicas de ordem alguma e acessível pela abertura de uma simples conta de utilizador, cujo início dará acesso, sem quaisquer restrições, a uma comunidade independente e solidária com uma relevância singular no panorama online português do webmastering.

+T em festa, mas as prendas são para si!

O espírito de entreajuda deste fórum de webmasters pode ser confirmado ao visitá-lo e sai reforçado com o novo passatempo comemorativo do sexto aniversário, desenvolvido com o apoio da Hotwords. Além de desafiante, o concurso promovido anuncia prémios bastante aliciantes, distribuídos em duas “categorias” de participação: publicação de um artigo em site ou blog; comentário no texto de promoção da iniciativa ou retweet do mesmo. No primeiro caso tem a oportunidade de ganhar um portátil Asus Eee PC e no segundo fica-se automaticamente habilitado a receber uma das 11 ofertas de alojamento profissional com duração de um ano cada.

6º Aniversário Mais Tráfego

Quem possua um espaço próprio online tem aqui uma oportunidade única de garantir desde já o serviço para os próximos 12 meses ou receber um novo computador. Pode ainda poupar uma anuidade do serviço de alojamento ou dar o impulso inicial às suas ideias, colocando na internet os seus projectos de forma gratuita, uma preciosa ajuda para quem começa a investir neste mundo virtual livre de barreiras.

De que é que está à espera? Habilite-se já a ganhar os prémios oferecidos e inicie a sua presença online, tirando o melhor partido de tudo aquilo que o Mais Tráfego tem para lhe oferecer. Visite o site e comece hoje mesmo os seus próprios investimentos online.Aceita o desafio?

]]> http://rtbfreitas.com/mais-trafego-comunidade-em-espirito-genuino/feed/ 1 Efeito focus em imagens com jQuery http://rtbfreitas.com/efeito-focus-em-imagens-com-jquery/ http://rtbfreitas.com/efeito-focus-em-imagens-com-jquery/#comments Sat, 17 Oct 2009 22:04:29 +0000 admin http://www.rikardofreitas.com/?p=61 Continue reading →]]> Este é um tutorial simples que ensina como criar um efeito focus em imagens recorrendo a jQuery, o resultado final será este, para visualizarem o efeito basta passarem o rato pelas imagens. Vamos então começar o tutorial:

1º passo – Criação do HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Efeito focus em imagens com jQuery</title>
</head>
<body>
<div class="focus">
<img src="imagem1.jpg" title="imagem1" alt="imagem1" />
<img src="imagem2.jpg" title="imagem2" alt="imagem2" />
<img src="imagem3.jpg" title="imagem3" alt="imagem3" />
</div>
</body>
</html>

2º passo – Adicionar biblioteca jQuery ao HTML e criação do código Javascript:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Efeito focus em imagens com jQuery</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="focus.js"></script>
</head>
<body>
<div class="focus">
<img src="imagem1.jpg" title="imagem1" alt="imagem1" />
<img src="imagem2.jpg" title="imagem2" alt="imagem2" />
<img src="imagem3.jpg" title="imagem3" alt="imagem3" />
</div>
</body>
</html>

Como podem ver, adicionamos a biblioteca jQuery bem como o caminho do nosso ficheiro Javascript (focus.js), vamos agora criar o código necessário dentro do ficheiro focus.js:

$(document).ready(function() {
$('.focus').children().hover(function() {
$(this).stop().fadeTo(300,0.5);
}, function() {
$(this).stop().fadeTo(300,1);
});
});

E chegamos ao final, bastante simples certo? Espero que tenham gostado deste pequeno tutorial, irei tentar actualizar mais o blog com artigos como este.

]]> http://rtbfreitas.com/efeito-focus-em-imagens-com-jquery/feed/ 4 CSS hack para Google Chrome e Safari http://rtbfreitas.com/css-hack-para-google-chrome-e-safari/ http://rtbfreitas.com/css-hack-para-google-chrome-e-safari/#comments Fri, 17 Jul 2009 18:49:26 +0000 admin http://www.rikardofreitas.com/?p=24 Continue reading →]]> Aqui fica uma dica simples mas bastante útil na minha opinião para quem faz conversões de layout em template xHTML e CSS. O uso de hacks não é recomendado, deve apenas recorrer a estas apenas em último recurso ou para corrigir um bug do browser. Dito isto, vamos passar à dica, esta hack serve para criar regras CSS específicas para os browsers Google Chrome e Safari, para uma melhor demonstração irei colocar uma demo.

Código HTML

<body>
<h1>CSS para Chrome e Safari</h1>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
</body>

Código CSS

/* Regra CSS para Internet Explorer e Firefox */
body {background-color: #CCC;}
h1 {color: #069;}
p {color: #3C9;}
/* Regra CSS apenas para Safari e Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0){
body {background-color: #FFF;}
h1 {color: #F00;}
p {color: #CF6;}
}

Podem ver o resultado final aqui. Espero que gostem, e não se esqueçam, apenas utilizem hacks em último recurso, qualquer dúvida ou sugestões não hesitem em comentar.

]]> http://rtbfreitas.com/css-hack-para-google-chrome-e-safari/feed/ 7