Exotux - Blog

samedi 21 août 2010

Astuce CSS n°4 : inline-block crossbrowser

La propriété CSS inline-block est très peu utilisée. D'une part parce qu'elle est assez méconnue, et d'autre part parce que son support par les navigateurs était assez bancal. Les choses ont évoluées aujourd'hui et un simple "hack css" pour IE permet d'utiliser cette propriété qui rend de grands services.

Lire la suite...

mercredi 20 janvier 2010

"tail -f" sous Windows avec MakeLogic Tail

La commande 'tail -f fichier.log' est très utile sur Linux pour surveiller les logs d'un programme au cours d'un développement par exemple. Une fois n'est pas coutume, cette commande n'est pas disponible sous Windows. Cependant le petit utilitaire MakeLogic Tail comble ce manque.

Makelogic Tail

Lire la suite...

dimanche 20 septembre 2009

Réaliser de beaux effets de texte avec JQuery FontEffect

JQuery Font Effect permet de rajouter des effets graphiques sur du texte HTML. Il y a actuellement 4 effets disponibles : Outline, Shadow, Gradient et Mirror.

Plugin jquery font effect

Aucune image, ni feuille de styles complémentaire n'est nécessaire. Il suffit d'inclure un fichier javascript de 7ko (compressé) pour réaliser des effets sympathiques.

Utiliser JQuery Font Effect est un jeu d'enfant :

$('#example').FontEffect({ mirror:true })

Visionner des démonstrations et télécharger JQuery FontEffect sur le site officiel.

mercredi 5 novembre 2008

Astuce CSS N°2 : attribuer un padding à des éléments de type inline

Astuce_cssLe padding ainsi que d'autres propriétés CSS sont généralement réservées aux éléments de type Block tels que les "div" par exemple. Cette astuce permet d'attribuer ces propriétés sur des éléments de type Inline. Ceci peut dans certains cas simplifier notre tâche.

Lire la suite...

lundi 18 août 2008

Instruction switch en PHP

L'instruction switch en php et dans d'autres langages est bien connu. Un collègue m'a fait par d'une utilisation à laquelle je n'avais pas pensé et qui me semble très efficace.

Lire la suite...

mercredi 2 avril 2008

Astuce CSS n°1 : min-height pour tous !

Astuce_cssCette astuce permet d'utiliser min-height sur tous les navigateurs sans utiliser de code invalide ou de commentaires conditionnels.

.foo {
min-height:100px;
height: auto !important;
height: 100px;
}

J'ai testé le résultat avec succès sur IE6, IE7, Firefox (Win / Mac), Safari (Mac).

Astuce trouvée sur posteet.