Iniciando com jQuery

maio 31, 2008 //
4

Não vi uma melhor maneira de descrevê-lo a não ser como no site oficial:

[...] Biblioteca JavaScript que simplifica o modo como você percorre documentos HTML, manipula eventos, executa animações, e adiciona interações com Ajax às suas páginas. jQuery destina-se a mudar a maneira que você escreve JavaScript.

Olá Mundo com jQuery

Para começarmos a trabalhar com jQuery, será necessário baixar a biblioteca primeiro, faça o download do arquivo. Agora crie uma página HTML vazia e adicione o seguinte:

<html>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<head>
<script type="text/javascript" src="jquery.js">
</script>
<script type="text/javascript">
$(document).ready(function() {
  $("a").click(function() {
    alert("Olá Mundo!");
  });
});
</script>
</head>
<body>
<a href="#">Clique para ver a Mensagem</a>
</body>
</html>

Foi adicionado o arquivo jquery.js em nossa página e solicitado que, todo elemento a, ao ser clicado, gerasse o alerta “Olá Mundo!”, assim não é necessário ficar especificando onclick=” ” elemento por elemento. Read the rest of this entry »

RMVB no Linux

maio 30, 2008 //
0

Para assistir seus vídeos neste formato, simplesmente instale o Real Player para Linux.

Se não souber instalar, execute (isso se você já estiver na pasta onde o arquivo foi salvo, se o diretório for outro, basta adicionar o novo caminho):

./RealPlayer11GOLD.bin

Agora é só assistir seus vídeos em .rmvb.

Referências – blog GNUTOPIA

Padrões Web

maio 29, 2008 //
0

Segue um excelente slide desenvolvido pelo Diego Eis, demonstrando as vantagens de se trabalhar de acordo com os padrões web, seja para o diretor, gerente ou desenvolvedor.

Mensagens Instantâneas com Ajax

abril 20, 2008 //
0

Ajax im não é simplesmente um utilitário de chat, e sim um mensageiro instântaneo online, onde você pode adicionar seus amigos, criar contas, criar salas para chat e até mesmo enviar emotions.

Ajax im

Instalação

Possui uma instalação extremamente simples, que consiste em:

  1. Enviar os arquivos para seu servidor web;
  2. Configurar as informações de seu banco de dados no arquivo config.php;
  3. Configurar as opções gerais (nome, pasta..) no arquivo config.js;
  4. Acessar o aquivo install.php pelo navegador;
  5. Após concluída a instalação, deletar o arquivo install.php.

» Demonstração
» Download
» Tradução Português (Brasil)

Resolução de Banner Web

abril 16, 2008 //
0

Óbvio que a criatividade sempre fala mais alto, mas como tudo, há padrões para isso também, padrões estes que podem ser verificados nesta tabela:

Padrões de Resoluções para Banners Web

Referências – Designers Toolbox

Scroll com Javascript

abril 8, 2008 //
2

Para quem busca um script para gerar um efeito de scroll diferenciado e totalmente acessível, com certeza a melhor opção é o Easy Scroll.

Com o Easy Scroll você pode gerar uma nevegação via botões… “Para Baixo”, “Para Cima”, “Resetar”. Ao passar com o cursor sobre estes botões, a Div selecionada já realiza a tarefa desejada, ao clicar, ocorre o aumento de velocidade na ação.

Instalação

Entre as tags ‘<head></head>’ insira:

<script type="text/javascript" src="easyscroll/
easyscroll.js"></script>

Agora vamos inserir a Div que desejamos que possua o scroll:

<div id=”nosso_scroll”>
<!– AQUI O CONTEÚDO –>
</div>

Agora, no arquivo ‘easyscroll.js’, vamos editar os seguintes parâmetros:

var id = "nosso_scroll"; // O id usado no HTML
var nav = ["Scroll Up", "Scroll Down", "Reset"];
//Nomes dos botões de navegacão
var navId = ["btnUp", "btnDown", "btnReset"];
// ID's dos botões
var speed = 5; //Velocidade do movimiento do scroll.
//(1 = lento, 10 = rápido).
var height = 200; //Tamanho do elemento visivel, isto é,
//quantidade de texto vísivel sem scroll.

» Demonstração
» Download do Script

O que é e como aplicar CSS

março 23, 2008 //
0

CSS significa Cascading Style Sheets, o que traduzindo para o português ficaria algo como folhas de estilo em cascata.

Sua finalidade é estilizar e formatar páginas web,sendo de grande importância para que os web standards sejam obedecidos, mesmo que parcialmente.

Aplicação

<html>
<head>
<title>Aplicando CSS</title>
<style type="text/css">
body { margin:0; Background-color: #CCCCCC; }
#quadrado { height:300px; width:400px;
margin: 20px 0 0 40px; border: 3px solid #0066FF; }
.estilo { background-color: #000000; }
</style>
</head>
<body>
<div id="quadrado" class="estilo"></div>
</body>
</html>

Read the rest of this entry »

IBM sobre o Linux

março 22, 2008 //
0

Um belo vídeo criado pela IBM demonstrando as virtudes do Linux e que ele realmente tem muito a crescer ainda.

Mas será que realmente ‘o futuro é aberto‘ ?

Aplicando Z-Index

março 22, 2008 //
0

No desenvolvimento de seu website você gostaria de sobrepor uma imagem, seja para o motivo que for, mas sempre que insere a imagem ela aparece “por baixo” da que deveria ser sobreposta, por quê ?

Devido a uma má ou inexistente configuração do Z-Index, que pode ser solucionado facilmente.

Vamos supor que são apenas duas images, a imagem 1 deve ficar em baixo e, obviamente, a imagem 2 deve ficar em cima.

Adiciona-se ao CSS:

<style type="text/css">
#imagem_1 {
margin:0;
z-index: 1;
}

#imagem_2 {
margin: 20px 0 0 20px;
z-index: 2;
}
</style>

Pronto, suas imagens estarão sobrepostas corretamente agora, como pode notar, o maior valor é o que ficará no topo.

Não sabe nada de CSS ?

Então acesse este artigo.

Crie um Menu com CSS Online

março 20, 2008 //
0

Izzymenu

Se você gosta de menus em CSS no maior estilo web 2.0, mas não tem tempo ou paciência para se dedicar ao estudo de CSS, com certeza você vai gostar muito do izzyMenu.

Com ele, você pode criar belos menus sem carecer de conhecimento sobre CSS. É só selecionar opções como imagem de fundo, fonte, espaçamentos, borda… e está pronto.

« Posts Anteriores
Posts Recentes »