Archive for the ‘CSS’ Category

Placer du Flash à la place des titres

Friday, January 14th, 2005

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.

none

CSS: Flexible Rounded Corners

Tuesday, January 11th, 2005

Flexible Rounded Corners

none

CSS/Javascript: Imprimer les liens

Saturday, January 8th, 2005

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();
none

Nouvelle ligne graphique pour Pompage

Tuesday, January 4th, 2005

Très belle et très réussie. A signaler aussi la dernière traduction Domptez vos puces, dressez des listes.

none

DHTML/CSS tutorials

Thursday, November 25th, 2004

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

none

ColorMatch Remix a son propre site

Friday, November 19th, 2004

Encore l’autre jour, j’ai parlé de ColorMatchRemix. Je me suis rendu aujourd’hui sur la page de l’outil et surprise, je découvre une redirection vers le site ColorMixers qui présente des nouveautés de l’outil et bien évidemment l’outil lui-même habillé différemment par rapport à l’ancienne version ;)

none

Pour de bonnes combinaisons de couleurs

Friday, November 12th, 2004

Nous avons déjà cité plusieurs outils, colormatch (solution web) et colordesigner (solution logicielle pour mac), qui nous permettent de marier différents couleurs. Nous vous proposons trois autres outils qui vont dans le même sens:

none

Des présentations avec CSS, XHTML et JavaScript

Thursday, November 11th, 2004

Tout est expliqué sur le site d’Eric Meyer.

none

Des colonnes de même hauteurs en CSS

Thursday, November 11th, 2004

Lire l’article de Blog&Blues.

none

Hack pour Explorer

Thursday, November 11th, 2004

Découvert par hasard par Jon Hicks, un petit hack qui fonctionne uniquement avec Explorer (PC and Mac 5, 5.5 and 6):

div, {
width: 80%;
}

Il suffit de rajouter une petite virgule après le sélecteur…

none