Todos os profissionais da área sabem as resoluções de tela padrão hoje em dia, mas essa ferramenta vai além, ela sobrepõe o layout do site com as resoluções / áreas de tela mais usadas pela pessoas que usam o Google, ou seja, é um ótimo parametro visto que aqui no Brasil o Google é usado em massa.

Essa porcentagem representa a visibilidade do conteúdo em relação as telas dos internautas (já descontando barra de titulo, url, rolagem, etc), por exemplo se a visibilidade for 80% significa que 20% dos internautas não veriam aquele conteúdo num primeiro momento e teriam que usar rolagem do navegador para visualizá-lo.

Fica a dica, se você quer melhorar a visibilidade de alguma área essencial do seu site, use o Google Browser Size.

Esta funcionalidade vai abrir um novo panorama tanto para o desenvolvedor web quanto em acessibilidade para o usuário, eu particularmente estou ansioso para testar o multitouch em algum projeto, mas por ora devo me contentar com testes visto que isto ainda está por vir no futuro e como todos sabem o ser humano tem aversão a atualizar o navegador, assim espero dentro de alguns “anos” poder usar comercialmente esse recurso.

Multitouch on Firefox from Felipe on Vimeo.

Assista o video e confira o futuro na navegação.
De quebra fica o link com os códigos usados nos demos para quem quiser se aventurar.

Está disponivel tanto para Mac quando PC e pode ser jogado tanto em tela pequena quando em fullscreen com uma qualidade muito boa, principalmente tendo em vista que o jogo não está instalado no computador.

O único inconveniente, para Mac pelo menos, é que vc tem que baixar uma extensão para o Safari e copia-la para o hd, no mais é fazer o cadastro e jogar.
Quanto mais rápida sua conexão mais rápido o jogo se inicia.

Por enquanto o cadastro no site é gratuito, pois o jogo ainda está em fase beta. Corra e aproveite pois pode ser que amanhã já estejam cobrando para se cadastrar.

Site do Quake Live

Afinal o que é, e como pode ser caracterizada a injeção de código:

Uso de um serviço disponível em um sistema para executar comandos e ações não previstas pelo desenvolvedor, p.ex. Comando arbitrários, cópia de arquivos, acesso a diretórios e arquivos.

A pessoa mal intencionada deve contar com uma série de fatores para ser bem sucessida na inclusão do código (malicioso ou não) em seu site, entre elas deve: conhecer o tipo de serviço fornecido, a(s) linguagen(s) de programação utilizada(s), criatividade e sorte.

Quais os tipos?

Existem várias formas, abaixo as mais comuns:

• Injeção de HTML e JavaScript
• Injeção de SQL
• Injeção de PHP
• Injeção de HTTP
• Injeção de e-mail(SMTP)
• Injeção de inclusão de arquivos
• Injeção de Shell

Como ocorre a injeção?

Vou exemplificar abaixo 2 formas mais comuns e simples.

1. Campos de formulário (Injeção de HTML, Javascript, Php)
Suponha que no seu site tenho um campo de pesquisa que aguarda o envio de uma string para realizar a busca e o “usuário” ao invés de inserir uma string qualquer para busca insere um código que pode ser interpretado pelo programa/linguagem de programação.

Quando o programa recebe a string injetada e vai executar os comandos de pesquisa, na verdade estará executando o código injetado “sem saber”.

2. Links de entrada (Injeção de Php)
Por exemplo seu site usa a seguinte estrutura de links:
www.seusite.com.br/index.php?pagina=sobre, neste caso a variavel sobre será lida pelo seu código para ser incluida no site, este tipo de estrutura é muito usado na montagem de templates em php, o valor da variavel página é o nome do arquivo a ser incluido.

Como prevenir estes ataques?

• Não confie no usuário;
• Sempre filtre o que for passado como entrada para o seu programa antes de utiliza-lo.
• Não permita a inclusão de caracteres especiais e tags;
• Usar codificação de entrada e saída;
• Utilizar escape de caracteres perigosos;
• Não mostrar o conteúdo do banco de dados ao ser gerado um erro;
• Não utilizar scripts de validação somente no lado do cliente;

Solução para os dois exemplos apresentados:

1º No primeiro caso você deve usar o escape de caracteres perigosos, e uma expressão regular para validar os dados de entrada, neste caso o código usado irá depender de como seu código usará a string recebida, sugiro ver os links no final do post.

2º Aqui você pode trabalhar com a técnica de White List e gerar uma lista das páginas que podem ser acessadas, exemplo:

$paginasperm = array (

 inicio => 'inicio',

 sobre => 'sobre',        

 contato => 'contato'    

 );

$pagina=$_GET['pagina'];

 if (empty ($pagina)) {

 $pagina='inicio';

 include_once "$pagina".".php";    

 } else {

 if (array_key_exists($pagina, $paginasperm)) {

 include_once "$pagina".".php";                

 } else {

 echo '<h1>404 - Não Encontrado</h1>

 <p>A URL requisitada não foi encontrada neste servidor.</p>

 <hr>';

 }

 }

