Google O3D – Ambiente 3d em qualquer navegador

Nessa segunda feira (21/04/2009) o Google anunciou um novo software, chamado de Google O3D, um sistema que permite criar ambientes 3d e visualizá-los diretamente no navegador, independente do sistema operacional, e suportando gráficos 3D modernos com execução “suave”.

Veja o vídeo do demo que a Google disponibilizou:

O Google O3D necessita de uma placa de vídeo com suporte para os efeitos shader, como a série GeForce 8 da Nvidia ou linha Radeon HD da ATI, ou seja, qualquer placa de vídeo disponível a venda já é o suficiente.

Com o Google 3d é possível programar usando JavaScript e obter gráficos melhores em games e outros programas, possibilitando a criação de jogos mais realistas, substituindo hoje, o que é feito em Flash. veja mais tidbits Além disso será possível criar ambientes 3D para websites, oferecendo uma experiência como a do Google Earth – o usuário navega pelas páginas, e os gráficos vão renderizando em tempo real.

Funcionando como plugin para Internet Explorer, Firefox, Chrome e Safari, o Google espera que, num futuro próximo, a tecnologia já venha instalada nos navegadores. veja mais tidbits.

Versões de teste já funcionam para o Google Chrome, Firefox, Internet Explorer ou Safari, no Windows XP/Vista, Linux com kernel 2.6 e Mac OS X 10.5.

Faça o teste do Google O3D, é interessante e não demora nada.

Primeiro entre na página de download do software, clicando aqui. veja mais tidbits

Instale, reinicie o seu navegador e em seguida, veja os demos disponíveis.

Entre os jogos, tem um de aventura estilo plataforma interessante pois aproxima-se muito de gráficos do PSP, por exemplo:


Prince IO: The SketchUp Knight para Google o3d

O jogo se chama Prince IO: The SketchUp Knight, clique aqui para jogar , depois de ter instalado o Google O3D, é claro.

[]s

Editor web WYSIWYG simples – Plugin de FCKEditor pra jQuery

O FCKEditor é um editor WYSIWYG (What You See Is What You Get) muito completo, e bem simples de ser implementado.

Como funciona?
Você escreve uma textarea comum e chama o FCK que esconde a textarea e coloca um editor web. E toda vez que o texto é alterado, ele coloca o texto formatado (com tags html) dentro do textarea. Sendo assim, um técnica pura de javascript, funciona em qualquer navegador e qualquer linguagem de programação: php, asp, .net, java, etc.

Com o plugin jQuery FCKEditor Plugin v1.3 fica mais fácil ainda pra quem já trabalha com jQuery. Além disso o FCK Editor para jQuery consegue trabalhar com o jQuery Validate e com o jQuery Form Plugin.

Tutorial de como implementar o editor web.

Baixe os arquivos jQuery, o FCK Editor e o Plugin dele pra jQuery .

Adicione o código dentro da tag da sua página:

<script type="text/javascript" src="jquery-1.2.6.pack.js"></script>
<script type="text/javascript" src="jquery.FCKEditor.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$.fck.config = {path: '_scripts/fckeditor/'};
		$('textarea#fckExemplo').fck({height:220, width:455});
	});
</script>

Sendo que o path, é o caminho da pasta de onde vc deixou a pasta do fck editor.

Depois é só escrever o textarea no seu html.

<textarea name="fckExemplo" id="fckExemplo"> 
	Teste de <strong>conteúdo</strong> 
</textarea>

Sendo que, o que vier dentro do textarea, será interpretado dentro do editor.

Como personalizar a barra de ferramentas

Se você seguiu o tutorial, viu que por padrão, o FCK tem centenas de botões (tem mais botões que o word, sem exagero), então, é necessário configurar a criar uma barra de ferramentas personalizada.

Para fazer isso, entre na pasta do fckeditor e abra o arquivo fckconfig.js
Na linha 101 e 118, existem duas toolbars, siga a mesma estrutura e crie a sua com os botões que desejar, coloque um nome pra ela, como “TextoSimples” por exemplo.
Depois disso, para invocá-la, você adiciona um parâmetro na hora de chamar o fck:

 $('textarea#fckExemplo').fck({
	height:220, 
	width:455,
	toolbar:'TextoSimples'
});

Vejam o exemplo, como ficou:

Um detalhe bem importante: por questões de segurança o FCK não funciona se você quiser rodar em um ambiente local. É necessário que esteja num servidor (pode ser um apache / iis / tomcat na sua máquina) só para acessar por http://

Visitem a página do plugin e o site do FCK Editor para obter mais informações.

Click Modal 1.0 – Plugin de jQuery para fazer modal / lightbox

Sobre o Modal

Este modal, com o objetivo de ser simples, completo e cross browser (é claro), foi desenvolvido por eu (Danilo Augusto) , André Machado, que também propôs a idéia e o Fabio Vieira (DJ Marquee) ambos programadores de interface da AgênciaClick, com base em uma função de modal do Rodrigo Castilho (ex Coordenador / Programador de interface da AgênciaClick) para nós mesmos utilizarmos no dia a dia do nossos trabalhos e projetos.

Já utilizamos outros modais mas todos eram limitados ou muito complexos e pesados então decidimos fazer o nosso. Funciona como um plugin de jQuery comum, tem apenas 2kb e uma série de opções.

Clique aqui para ver o modal.

Novidades do WordPress para a versão 2.7

Essa semana no blog do WordPress foram anunciadas as mudanças na interface de Admin da versão 2.7 do WordPress. Após as enquetes com os usuários sobre as preferências de cada um, a equipe do Matt apresentou os wireframes.

Wireframes da nova versão do WordPress

As novidades mais interessantes são:
– Menu lateral com subníveis
– Novos grupamentos de itens no menu
– Itens de cada área podem ser colapsados, expandidos e arrastados estilo “drag and drop”
– Possibilidade de escolher os itens que serão exibidos ou emitidos em cada sessão

Infelizmente, essas mudanças ainda são parte do protótipo. Mas pra quem já que dar uma melhorada no Admin, existem alguns plugins para isso:

Lighter Admin Drop Down Menus

Imagem do Lighter Admin Drop Down Menu

Já usei esse plugin, facilita muito a navegação, porque não você pode diminuir os cliques no meio do caminho. Mas o plugin é incompatível para que usa plugins que abrem um terceiro nível de navegação, que é omitido.

Ozh’ Admin Drop Down Menu

Imagem do Ozh Admin Drop Down Menu

Esse eu nunca testei, mas oferece as mesmas facilidades do Lighter Menus. Não sei como se comporta com plugins que tem subníveis de navegação. Mas se alguém testar, dps vem me falar ok? ;)

Fluency Admin
Fluency Admin

Eu não conhecia o plugin até ontem, quando o Kadu me apresentou. O plugin com certeza foi fonte de inspiração pra versão nova do WP. Para quem é muito ansioso ou quer ver se vai adaptar com esse modelo lateral de menu, é uma ótima opção instalar esse plugin (compatível somente com as versões 2.6x do WordPress).