06/12/10

CSS3 Media Queries en Javascript pour les vieux navigateurs

CSS3-MediaQueries-JS est une bibliothèque Javascript qui permet d’utiliser les Medias Queries dans IE 5+, Firefox 1+ et Safari 2 — Firefox 3.5+, Opera 7+ et Safari 3+ étant nativement compatibles avec cette propriété CSS3. Les Medias Queries offre un mécanisme pour isoler certaines propriétés ou pré-requis techniques pour appliquer aux agents utilisateurs correspondants une déclaration ou une feuille de style CSS spécifique. Lire le reste de cet article »

20/12/09

Des colonnes fixes et ajustées en largeur avec CSS et jQuery

Smart Columns with CSS & jQuery est un tutoriel qui explique comment créer des colonnes dont le nombre s’ajuste à de la taille de la fenêtre disponible sans laisser de blancs disgracieux quand la largeur disponible n’est pas un multiple de la largeur d’une colonne. Hum, le mieux c’est encore de voir l’exemple et de s’amuser à changer les dimensions du viewport. Etonnant, non ?

19/12/09

Connaitre la taille du « viewport » en Javascript

Get viewport size (width and height) with javascript — Parce qu’il est parfois utile de connaitre la largeur et la hauteur disponible dans la fenêtre du navigateur.

14/12/09

Emuler la propriété max-width pour IE6

maxWidthFixForIE6.js — Les expressions Javascript de Microsoft sont énormément utilisée pour pallier l’absence de support de telle ou telle fonctionnalité par pour IE6 en particulier ou Internet Explorer en général alors que leur utilisation grève les performances déjà inquiètantes du dernier de la classe. Il vaut mieux faire appel à du bon vieux Javascript !

window.onload = checkAvailableWidth;
window.onresize = checkAvailableWidth;
function checkAvailableWidth(){
    var container = document.getElementById("container");
    container.style.width = (document.body.clientWidth > 1100)? "1100px" : "auto";
}