Generate a visual representation of a website DOM. An coloured, animated tree-node graph unfolds showing the structure of a site, based on what HTML tags it uses. Quite a beautiful visualisation. See author's blog entry on the applet at: http://www.aharef.info/2006/05/websites_as_graphs.htm Annotated link http://www.diigo.com/bookmark/http%3A%2F%2Fwww.aharef.info%2Fstatic%2Fhtmlgraph%2F
The Closure Library is a broad, well-tested, modular, and cross-browser JavaScript library. You can pull just what you need from a large set of reusable UI widgets and controls, and from lower-level utilities for DOM manipulation, server communication, animation, data structures, unit testing, rich-text editing, and more.
Whatpm::HTML::Serializer - HTML DOM Serializer
getElementsBySelector is a python function which takes a standard CSS style selector and returns an array of elements objects from the document that match that selector. This is a frequently used function in JavaScript - if you use a library. Its kind of meaning less to have this function in the server side - unless you are doing screen-scarping. Then its very useful. Recently, I had to work on a Django app that does a bit of screen-scrapping - so I created this function to aid me.
sIFR (or Scalable Inman Flash Replacement) is a technology that allows you to replace text elements on screen with Flash equivalents. sIFR is the result of many hundreds of hours of designing, scripting, testing, and debugging by Mike Davidson and Mark Wubben. Mike, Mark and an invaluable stable of beta testers, supporters, and educators like Stephanie Sullivan and Danilo Celic of Community MX completely rebuilt a DOM replacement method originally conceived by Shaun Inman into a high quality cross-browser, cross-platform typography solution for the masses.
]]>
]]>
The YUI Library is a set of utilities and controls, written in JavaScript, for building richly interactive web applications using techniques such as DOM scripting, DHTML and AJAX. YUI is available under a BSD license and is free for all uses. The YUI project includes the YUI Library and two build-time tools: YUI Compressor (minification) and YUI Doc (documentation engine for JavaScript code).
Ce site est consacré à toutes les technologies disponibles sur la plate-forme Mozilla®, utilisée par le navigateur Mozilla Firefox™, le client mail Mozilla Thunderbird™ et les autres produits de la fondation Mozilla®. La plate-forme Mozilla® permet de développer des applications desktop ou web, fonctionnant nativement sur la plupart des systèmes d'exploitations. C'est aussi la première plate-forme vous permettant de réaliser des clients riches ou d'utiliser Firefox en tant que client riche. En effet, de l'interface graphique utilisateur reposant sur un format XML, XUL™, aux composants XPCOM réutilisables et multi plate-forme, Mozilla offre tout un ensemble de technologies, pour la plupart standardisées et relativement aisé à mettre en oeuvre : XBL, EcmaScript (Javascript 1.8), CSS, XHTML/HTML 5, SVG, XForms, MATHML, RDF, DOM, XML-RPC ... Vous pouvez commencer par une présentation de XUL.
The DOM Inspector (also known as DOMi) is a developer tool used to inspect, browse, and edit the Document Object Model of documents - usually web pages or XUL windows. The DOM hierarchy can be navigated using a two-paned window that allows for a variety of different views on the document and all nodes within.
]]>
]]>
révèle en clair dans la page les balises (X)HTML utilisées pour chaque bloc. Utile pour diagnostiquer un site, son DOM et sa structure sémantique
Nvu n'est plus maintenu depuis plusieurs années. Nous vous conseillons d'utiliser plutôt KompoZer, qui est une version dérivée de Nvu, et qui contient des correctifs pour des bogues existant dans Nvu. Vous pouvez consulter l'article sur Geckozone pour avoir plus de détails sur l'histoire de KompoZer. Le site officiel de KompoZer (en anglais). Nous vous proposons ici des paquetages francisés de KompoZer. En effet, les versions disponibles sur le site officiel proposent des versions en anglais sur lesquelles il faut ensuite installer le paquetage linguistique français. Il apporte de nombreuses améliorations. La Version 0.8 stable qui sera disponible durant l'été 2009, stabilité parfaite,code basé maintenant sur le moteur Gecko 1.8. L'interface utilisateur offre de nouveaux outils (DOM, CSS, modification du code, mise en évidence des blocs,...).
The jQuery BlockUI Plugin lets you simulate synchronous behavior when using AJAX, without locking the browser[1]. When activated, it will prevent user activity with the page (or part of the page) until it is deactivated. BlockUI adds elements to the DOM to give it both the appearance and behavior of blocking user interaction.
Glow is a JavaScript library which gives you...
- Simplified DOM manipulation, event handling, animations, etc
- A versatile set of user interface widgets
- Clear and comprehensive documentation
- BBC Browser Support Standards compliance
Glow is a JavaScript library which gives you... * Simplified DOM manipulation, event handling, animations, etc * A versatile set of user interface widgets * Clear and comprehensive documentation * BBC Browser Support Standards compliance
The W3C does not, and never will, publish real standards because it is not a standards organization: It's a CONSORTIUM (you know, that "C" in W3C is there for a reason - look it up!). Standards and Standards Bodies must be endorsed by governments and legally enforceable. W3C recommendations are simply "recommendations". There is no legal consequence to not following or fully conforming to a "recommendation"...
C'est étrange cette manie des participants à la WTF à mélanger tout et n'importe au nom du pragmatisme (plus loin dans son commentaire, Marcos Caceres explique en quoi un "vrai standard" n'est pas pragmatique pour le web). Pour rappel, selon lui l'ISO ne produit pas de standards, pas plus que l'IETF, etc... Sur sa page publique, il indique "I work as a software architect/standards engineer for Opera Software." Selon sa définition, Opera ne supporte aucun standard, donc il est au mieux architecte logiciel. Et en même temps, c'est un hsivoniste, donc il reconnaît qu'il n'y a que les développeurs de moteurs CSS qui savent gérer les mutations d'une structure en arbre, ceux travaillant sur le DOM n'en ayant pas les compétences. Marcos Caceres ne travaillant pas sur le moteur CSS chez Opera, on en déduit qu'il ne sait pas très bien manipuler les structures arborescentes. Donc en fait, selon lui, il est au mieux développeur junior chez Opera.
As soon as I think I have it all worked out I bump into another oddity between Firefox and IE and handling the DOM. Specifically adding a radio button (or set of them) dynamically. My initial javascript went something like this: # var rdo = document.createElement('input'); # rdo.type = 'radio'; # rdo.id = 'someUniqueID'; # rdo.name = 'myRadio'; # rdo.value = 1; # # myDocumentsBody.appendChild(rdo); This almost worked perfectly. The input was added, it was a radio button, but it was totally unselectable. I could select it via javascript but the normal "click" event didn't cause the radio button to assume the "selected" state in IE? What gives?
plugin designed to fix that problem by applying appropriate filters to user specified elements, while keeping all element tags intact. Plugin works well with both img elements within the DOM and css properties specified externally. • It is chainable. • Unlike some other png hack solutions, it does not replace/hide any of your html tags. • You can revert applied changes using .iunfixpng(). • Extremely easy to use! Known limitations (I don't have solutions for those listed below yet - CSS features that are lost when the fix applied) • Always defaults to "background-position:top left" and you cannot reposition it. • Unable to perform "background-repeat:repeat-y" or "background-repeat:repeat-x" on a target. • For the hack to work your item needs to be visible. Directions
Firediff is a Firebug extension that tracks changes to a pages DOM and CSS.
Tout cela est désormais du passé, car Firefox 3.1/3.5 et d'autres navigateurs modernes intègrent la possibilité de lire nativement de la vidéo, via l'élément video d'HTML 5. Maintenant, la vidéo native est un élément de la page comme un autre que l'on peut manipuler avec le DOM et mettre en forme avec CSS.
]]>