background preloader

CSS Triangle

CSS Triangle
You can make them with a single div. It's nice to have classes for each direction possibility. The idea is a box with zero width and height. Examples Dave Everitt writes in: For an equilateral triangle it's worth pointing out that the height is 86.6% of the width so (border-left-width + border-right-width) * 0.866% = border-bottom-width Related:  HTML5

Automatic Table of Contents Any long page of content with distinct and well marked up content can benefit from a table to contents. A table of contents provides a quick way to jump down the page to the desired section. Of course you can create a table of contents manually, but it may be smart to build it dynamically on-the-fly with JavaScript. This is true for several reasons: It's easier - write the JavaScript once and it can create the Table on Contents on every page you need it.It's more reliable - the JavaScript isn't subject to authoring errors.It's still accessible - A table of contents is good for the general concept of accessibility, but it is a bonus (not having it doesn't ruin the page) and nearly all screen readers run JavaScript. This kind of thing has been done many times and many ways. HTML: Headers and IDs A long page of different parts you wish to link to could be marked up a bunch of ways. <article><h3 id="question-one">Title of Question</h3><! A link like this: A list in that <nav>? Demo Share On

Ajoutez du style à vos listes ordonnées Ajouter des styles à des listes ordonnées a longtemps été une tâche difficile et piégeuse, je ne suis pas le seul à le penser. Pour donner un style aux nombres, vous devez d'abord supprimer le style par défaut du navigateur puis ajuster le code des éléments de la liste afin de leur donner le style approprié. Dans cet article, je vais vous montrer comment utiliser CSS3 pour améliorer la présentation de vos listes ordonnées en utilisant une approche sémantique. Cet article est la traduction de CSS3 ordered list styles publié sur Red Team Design. 2 commentaires Article lu 1939 fois. Lorsque j'ai lu pour la première fois l'article de Roger Johansson sur les styles des listes ordonnées, je dois avouer que j'ai tout de suite aimé sa technique. Vous pouvez déjà voir un exemple en ligne. Le balisage utilisé est tout ce qu'il y a de plus classique : Essayons d'expliquer simplement comment cela fonctionne. Nous allons utiliser le contenu généré, la numérotation automatique et les listes.

Document Object Model Traversal This chapter describes the optional DOM Level 2 Traversal feature. Its TreeWalker, NodeIterator, and NodeFilter interfaces provide easy-to-use, robust, selective traversal of a document's contents. The interfaces found within this section are not mandatory. A DOM application may use the hasFeature(feature, version) method of the DOMImplementation interface with parameter values "Traversal" and "2.0" (respectively) to determine whether or not this module is supported by the implementation. In order to fully support this module, an implementation must also support the "Core" feature defined defined in the DOM Level 2 Core specification [DOM Level 2 Core]. Please refer to additional information about conformance in the DOM Level 2 Core specification [DOM Level 2 Core]. NodeIterators and TreeWalkers are two different ways of representing the nodes of a document subtree and a position within the nodes they present. 1.1.1. Now let's remove "E". 1.1.2. ...

HTML DOM Document Objects html - xPath XML file with namespaces using Javascript security - XMLHttpRequest cannot load file. Cross origin requests are only supported for HTTP JavaScript: ActiveXObject MSXML2.XMLHTTP is not returning XML on succesful loads...? Open XML SDK for JavaScript - Home internet explorer - Debugging JavaScript in IE

>XSL on the Client by Jan Egil Refsnes A JavaScript Solution In the previous chapter I explained how XSL can be used to transform a document from XML to HTML. The trick was to add an XSL stylesheet information to the XML file, and to let the browser do the transformation. Even if this works fine, it is not always desirable to include a stylesheet reference in the XML file, and the solution will not work in a non XML aware browser. A much more versatile solution would be to use a JavaScript to do the XML to HTML transformation. By using a JavaScript we are more open for these possibilities: Allowing the JavaScript to do browser specific testing Using different style sheets according to browser and/or user needs That's the beauty of XSL. XSL transformation on the client side is bound to be a major part of the browsers work tasks in the future, as we will se a growth in the specialized browser marked (think: Braille, Speaking Web, Web Printers, Handheld PCs, Mobile Phones .....). The XML file and the XSL file