Wow.js, une librairie JS pour faire des animations au scroll
Wow.js est une bibliothèque JavaScript qui permet facilement de « révéler » sous forme d’animation des éléments HTML au fur et à mesure que l’on défile la page.
Catégorie « HTML5 / CSS3 »
52 articles disponibles
12 outils et fonts indispensables pour gérer vos polices d’icônes
La police d’icônes est une technique CSS très pratique pour illustrer du contenu tout en bénéficiant de la flexibilité d’une police web. Megaptery vous propose de découvrir 12 outils et fonts indispensables pour bien choisir et administrer vos polices d’icônes.
LightGallery, une lightbox responsive avec galerie d’images
LightGallery est un plugin jQuery qui permet de mettre en place une lightbox opaque, fullscreen et responsive avec galerie d’images et vidéos intégrée, le tout compatible sur tablette et smartphone.
CSShake.css, des classes pour faire vibrer vos éléments HTML
CSShake.css est une feuille de style, disponible en version Sass ou « standard », qui propose un effet visuel original : faire vibrer n’importe quel élément du DOM, que ce soit au rollover ou de façon permanente, grâce à des animations et transformations CSS.
ScrollReveal.js, une librairie JS pour déclencher des animations au scroll
ScrollReveal.js est une librairie JavaScript qui permet de déclencher l’apparition d’un élément HTML lorsqu’il « entre dans le viewport », autrement dit lorsque celui-ci devient visible à l’écran (chargement et scroll), notamment à l’aide d’une configuration utilisant un attribut data-* HTML5.
Sticker.js, une librairie JS pour créer des autocollants
Sticker.js est une bibliothèque JavaScript disponible sous licence MIT, permettant de réaliser un effet « autocollant » sur des éléments HTML, notamment des images, sans aucune dépendances (ne requiert pas jQuery), et qui fonctionne avec l’ensemble des navigateurs qui supportent CSS3.
Adaptive Backgrounds, un arrière-plan assorti avec jQuery
Adaptive Backgrounds est un plugin jQuery qui permet d’assortir le background de votre site avec les images que vous aurez préalablement définies : la technique consiste à extraire la couleur dominante de l’image et de l’appliquer sur l’arrière-plan de son élément parent.
20 logos réalisés entièrement en HTML/CSS
Megaptery vous propose une liste de 20 logos réalisés en full CSS d’entreprises principalement liées au domaine du web, de Twitter à Opera en passant par Instagram, mais aussi à d’autres « marques » comme la NASA ou la série Breaking Bad. Le résultat est parfois bluffant et mérite le coup d’œil !
