Ce cours a été initialement présenté à des étudiants de premier cycle de l’Université Pierre et Marie Curie. Il permet d’aborder le DHTML selon un point de vue respectueux des standards. Il ne s’agit pas d’une bibliothèque d’effets “clé-en-main”, mais plutôt de l’exposé des principes permettant la production d’effets les plus portables et adaptables possibles.

Voir le cours

wForms est une nouvelle manière de concevoir des formulaires. Les exemples fournit sont plutôt intéressants de plus il faut savoir que:

wForms is not as complete or ambitious as XForms or Web Forms 2.0 are, but at least it works with today’s browsers and is web standards compliant.

Je n’ai pas creusé plus, mais ça a l’air d’être plutôt intéressant.

Via marcarea (oui encore), un tutoriel qui montre comment créer des boxes ayant des bords arrondis. Cela sans l’appui ni des CSS (enfin un peu oui, mais pas pour l’effet désiré) ni d’images supplémentaires. La technique utilise essentiellement DOM.

http://www.htmldog.com/articles/suckerfish/dropdowns/example/

Une technique particulièrement utile (version améliorée de celle proposée par Shaun Inman) si on en a marre d’utiliser toujours les mêmes types de caractères.

A noter aussi que sur CSS Vault on trouve une longue liste de ressources et de techniques de manipulation d’images.

Avec les CSS et un peu de JavaScript il est possible d’imprimer aussi sur papier les liens présents sur une page à l’aide du script ci-dessous (Source: liste de discussion de Web Standards Group):

Dans le CSS destiné à l’impression:

a:after { content:" [" attr(href) "] " }

Dans la page HTML:

function showHREF() {
 if (document.getElementsByTagName) {
  onlyContentLinks = document.getElementById("content");
  whichLink = onlyContentLinks.getElementsByTagName("a");
  for (var i=0; i   useLink = whichLink[i];
   showLink = useLink.getAttribute("href")
   // This is for FireFox to get the whole URL if it's a link to a page within your own site
   if (useLink.getAttribute("rel") != "external") {
   // NOTE: this assume you are using rel="external" for external links
   // You can swap this with...
   // if (useLink.getAttribute("target") != "_blank") {
    // Because MSIE will show the full path we have to crop it
    checkShow = showLink.lastIndexOf("/");
    showLink = showLink.substring(checkShow+1,showLink.length);
    // Because FireFox doesn't, we have to add it
    lastSlash = document.location.href.lastIndexOf("/");
    directory = document.location.href.substring(0,lastSlash);
    // Our funky complete URL for internal pages
    showLink = directory + '/' + showLink;
   }
   newSpan = document.createElement("span");
   showTitle = document.createTextNode(' [' + showLink + ']');
   newSpan.appendChild(showTitle);
   useLink.parentNode.insertBefore(newSpan,useLink.nextSibling);
   // Don't forget to put .printLink in both
   // your screen and print stylesheets
   newSpan.className='printLink';
  }
 }
}
window.onload = showHREF();

http://www.javascriptkit.com/dhtmltutors/index.shtml

Via le blog de Zeldman, un JavaScript qui affiche un message de temporisation lors du chargement d’une photo. Pour voir un exemple de l’effet, vous pouvez vous rendre sur le site couloir.org et en passant voir les photos présentes dans les différentes galeries.

A creuser leur efficacité et leur utilité. Comme cette solution d’inclusion de code (X)HTML nécessite JavaScript…

PureDOMnav - Explorer Navigation without extra markup