Articles

• 

  
  CSS | webdesign
  Webkit (et donc, Safari, Chrome etc.) créé un halo autour des formulaire et des liens en "focus". Ceci est une bonne idée et permet d’améliorer l’ergonomie sur des formulaires simples, mais si votre design CSS est poussé et que vous voulez (...)
• 

  
  CSS | tutoriel
  Ceci est une astuce trouvée sur usabilitypost.com qui permet de construire une boite aux coins arrondis, en CSS, étirable en hauteur avec une seule image de fond. Sur son post, Dmitry s’étais lancé le challenge de trouver une technique pour faire une (...)
• 

  
  SPIP | CSS | Javascript | jQuery
  Le contexte : Je veux charger une image avec un loading et pourquoi pas une animation de type "fade in". Ce post reprend et approfondit la technique montrée ici. Pour cela on va utiliser jQuery qui est en standard avec SPIP depuis la version 1.9 (...)
• 

  
  SPIP | CSS
  Comme chacun sait IE6 ne gère pas les transparences dans sa gestion des images en png 24 et les remplace par un fade gris grisâtre. Cela est bien dommage car l’utilisation du png 24, et sa gestion fine des transparences est un bonheur pour les (...)
• 

  
  CSS
  Internet Explorer 6 ne comprend pas la "position : fixed" introduite avec CSS 2 mais on peut le forcer à fixer une div grâce à un petit hack CSS présenté ci-dessous. Pour forcer IE6 à fixer une div : On utilise la pseudo propriété expression() propre (...)
• 

  

  Un moteur de recherche stylé à la OS X pour votre site sous SPIP

  SPIP | CSS | Javascript | webdesign | Mac
  Le moteur de recherche d’OS X est partie intégrante de l’OS d’Apple, on peut ainsi le retrouver dans diverses applications de la plateforme. Ceci dit, il est possible, à l’aide quelques styles CSS et d’un peu de javascript, de styler le moteur de (...)
• 

  

  Remplacer par une solution XHTML "valide" et cross-browser l’attribut "absmiddle".

  CSS | HTML/XHTML
  L’attribut "absmiddle", appliqué sur une image, la centre verticalement avec le centre "absolu" du texte (et non avec sa baseline), cette solution a deux inconvéniants, elle n’est pas XHTML "valide" et ne fonctionne que sur Internet Explorer. Sur (...)
• 

  

  Lui régler son compte dans la plupart des cas.

  CSS
  Le Peekaboo Bug c’est quand, dans Internet Explorer 6, vous avez un texte ou un bloc qui ne s’affiche pas au chargement, puis réapparaît quand on scroll sur la page ou quand on en sélectionne le texte. Trouvé sur SixThings, ce petit bout de code m’a (...)
• 

  
  CSS
  Une solution simple et cross-browser pour styler ses balises hr en CSS. En effet, chaque navigateur gère différemment la balise hr, quand Gecko (moteur de rendu) interprétera une ligne de 1px de haut et une bordure de 1px, de son côté, WebKit (...)
• 

  

  pour isoler IE6, IE7, Opéra, Gecko (FF, Netscape, Camino ...) et WebKit (Safari ...) dans les CSS.

  CSS
  Attention, cela n’est que de la bidouille et peut donner du code non valide pour le W3C. À éviter si vous pouvez faire autrement, mais, personnellement, ces quelques petits hacks m’ont souvent sauvé la vie. (MAJ : j’ai ajouté deux nouveaux hack (...)
• 

  

  Un premier aperçu de CSS 3 dans les moteurs webkit et Gecko

  CSS | CSS 3 | webdesign | iPhone/iPod Touch
  En attendant l’arrivée de CSS 3 (sur lequel travaille le W3C et qui devrait révolutionner la façon de faire des sites en CSS), la sortie de Safari 3, permet quelques nouvelles expérimentations en introduisant certaines des fonctions à venir dans son (...)