Article(s) lié(s) à : css3

Un nouveau player audio et responsive en jQuery

Mon dieu enfin un player audio Jquery facile à installer et minimaliste ! Ne vous attendez pas avec ce Plugin Jquery à développer une médiathèque complète pour votre site internet, mais si vous rechercher un player audio simple pour diffuser une musique sur votre site avec un start & stop, la gestion du temps et du volume alors ce plugin audio est fait pour vous ! Le principal intérêt de de ce player audio c’est qu’il est reponsive, c’est à dire qu’il s’adapte à la largeur du support sur lequel il est ouvert (Mobile, Ipad,…), mais surtout qu’il est ultra léger car il n’est composé d’aucune image, le tout étant géré avec des propriétés css3 et html 5. Cliquez sur … [+]

South Park en css3 c’est beau et cadeau

Pour attaquer ce mois de décembre je vous propose un petit lien qui vous permettra de découvrir une image d’un dessin animé connu de tous les geeks (South Park), qu’un infographiste à réalisé en Css & Css3 avec une uniquement comme structure html des div et pas une seule image. Niveau technique cela reste assez simple en utilisant presque que des propriétés css3 border-radius et box-shadow, mais je pense que le travail a été titanesque pour arriver à à un résultat si propre (voir plus propre que le dessin animé de base). À tester sur internet explorer 7 et ie8 (qui bien entendu n’est pas compatible avec le css3) pour avoir une version plus qu’abstraite de l’image cs3 de south … [+]

Faire une double bordure sans image en css3

Aujourd’hui, je vais vous partager une astuce assez simple mais pas toujours connu des intégrateurs. Cette technique vous permet de réaliser une double bordure en css3 facilement, ce qui vous permettra à la fois de vous passer complètement des images et donc d’optimiser le temps de chargement de votre site internet mais surtout de créer une classe globale que vous pourrez réutiliser à votre gré dans votre projet. Je sais qu’il existe plusieurs façons de réaliser une double bordure en css sans image, mais je vous présente ma méthode que j’utilise quotidiennement et qui me convient parfaitement ! Comme vous vous en doutez, cette technique ne marche que pour les navigateurs récents, mais ne s’agissant que de contraintes visuels cela … [+]