plugawy blog

31 Jul

PyramiDOM: Spectrum DOM Analyzer

Looks awesome :-)

PyramiDOM: Spectrum DOM Analyzer

via Ajaxian » Front Page by Dion Almaer on 7/31/09

Andrea Giammarchi has created PyramiDOM a “Spectrum DOM Analyzer”. When I first saw it, and read “Spectrum” I thought I was looking at an old 48k video game, but in fact it is showing you info on the DOM:

The generated spectrum will contain every single nodeType 1 present in the document and will show via tooltip info about that node (nodeName, id if present, className if present). Moreover, it highlights somehow that node temporary changing the background (yellow one). The most wicked effect was in jQuery website itself, since it is dark, and since it is linear enough (you scroll and the spectrum is almost there where you scroll).

On the other hand, the most interesting spectrum was in Gmail, where you can spot a proper pyramid of nested divs. Each nodeName will have the same color, but for practical reasons each time this color will be different (random).

You can grab this PyramiDOM link to play.

Comments [0]

31 Jul

Best way to load your JavaScript

via Ajaxian » Front Page by Dion Almaer on 7/30/09

Nicholas Zakas thinks he has the best way to load JavaScript.

Steve Souders has a bunch of best practices, and it seems that there is definitely nuance that makes advice very much tailored to your circumstance.

Nicholas though, has an opinion:

I’ve come to the conclusion that there’s just one best practice for loading JavaScript without blocking:

Create two JavaScript files. The first contains just the code necessary to load JavaScript dynamically, the second contains everything else that’s necessary for the initial level of interactivity on the page.

Include the first JavaScript file with a <script> tag at the bottom of the page, just inside the </body>.

Create a second <script> tag that calls the function to load the second JavaScript file and contains any additional initialization code.

A helper to make this happen could look like:

PLAIN TEXT

JAVASCRIPT:

function loadScript(url, callback){
var script = document.createElement("script")
script.type = "text/javascript";
if (script.readyState){ //IE
script.onreadystatechange = function(){
if (script.readyState == "loaded" ||
script.readyState == "complete"){
script.onreadystatechange = null;
callback();
}
};
} else { //Others
script.onload = function(){
callback();
};
}
script.src = url;
document.getElementsByTagName("head")[0].appendChild(script);
}

In related news, the LABjs folk have updated their API from this:

PLAIN TEXT

JAVASCRIPT:

$LAB
.script("jquery.js")
.block(function(){
$LAB
.script("jquery.ui.js")
.script("myplugin.jquery.js")
.block(function(){
$LAB.script("initpage.js");
});
});

to the simpler:

PLAIN TEXT

JAVASCRIPT:

$LAB
.script("jquery.js")
.block()
.script("jquery.ui.js")
.script("myplugin.jquery.js")
.block()
.script("initpage.js");

I seem to remember that Steve had some opinions on this API too :)

Comments [1]

30 Jul

Reading SinCity: big fat kill

Comments [0]

30 Jul

tie fighter

Little, small, tiny, cute. TIE fighter

Comments [0]

30 Jul

Mario as traditional japanese art | Design You Trust. World's Most Provocative Social Inspiration.

via designyoutrust.com

It's not Kuniyoshi, but still good

Comments [0]

29 Jul

Make the bad man stop...

For real – where’s the “I don’t care, go away” button?

Comments [0]

28 Jul

R programming language

The assignment operator in R is <- as in

e <- m*c^2.

It is also possible, though uncommon, to reverse the arrow and put the receiving variable on the right, as in

m*c^2 -> e.

It is sometimes possible to use = for assignment, though I don't understand when this is and is not allowed. Most people avoid the issue by always using the arrow.

Looks like I’m not going to learn this language.

Sauce: http://www.johndcook.com/R_language_for_programmers.html

Comments [0]

26 Jul