:: V42

Como fazer um Gadget para Windows 7

admin — Sat, 30 Apr 2011 00:00:58 +0000

Sabe, tá aí uma coisa que nunca pensei antes e que resolvi ver como funciona. Um Gadget. Resolvi Pesquisar.

Para minha surpresa, um Gadget pode ser feito com XML, HTML, CSS e Javascript. Que tal?

Segue abaixo o código para você fazer um Hello World no seu desktop:

Arquivo Gadget.xml



  Hello World
  v42
  1.0
  
	  
	  
  
  2011
  Um Hello World.
  
	
  
  
	
	  
	  full

conteudo.html

Hello World

Para rodar, crie uma pasta chamada “HelloWorld.Gadget” em “C:\Program Files\Windows Sidebar\Gadgets” com estes dois arquivos e está feito. Depois é só adicionar na sua área de trabalho como um Gadget normal.

Download do exemplo.

Vou brincar mais um pouco e depois posto mais coisas aqui! :)

[]‘s

No related posts.

Dança dos Algoritmos de Ordenação!

admin — Wed, 13 Apr 2011 14:06:06 +0000

Agora eu entendi por que bubble sort demora tanto: os números ficam fazendo dancinhas! Bom, é quase isso.

Um grupo de dança Balkânica da Universidade da Romênia chamado “AlgoRythmics” teve uma idéia bem inusitada: misturar danças folclóricas com… algoritmos de ordenação!

Este é o Bubble Sort:

O restante dos vídeos deles podem ser vistos no YouTube.

No related posts.

Javascript: Novidades da versão 1.8.5

admin — Wed, 09 Feb 2011 17:09:17 +0000

Estava lendo sobre as novidades do Javascript que estão pra ser implementadas e achei uma apresentação bem interessante. Segue abaixo:

Bom, vamos começar a rezar! :p

No related posts.

Documentário: A mecânica do jogo

admin — Tue, 28 Dec 2010 21:37:54 +0000

Um documentário feito por alunos da PUC-SP mostra a indústria dos games, que abrange vários aspectos, desde a cultura até a pirataria.

Ele é dividido em 9 partes, mapeadas no vídeo abaixo. Clique em play e depois nos links para navegar.

No related posts.

Ilusão na barra de progressão

admin — Mon, 27 Dec 2010 21:00:46 +0000

Uma pequena ilusão nas barras de progressão fazem com que elas pareçam até 10% mais rápidas.

Bom, agora só falta um mod pra colocar isso no IE. Alguém se habilita? ;D

No related posts.

HTML5: Geolocalização

admin — Tue, 21 Dec 2010 13:10:29 +0000

Estava lendo sobre geolocalização na internet quando vi que o HTML5 tem uma API pronta para isso. O que eu não esperava é que fosse tão prática de implementar. A brincadeira começa neste método:

navigator.geolocation.getCurrentPosition(sucesso, erro);

Em caso de sucesso, as informações são armazenadas em uma interface Position, que é enviada ao primeiro callback (o “sucesso”, no exemplo acima). Se houver falha, a interface error é enviada ao segundo callback (o “erro”).

Não se assuste, é simples! Segue abaixo um exemplo implementado para clarear a coisa! :)

function mostrarLocalizacao(){
	if (navigator.geolocation){
		navigator.geolocation.getCurrentPosition(sucesso, erro);
	} else {
		var div = document.getElementById("div");
		content.innerHTML = "Seu browser não suporta geolocalização! :(";
	}
}

function sucesso(posicao){
	var div = document.getElementById("div");
	div.innerHTML = posicao.coords.latitude + ", " + posicao.coords.longitude;
}

function erro(erro){
	var content = document.getElementById("div");
	var msg;
	switch(erro.code){
		case 1: msg = "permissão negada pelo usuário!"; break;
		case 2: msg = "posição indisponível!"; break;
		case 3: msg = "tempo de requisição ultrapassado!"; break;
	}
	div.innerHTML = "Erro: " + msg;
}

Veja a demo.

A especificação completa da API pode ser vista em http://dev.w3.org/geo/api/spec-source.html

[]‘s

HTML5: Desenho Escalável com Vetores

O Futuro das UIs: Minority Report

