Posts

Showing posts with the label PyramiDOM

PyramiDOM - from Alpha to Beta

As promised, I have commented and improved my last experiment: PyramiDOM , ( IE version) now with some new feature: One click from bookmark to add PyramiDOM, another one to remove it In a single session, colors are preserved even if PyramiDOM is added and removed more than once Good browsers with W3C DOM events support and/or a console, will experience a better PyramiDOM thanks to automatic update feature and related dom nodes logged in the console last part of the bookmark is the size of each brick. Right now it is 2 but you can easily change it to 4, 6, 8, whatever multiple of 2 you prefer The PyramiDOM Source Code It is really simple and the main logic is behind the Brick constructor and every brick instance. (function(size){ var // shortcut to attach/detach events add = document.addEventListener ? function(node, name, callback){ node.addEventListener(name, callback, false); }: function(node, name, callback){ node....

PyramiDOM - Spectrum DOM Analyzer

Update PyramiDOM source code and a new bookmark available During a post into jQuery developer list, I wrote a sort of non-sense reply talking about the DOM as a three dimensional space to analyze and " ... bla bla bla ... " (that was not so interesting, just probably "futuristic" ...) But why not, why can't we escape from ordinary convention to analyze a document creating a sort of DOM spectrum as is for Audio, Video channels, and other medias? As quick start test, I have created an alpha version of PyramiDOM , a script hopefully short enough to be clicked, saved, or dragged as a bookmark and able to put a spectrum inside whatever page we are surfing. 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 websit...