selectivizr [Les sélecteurs d’attribut et pseudo-classes CSS3 pour Internet Explorer]

Avez-vous déjà essayé de styler vos formulaires HTML pour les rendre plus attractif ? Chaque navigateur a un rendu différent sur les checkbox, les boutons radio ou les listes déroulantes. Pour rendre ces éléments plus attractifs on utilise les sélecteurs d’attribut ou les pseudo-classes. Malheureusement cette technique ne marche pas toujours sur Internet Explorer…. mais grâce […]

Les générateurs de police d’icônes (icon fonts)

Les icônes sont de plus en plus utilisées par les webdesigner. Nous avons l’habitude d’utiliser le format PNG, GIF ou même des images sprites pour nos icônes. Aujourd’hui je vous propose de découvrir les polices d’icônes (icon fonts). Cette technique permet d’utiliser des icônes comme des police d’écriture (web font). Les avantages: Changer facilement la […]

Les images SVG sur votre site internet

Le SVG c’est quoi? Le SVG (Scalable Vector Graphics) est un format de dessin vectoriel. De plus en plus utilisé. En effet, contrairement aux autres formats d’image habituels (JPG, PNG, etc..) le SVG represente une image vectorielle et donc sans perte de qualité. Mais attention, le SVG est basé sur le langage de balisage XML, […]

SpriteCow [Générateur CSS pour images sprites]

Sprite Cow vous simplie la vie!  Cet outils vous permet de récupérer le background-position d’un élément sur vos Sprites. C’est très simple: – Uploadez votre image sprite – Si le fond de votre image n’est pas transparent, précisez le background grâce à la pipette (Pick Background) – Sélectionnez l’élément dont vous souhaitez récupérer la position(Select […]

CSS Lint

CSS Lint est une application Web qui permet de voir les erreurs potentielles de votre code CSS et comment l’optimiser. En utilisant CSS Lint vous êtes sure que votre CSS réponde aux normes W3C. Il vous affichera les erreurs, les avertissements et même la compatibilité des propriétés CSS avec différents navigateurs. Essayez CSS Lint sur […]