Archive for 'Design'

Iniciando com jQuery

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 more

Crie um Menu com CSS Online

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.

Resize no Flash

Para novos desenvolvedores em flash, manter seu site disponível independentemente da resolução utilizada pode ser complexo, é pra suprir esta necessidade que o FitFlash foi desenvolvido. Ele faz o resize automático da página, onde você define uma resolução mínima, caso a resolução utilizada pelo usuário seja menor que o definido por você, ele gera então as barras de rolagem.

Instalação

Basta incluir o arquivo JavaScript na página :

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

Após, adicionar o .swf da seguinte forma na página:

<script type="text/javascript">
  FitFlash ("ID do flash", largura mínima, altura mínima);
</script>

Deste modo, seu website ocupará 100% do navegador independentemente da resolução.

» Realizar download da versão mais atual.