Arquivo da categoria ‘Javascript’ Category

JQuery para Designers

quarta-feira, 4 de junho, 2008

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.

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

sábado, 24 de maio, 2008

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: (more…)

Super Mario Kart: mate a saudade desse jogo pela internet

sexta-feira, 23 de maio, 2008

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! :)

O Webmonkey voltou

terça-feira, 20 de maio, 2008

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.

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

segunda-feira, 12 de maio, 2008

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);
}

Technorati Tags: , , ,

Capturar variável via método Get URL com Javascript

quarta-feira, 9 de abril, 2008

Esse script é uma ótima opção para quem precisa pegar as variáveis pelo método get, mas não tem como usar programação de servidor, tipo PHP.

get-url-variables.js

function getUrlVars()
{
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
 
    for(var i = 0; i < hashes.length; i++)
    {	
        hash = hashes[i].split('=');
		hash[1] = unescape(hash[1]);
		vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
 
    return vars;
}
 
//Exemplo de URL get-url-variables.htm?variavel1=Primeira variavel&variavel2=Segunda variavel
 
var pedaco = getUrlVars();
alert(pedaco['variavel1']); // Caixa de alerta resultara "Primeira variavel"
alert(pedaco['variavel2']); // Caixa de alerta resultara "Segunda variavel"

Technorati Tags: , , ,

Se inveja matasse, eu morreria num instant.js

quinta-feira, 21 de junho, 2007

Alguns scripts são tão impressionantes que nos deixam morrendo de inveja de não ser o pai da criança.

Esse é o caso do microformato instant.js, script que dá um efeito de Polaroid nas fotos (com sombra, reflexo e tudo que se tem direito).

Para fazer uso deste achado, basta colocar a classe “instant” na foto e voilà:

(more…)


I love beerI love CMSI love DesignI love DreamweaverI love FlashI love FoodI love GamesI love MoneyI love MusicI love PhotoshopI love PHPI love ProgrammingI love ShoppingI love WindowsI love Wine
Site protegido Feito com a cabea PageRank Add to Technorati Favorites