Se quiser saber mais sugiro a leitura dos links abaixo:
Vulnerabilidades em Aplicações Web
http://www.owasp.org/index.php/Main_Page
http://pt2.php.net/strip_tags
http://pt2.php.net/htmlentities
http://pt2.php.net/mysql_real_escape_string
http://deathseeker25.wordpress.com/2006/12/28/sql-injection-breve-explicacao/
http://en.wikipedia.org/wiki/SHA_hash_functions
http://en.wikipedia.org/wiki/Advanced_Encryption_Standard
http://forum.imasters.uol.com.br/lofiversion/index.php/t276729.html

BlogBlogs.Com.Br

Esses dias atras passei por uma situação no mínimo diferente. Estava finalizando o layout de um site e como de praxe testei ele em diversos navegadores (Internet Explorer 6, 7 e 8, Firefox, Opera e Safari) e o site estava funcionando perfeitamente em todos.

A minha surpresa foi quando poucos dias depois tive que alterar parte do código que o cliente pediu e fui testar no Internet Explorer 8 e o layout ficou todo quebrado, levei um susto. Pesquisando descobri que a Microsoft tinha implementado uma atualização no IE8 e que ele realmente estava quebrando diversos layouts, a solução que encontrei foi incluir uma meta tag proprietária da Microsoft para informar o navegador para renderizar a página pela engine do Internet Explorer 7.

Ao lado do botão de atualizar, botão do modo de (in)compatibilidade

Na verdade o que essa tag faz é habilitar automaticamente um novo recurso do IE8 chamado “modo de compatibilidade”.

Não estou entendo até agora o porque desta “ferramenta” nova, porque o IE8 como nova versão deveria seguir mais os WebStandarts ao invés de criar módulos de compatibilidade, ainda mais em um site que sei que está seguindo rigorosamente os padrões…

Enfim fica a dica da tag que usei, é só inseri-la após o <head> da página e pronto o site volta a abrir normalmente (como no IE7) não é a melhor solução, pois deveria abrir normalmente sem essa tag, mas se não há outro jeito, vamos usá-la.

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

Todos os navegadores concorrentes aceitam tags padrão salvo rara exceção, se o Ie 6 fosse descontinuado a Microsoft faria um favor aos desenvolvedores e ao mundo, porém apesar dela ser poderosa não faz isso, logo cabe a nós usuários avançados/desenvolvedores a encorajar os demais usuários a abandonarem essa versão que tanto nos traz dores de cabeça, vamos ajudar a matar o Internet Explorer 6.

Exemplo de como aparece a mensagem de atualização

O site IE6update disponibiliza um código javascript que imita as mensagens de aviso deste navegador, avisando o que o usuário deve atualizar para uma versão mais recente e fornece um link para a versão mais atual do Internet Explorer.

Apesar do site ser internacional eles disponibilizam um FAQ mostrando como alterar o idioma da mensagem exibida segue abaixo.

Para sites

Baixe o código javascript

Para alterar o idioma, basta alterar o trecho em negrito:

var IE6UPDATE_OPTIONS = {
  icons_path: "http://static.ie6update.com/hosted/ie6update/images/",
  message: "Coloque aqui a mensagem no idioma preferido..."
}

Para blogs WordPress

Instale este plugin, é super fácil: WP-IE6Update WordPress plugin ou este Shockingly Big ie6 Warning

A minha primeira reação foi pensar, puxa como eles são burros!!!

Mas num segundo momento fui levado a uma retrospectiva de alguns anos, no inicio da internet em meados de 96 me lembro que o uso do computador era tido como algo especial, logo até falavam “filho, vai aprender informatica que o seu futuro está garantido”, e de fato quem estudou informatica naquela época hoje deve gozar de certo status por ter acompanhado todo a evolução tecnologica.

Mas o ponto é que em 1996 por exemplo, quando você usava um programa (mesmo a nível de usuário básico, nem precisava ser nerd ou geek) você sabia o nome do programa, o que ele fazia, e tinha uma noção geral das aplicações dele, hoje em dia, com a internet 2.0 e “programas” + inteligentes muitas pessoas entraram no automatico e não mais se perguntam se é correto, não analisam se aquele programa é o melhor, etc com isso deixam de evoluir, e acabam até esquecendo o que é um navegador!

Pera lá, como assim esquecer o que é um navegador? Isso mesmo, ela é burra? Acredito que não, mas sim vitima da popularização de serviços como o Google (não estou dizendo que sou contra ele, pelo contrário, I like!) mas as pessoas acabam confundindo o googling com navegar por exemplo.

E quando confundimos a porta com o que tem atrás dela é que vem o perigo, você perde a noção do que é um e o que é outro e logo deixa de ter autonomia para escolher outras portas que podem te levar ao mesmo lugar ou até a lugares melhores.

Você não precisa saber construir uma porta, mas deve saber diferenciar entre uma e outra.

Minha conclusão é:
“Pense se você não está virando um robo dependente de determinada tecnologia, sempre existem alternativas desde que você saiba o que você usa hoje para poder escolher algo melhor, não fique parado no tempo, aja como em 1996…..”

Falando em internet, pense sobre a morte do Internet Explorer 6.

E este outro também: