Pular para o conteúdo principal

Postagens

Mostrando postagens de Maio, 2011

Tutorial - HTML5: Introdução

Novos elementos

Vários novos elementos foram introduzidos no HTML5, todos com a finalidade de facilitar a compreensão e a manutenção do código. Alguns são uma evolução natural do elemento <div> com foco na semântica; outros surgiram da necessidade de padronizar a maneira de se publicar conteúdo, como acontece hoje com as imagens. Os principais elementos dessa nova versão são:





Elementos de estrutura

<header> - cabeçalho da página ou de uma seção (não confundir com a tag <head>);

<section> - cada seção do conteúdo;

<article> - um item do conteúdo dentro da página ou da seção;

<footer> - o rodapé da página ou de uma seção;

<nav> - o conjunto de links que formam a navegação, seja o menu principal do site ou links relacionados ao conteúdo da página;

<aside> - conteúdo relacionado ao artigo (como arquivos e posts relacionados em um blog, por exemplo).









Elementos de conteúdo

<figure> - usado para associar uma legenda a uma imagem, vídeo, arquivo de …

Tutorial - Script: Caixas de Diálogo

Um script é aberto com a tag <script> e fechado com </script>



<script>

alert ("Alert é uma caixa de diálogo!");

</script>



Texto que for digitado dentro do alert será exibido como mensagem na tela do usuário, utilizamos '\n' para fazer a quebra de linha na mensagem e o '+' para concatenar os textos e variáveis. Ver Exemplo





------------------ // ------------------



<script>

var nome;

nome = prompt ("Digite seu nome?");

alert ("Seu nome é "+nome);

</script>



Neste caso declaramos uma variável, aqui com o nome de 'nome', usamos uma variável porque a função prompt vai colocar o valor que você digitar nela, e depois a função alert vai exibir o que foi digitado no prompt. Ver Exemplo





------------------ // ------------------



<script>

var decisao;

decisao = confirm("Clique em um botão!");

if (decisao){

alert ("Você clicou no botão OK,\n"+"porque foi retornado o valor: "+decisao);

}else{

ale…

Tutorial - CSS: background

 background-color:

   código hexadecimal: #FFFFFF

   código rgb: rgb(255,235,0)

   nome da cor: red, blue, green...etc

   transparente: transparent

background-image:

   URL: url(caminho/imagem.gif)

background-repeat:

   não repete: no-repeat

   repete vertical e horizontal: repeat

   repete vertical: repeat-y

   repete horizontal: repeat-x

background-attachment:

   imagem fixa na tela: fixed

   imagem "rola" com a tela: scroll

background-position:

   x-pos y-pos

   x-% y-%

   top left

   top center

   top right

   center left

   center center

   center right

   bottom left

   bottom center

   bottom right

Google apresenta o Android Home

Durante o primeiro dia do Google I/O, foi apresentada a possibilidade de encontrar pequenos robôs verdes não apenas nos smartphones e tablets que vemos borbulhando por aí, mas também ligando e desligando luzes da sua sala ou controlando a máquina de lavar louças. Mas esta idéia vai além de simplesmente controlar a casa em um painel sensível ao toque, já que o Google apresentou idéias de que o sistema Android vai ligar as luzes de sua casa baseado em algum evento específico que está marcado em sua agenda, como o começo e fim de uma festa. Além disso foi apresentado um sistema que entende uma capa de CD e adiciona as músicas dele em sua biblioteca de músicas particular automaticamente. Tudo isso é controlado e interligado por aparelhos com Android, como os mais modernos Galaxy S II e o Atrix. Infelizmente não há qualquer idéia de quando poderemos ver Androids comandando a casa, mas eu espero que isso ocorra em um futuro muito próximo.

Papercraft Webdre

Quer ter um @ na sua estante, mesa, comoda. É só, acessar, imprimir, recortar e colar. =]