Postagens

Mostrando postagens de maio, 2011

Tutorial - HTML5: Introdução

Imagem
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

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

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

Apostila HTML5

Google apresenta o Android Home

Imagem
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

Imagem
Quer ter um @ webdre na sua estante, mesa, comoda. É só, acessar, imprimir, recortar e colar. =] http://goo.gl/viPEJ