Catégorie « HTML5 / CSS3 »

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.

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 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 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 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 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 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.

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 !