admin — Thu, 16 Dec 2010 13:14:40 +0000

Eu estou simplesmente de queixo caído. Há tempos não via uma apresentação tão impressionante.

Bom, lembram das interfaces absurdas do Minority Report? Pois bem, elas existem. É sério.

Este inventor é John Underkoffler, o consultor de tecnologia que desenvolveu as interfaces do Filme Minority Report. Este homem está prestes a mudar o jeito com que interagimos com os computadores.

Bem, estou sem mais palavras. Vejam o vídeo. Tem legendas, é só clicar em “View Subtitles” e selecionar.

Ok, pode piscar agora.

-edit-

Link no youtube (em inglês): http://www.youtube.com/watch?v=b6YTQJVzwlI

No related posts.

CSS: Resolver diferenças entre browsers com CSS Reset

admin — Thu, 02 Dec 2010 15:54:24 +0000

Como todos sabemos, o Internet Explorer alguns navegadores são conhecidos por não respeitarem padrões web. Propriedades novas, renderização diferente, bugs… O problema se agrava mais ainda ao saber que muitos usuários não atualizam seus softwares, fazendo com que o problema ainda enrugue a testa dos desenvolvedores web por anos.

Qual browser está certo? Sejamos diretos: isso não importa para nós. O que devemos nos preocupar é que seu site vai aparecer diferente neles se não configurarmos margens, espaçamentos e tamanhos que são incoerentes neles.

Para isso, usamos uma técnica conhecida por CSS Reset.

Não, infelizmente não é só apertar um botão vermelho, mas também não é nenhum monstro.

Segue abaixo os dois jeitos mais relevantes de fazer!

Modo 1: O Hard-Reset

Resetamos margin e padding para todos os elementos e definimos exatamente o que queremos em todos os elementos. Sim, é meio como resolver a coisa no soco. Usamos um seletor universal para isso:

* {
    padding:0;
    margin:0;
}

Esta solução é bastante trabalhosa, e não resolve tudo (o tamanho dos headers – h1, h2, h3… – por exemplo).

Modo 2: O MeyerWeb Reset

Este é um reset bem conhecido e utilizado, pois trata-se de um caso estudado e discutido há longa data. O objetivo dele é fugir do seletor universal e resolver somente o necessário. Ele é bem comentado (no site), além de ser bem mais direto que o primeiro modo.

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

Uma idéia que me ocorreu é ter ele salvo como reset.css e rodar antes das demais folhas de estilo. O que acham?

Fontes e leituras recomendadas:

http://sixrevisions.com/css/the-history-of-css-resets/
http://meyerweb.com/eric/tools/css/reset/

No related posts.

OpenGL: Fechar janela apertando Esc

admin — Fri, 05 Nov 2010 12:00:58 +0000

Sabe, esse é o tipo de coisa que quando você percebe, pensa: “puxa, como eu consegui programar até agora sem isso?”.

Sim, pois é algo tão simples de implementar que pensei duas vezes antes de escrever um post a respeito, mas como não tinha me dado conta até agora então creio que pode ser útil para alguém.

Se este é o seu caso, então vamos lá! ;D

Antes de mais nada, defina um int como variável global para receber o id da janela de sua aplicação:

int winId;

No seu main, faça a seguinte alteração no seu glutCreateWindow:

winId = glutCreateWindow("Minha Janela");

Depois disso, vá até a sua função que mapeia teclas normais (glutKeyboardFunc) e acrescente:

if(tecla == 27){glutDestroyWindow(winId); exit (0);}

Pronto! Seja feliz sem tocar no mouse para fechar a janela! :)

OpenGL: Remover delay do teclado

HTML5: Adobe mostra Ferramenta para animação

admin — Mon, 25 Oct 2010 20:50:19 +0000

A Adobe não perde tempo mesmo! Neste vídeo, a empresa mostra um preview do que estão trabalhando: trata-se de uma ferramenta de animação em HTML5 cujo codinome é “Edge” (bem apropriado para esta ferramenta).

A apresentação mostra várias semelhanças com a sua ferramenta de Flash, que pelo visto está perdendo o foco da empresa.

Eles já estão se preparando para o HTML5, e você? ;)

No related posts.