(Foto: Reprodução)

HTML5 Please é um site que lhe informa isso, tendo a informação estruturada por características, indicando-se em cada uma delas a idoneidade de seu uso ou não na implantação dos sites. Se trata de uma ferramenta colaborativa na qual os desenvolvedores, e os usuários em geral, poderão realizar as contribuições necessárias para que a informação possa ser mais precisa e confiável. As contribuições devem ser feitas a partir de GitHub.

Via: WWWhat’s New

(Foto:Reprodução)

Conheça os dez maiores IPOs de companhias de internet, segundo a Renaissance Capital, que dá consultoria para quem quer entrar para a bolsa de valores:

Google
Foi em 18 de agosto de 2004 e arrecadou US$ 1,67 bilhão.

Yahoo
Em 23 de maio de 2011, com arrecadação de US$ 1,3 bilhão.

Infonet Services (agora parte da BT Group PLC)
Em 15 de dezembro de 1999, com arrecadação de US$ 1,08 bilhão.

Shanda Games 
IPO em 24 de setembro de 2009, com arrecadação de US$ 1,04 bilhão.

Zynga 
Em 15 de dezembro de 2011, com arrecadação de US$ 1 bilhão.

Giant Interactive Group 
IPO em 31 de outubro de 2007, com US$ 887 milhões arrecadados.

Renren 
Em 3 de maio de 2011, com arrecadação de US$ 743 milhões.

Groupon
IPO em 3 de novembro de 2011, com US$ 700 milhões arrecadados.

Orbitz Worldwide 
Foi em 19 de julho de 2007, com US$ 510 milhões arrecadados.

barnesandnoble.com (agora parte da Barnes & Noble)
IPO em 24 de maio de 1999, com arrecadação de US$ 450 milhões.

Via: G1

As plantas artificiais já são uma realidade em diversos lares brasileiros e em todo o mundo. Mas, o que você diria sobre uma janela artificial? É isso mesmo. Um projeto conceitual feito pelos designers Jianxing Cai, Chao Chen, Qi Wang e Jiang Wu cria uma espécie de estufa dentro da sua casa, transformando uma janela não só em objeto decorativo como também em um ótimo lugar para guardar suas plantas.

Conceito cria jardim em uma janela, com uma paisagem de plantas (Foto: Reprodução)

A ideia é simples: muitas vezes, as janelas não têm vistas interessantes e acabam sendo, de certa forma, inúteis para os moradores de uma determinada casa ou apartamento. Com a Plant Window, não. Ao invés daquele retângulo tradicional, com uma cortina e sua visão rotineira da rua, você terá na sua frente uma bela paisagem, com plantas e uma cortina natural, que filtrará os raios solares e deixará sua casa sempre com um clima agradável.

Via: TechTudo

O CSS Box model   é essencialmente uma caixa que envolve elementos HTML, e consiste em: margins, borders, padding, e o conteúdo real.

O box model nos permite colocar uma borda em torno de elementos e “espaços” em relação a outros elementos.

A imagem abaixo ilustra o box model:

Explicação das diferentes partes:

• Margin - Limpa uma área em torno da fronteira. A margem não tem uma cor de fundo, é completamente transparente
• Border - A fronteira que vai em torno do preenchimento e conteúdo. A fronteira é afetado pela cor de fundo da caixa
• Padding - Limpa uma área em torno do conteúdo. O preenchimento é afetado pela cor de fundo da caixa
• Conteúdo - O conteúdo da caixa, onde o texto e as imagens aparecem

A fim de definir a largura e altura de um elemento corretamente em todos os navegadores, você precisa saber como funciona o box model.

Largura e altura de um elemento

Importante: Quando você definir a largura e altura de um elemento com CSS, você apenas define a largura e a altura da área de conteúdo. Para calcular o tamanho total de um elemento, você também deve adicionar o padding, border e margin.

A largura total do elemento no exemplo abaixo é 300px:

width:250px;
padding:10px;
border:5px solid gray;
margin:10px;

Vamos fazer as contas:
250px (largura)
+ 20px (padding esquerdo e direito)
+ 10px (margem esquerda e direita)
+ 20px (margem esquerda e direita)
= 300px

A largura total de um elemento deve ser calculado assim:

Width = width + left padding + right padding + left border + right border + left margin + right margin

A altura total de um elemento deve ser calculado assim:

Height = height + top padding + bottom padding + top border + bottom border + top margin + bottom margin

Compatibilidade de Browsers

O exemplo acima não é exibido corretamente em versões do IE8 e anteriores.

IE8 e versões anteriores incluem o preenchimento e borda na largura, se um DOCTYPE não está declarado.

