Capture d’écran 2013-11-04 à 13.12.58

Glide.js : un slider léger, responsive et touch-friendly !

Glide.js est un petit slider très sympathique, jugez-par vous même :

– Léger : environ 4,5 Kb compressé
– Transition css3 ultra rapides (avec fallback en javascript pour les anciens navigateurs)
– Responsive
– fonctionne sur tablettes et smartphones
– API avec callbacks
– Gère les événements Swipe
– Flèches et bulles de navigation
– Marquage Object Oriented CSS (OOCSS) et Block, Element, Modifier (BEM : lire ici )
– Autoplay et pause au survol

Capture d’écran 2013-11-04 à 13.10.02Cliquez ici pour aller sur le site de Glide.js

 

Régler les soucis de transparence de PNG sous Internet Explorer 6

Vous en avez assez d’entendre IE6 chouiner quand vous utiliser du PNG ?

Heureusement pour vous, il existe un petit fix ULTRA simple à mettre en place : Unity PNG fix.

Voici ses avantages en quelques lignes :
- Javascript très léger : Moins de 2Kb !
- Fixe certains soucis causés par les filtres attributs de IE
- Fonctionne sur les éléments img et lesimages de backgrounds
- fonctionne également pour les bloc à width auto et height auto
- Super méga simple à mettre en place

Comment installer le fix ?

Tout d’abord, et bien télécharger le zip ici.

Puis dans votre code source, (en supposant que le fichier a été mis à la racine de votre site internet, sinon changer l’élement src en fonction de votre besoin) :


<!--[if lt IE 7]>
<script type="text/javascript" src="unitpngfix.js"></script>
<![endif]-->

Et voilà ! A vous les PNG dans IE 6 !