Arquivo da categoria 'Javascript'

4 de junho de 2008

JQuery para Designers

CSS, Javascript | Sem comentários »
por Ricardo José Corrêa

Essa vem lá do WebDesignerWall, aliás, tenho que tirar o chapéu para eles, site lindo e ótimo conteúdo.

São 10 exemplos práticos de JQuery destinados à designers, e como eles mesmo dizem, e novatos.

Para quem não sabe JQuery é uma biblioteca de JavaScript que tem o intuito de facilitar a vida do desenvolvedor, parafraseado o WebDesignerWall, é um “escrever menos, fazer mais”.

Você pode ler o artigo, ver a página de demonstração ou baixar o arquivo com tudo dentro.
24 de maio de 2008

JIT – JavaScript Information Visualization Toolkit (Ferramentas de visualização de informação)

Javascript | 1 Comentário »
por Ricardo José Corrêa

Ao ver o JIT (JavaScript Information Visualization Toolkit) pela primeira vez, uma palavra escapou da minha boca: UAU!

Quando você colocar seus olhos na qualidade e na maneira como os dados são apresentados, vai entender a exclamação. Esse javascript é um kit avançado de ferramentas de visualização de informação apresentado em 4 formatos diferentes: Continue lendo…
23 de maio de 2008

Super Mario Kart: mate a saudade desse jogo pela internet

Divertido, Javascript | 2 Comentários »
por Ricardo José Corrêa

Se você não consegue desgrudar dos consoles de vídeo game e não vê a hora de voltar para casa quando está na escola ou no trabalho, só para poder jogar mais um pouquinho, a sua vez chegou!

Super Mário Kart, o grande sucesso da Nintendo, ganhou uma versão online em javascript.

Você pode curtir esse jogo bacanão e matar a saudade sem precisar de mais nada além da internet.

Aprovado! :)

20 de maio de 2008

O Webmonkey voltou

CSS, Drops, Javascript, Utilitário | Sem comentários »
por Ricardo José Corrêa

O Webmonkey voltou

Depois de muito tempo fora do ar, o Webmonkey voltou.

Quem é macaco velho (ops) na web, conhece bem esse excelente site de recursos Javascript, CSS, HTML e APis que, apesar de ainda conter pouquíssimos códigos (afinal de contas, as coisas mudaram bastante desde que saiu do ar), vai certamente se tornar um grande sucesso – ainda mais se depender da boa reputação que ostenta entre os veteranos.

Além de tudo isso, o site está lindão.
12 de maio de 2008

Microformat: Hide / Show objects – div, ul etc.

Javascript | 2 Comentários »
por Ricardo José Corrêa

Meu amigo Fábio Arantes desenvolveu um microformato muito interessante: o HideShow.

Basta você inserir o arquivo hideshow.js em seu HTML e quando quiser fazer o sempre útil hide/show em um objeto (div, ul etc.), basta colocar um id no objeto e no link acrescentar rel=”hideShow|nomeId”.

Fácil, fácil. :)

hideshow.js

//////////////////////////////////////////////////////////////////////////
/////////////////////////Hide Show Microformat.../////////////////////////
///////////////////Created by Fábio Arantes dos Santos////////////////////
////////////////////////http://www.fabioarantes.com///////////////////////
////////////////Tested in Firefox and IE6 Works Perfectly/////////////////
//////////////////////////////////////////////////////////////////////////
/////////////////////////////////EXAMPLE://///////////////////////////////
//////////////////////////////////////////////////////////////////////////
/*
<script language="JavaScript" type="text/javascript" src="hideshow.js">
</script>
 
<h3><a href="#" rel="hideShow|DivIdName">Div Title</a></h3>
<div id="DivIdName">
Div Content
</div>
 
<h3><a href="#" rel="hideShow|UlIdName">Ul Title</a></h3>
<ul id="UlIdName">
	<li>List Content 01</li>
	<li>List Content 02</li>
	<li>List Content 03</li>
</ul>
*/
//////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////
 
 
var hideShow = new Object();
var listElement = new Array();
var active = "";
hideShow.show = function () {
	if(active == arguments[0]){
		document.getElementById(arguments[0]).style.display = "none";
		active = "";
	} else {
		hideShow.hide();
		for(i=0; i<arguments.length; i++){
			document.getElementById(arguments[i]).style.display = "block";
			active = arguments[i];
		}
	}
}
hideShow.hide = function (){
	for(i=0; i<listElement.length; i++){
		document.getElementById(listElement[i]).style.display = "none";
	}
}
hideShow.initialize = function () {
	var links = document.getElementsByTagName('a');
	for(i=0; i<links.length; i++){
		var str = links[i].rel.split('|')
		if(str[0] == "hideShow"){
			listElement.push(str[1]);
			links[i].href = "javascript: hideShow.show('"+str[1]+"');";
		}
	}
	hideShow.hide();
}
 
function StartApplets() {
	hideShow.initialize();
}
if(navigator.appName != "Microsoft Internet Explorer"){
	document.addEventListener( "DOMContentLoaded", StartApplets, false );
} else {
	setTimeout("hideShow.initialize()", 0);
}