Para corrigir esse problema, basta adicionar um DOCTYPE para a página HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
div.ex
{
width:220px;
padding:10px;
border:5px solid gray;
margin:0px;
}
</style>
</head>

Agora tente você mesmo e boa sorte.

Entre as principais demandas, a Microsoft exige que tablets com seu sistema sejam capazes de reconhecer ao menos cinco toques simultâneos na tela. A exigência garante que mesmo os modelos de entrada com Windows 8 terão capacidade multitoque.

Além disso, a Microsoft exige que o fabricante identifique o lugar onde está posicionado o chip que comanda o serviço NFC. A ideia é assinalar para o usuário a posição do chip, permitindo que os dispositivos sejam posicionados com mais facilidade para estabelecerem uma conexão.

A Microsoft também determinou o número de botões físicos. Serão cinco: mais volume, menos volume, liga/desliga, botão voltar e Windows Key. Esse último botão, inclusive, tem dimensões definidas: deverá ter ao menos 10,5 mm de diâmetro, com formato é livre. A Microsoft prevê ainda uma nova combinação para o CTRL + ALT + DEL: botão liga/desliga + Windows Key.

Os requerimentos são válidos para tablets que usem tanto processadores ARM como Intel. Em termos de sistema, a Microsoft exige, tanto para PCs como tablets, ao menos 10 GB de armazenamento livres depois das rotinas de instalação, firmware da BIOS no padrão UEFI, bem como suporte aos gráficos DirectX 10, resolução mínima de 1366 x 768, câmera de 720p e ao menos uma porta USB 2.0.

Via: Techtudo

Microsoft libera lista de requerimentos para Windows 8 (Foto: Divulgação)

Em bisquits.net já começaram a enviar convites de sua rede social, fazendo um pequeno teste de programação antes de liberar o acesso ao aplicativo.

Depois de haver solicitado a conta em sua página principal, chegará um email com uma prova na qual teremos que escrever um pequeno programa (uma função de poucas linhas) na linguagem de programação que elegermos. O resultado e o tempo que demorarmos a resolver será enviado aos administradores do portal para que enviem o convite definitivo.

Uma vez dentro podemos ver um painel desde onde é possível guardar e classificar pedaços de código que possamos usar em nosso dia a dia, sendo possível compartilhá-lo de forma simples e descobrir tesouros guardados por outros usuários.

Um primeiro passo para ter uma rede moderna de profissionais compartilhando truques.

Via:WWWhat’s New

A forma de guardar os objetos é muito interessante, já que podemos pegar mediante Control + V aqueles conteúdos que tenhamos na caixa de transferência, assim como, podemos ir arrastando os objetos até o interior da página de Hopper.

Por cada elemento compartilhado obteremos um link para compartilhar, e também, contamos com um buscador que nos facilitará a tarefa de buscar os objetos guardados, sobre tudo, quando tivermos um número de objetos consideráveis.

Via: WWWhat’s New

Nos permitirá através de imagens em miniaturas passear por um vídeo sem necessidade de o visualizar, apenas movendo pela barra de progresso com o mouse, com o vídeo em andamento ou pausado.

Que utilidade poderia nos ter isso? Por exemplo, sabe quando queremos ver apenas uma parte de um vídeo? Como localizá-la? Pois então, em vez de se resignar a assistir todo o vídeo ou ir o passando até encontrar a parte a qual lhe interessa, com essa nova função, nos permite dispor de 100 imagens em miniatura (fotogramas) do vídeo apenas movimentando o mouse, o que nos permite encontrar com facilidade a parte que buscamos ou termos uma ideia do que se trata o vídeo e decidir se iremos visualizá-lo ou não.

Ainda não se sabe, porém, quando teremos esta nova função, embora já se tenha visto nos vídeos mais populares. Poderá ver neste link um exemplo do que estamos falando.

Via: WWWhat’s New

Pois então, agora OfficeDrop se atualiza oferecendo mais serviços: nos permite escanear documentos com o mesmo dispositivo móvel e armazená-los na nuvem para que possamos acessá-los de qualquer site e situação, além de poder compartilhá-los nas redes sociais.

O aplicativo converte seus dispositivos móveis Apple e Android em um escâner portátil que te permitirá gerenciar e organizar todo tipo de documentos que queira ter em mãos, já que converte todas as imagens e textos que guardar em um PDF que poderá guardar ou compartilhar via Dropbox, Google Docs ou outros serviços como Facebook, Twitter, LinkedIn, Delicious ou Tumblr, já que OfficeDrop é compatível ou está diretamente integrado com estes serviços.

Veja abaixo um breve vídeo que ilustra as novas funções de OfficeDrop:

Via: WWWhat’s new