La Vague du Web #1

16 décembre 2012

Megaptery.com vous propose une nouvelle chronique, la Vague du Web ! C’est un condensé de ressources en tout genre vous permettant de suivre les dernières tendances web… Bref, place à la Vague du Web numéro #1 !

FlexSlider 2

FlexSlider est un slider jQuery responsive très complet avec pas moins d’une trentaine de paramètres de configuration, et qui s’impose comme un des tous meilleurs plugins dans ce domaine. La version 2 apporte son lot d’améliorations, notamment le carousel ou la gestion des thumbnails.

TinyPNG

TinyPNG est un service en ligne permettant d’optimiser le poids de vos images PNG en quelques secondes pour un gain supérieur à 70%, tout en préservant la transparence de la couche alpha. Il suffit simplement de glisser-déposer vos fichiers sur le site pour que les images soient automatiquement traitées et disponibles en téléchargement. Simple et efficace.

3D Hover Effects

Voici une superbe réalisation signée Codrops qui vous montre comment appliquer un effet de perspective 3D sur vos photos au rollover grâce aux transformations CSS3. Le rendu idéal est à voir sur un navigateur Webkit (Chrome et Safari), mais cela fonctionne également sur Firefox.

PowerTip

PowerTip est un plugin jQuery qui permet de mettre en place des infobulles, aussi appelées « tooltip », sur n’importe quel élément HTML. Moins complet qu’un qTip, le plugin est plus simple à prendre en mains et présente tout de même quelques fonctionnalités poussées comme le placement « intelligent » ou la navigation au clavier.

Pondasee

Pondasee est un kit de développement basé sur Compass, framework permettant de gérer facilement des CSS maintenables. Le kit regroupe également plusieurs composants comme jQuery et HTML5 Boilerplate afin de démarrer rapidement le développement front-end d’un site ou d’une application web.

Makisu

Makisu est un plugin jQuery qui permet de mettre en place un effet visuel original : une liste déroulante animée avec transformation CSS 3D. Niveau compatibilité navigateur, seuls les navigateurs capables de supporter 3D transform afficheront un rendu optimal.

Keys.css

Keys.css est une feuille de style CSS3 qui génére l’aspect des touches d’un clavier (clair ou sombre). Facile à mettre en place, le CSS s’adapte automatiquement à toutes les tailles de police. C’est un moyen simple d’afficher les raccourcis clavier d’une application web.

Sharrre

Sharrre est un plugin jQuery qui permet d’installer rapidement l’ensemble de boutons de partage des réseaux sociaux (Google Plus, Facebook, Twitter ou encore Pinterest). L’avantage du plugin par rapport aux widgets classiques, c’est que vous pouvez facilement les customiser avec du CSS et des images personnalisées ! Supporté par IE6+ (IE8+ pour Google Plus) et tous les navigateurs modernes.

CSS3 Ribbon menu

Voici une réalisation conçue par Jack Moore, développeur reconnu pour ses nombreux plugins jQuery (notamment Colorbox), qui utilise les transitions CSS3 et les pseudo-éléments CSS2 pour créer un menu animé avec effet « ribbon ». Niveau compatibilité, seules les transitions ne sont pas supportées par les anciens navigateurs.

Knob

Knob est un plugin jQuery qui permet de mettre en place des jauges de chargement / barres de progression circulaires. Selon sa configuration, le plugin peut être utilisé sous plusieurs formes : loader pour simuler un temps de chargement, graphique pour afficher une valeur, formulaire de saisi pour l’utilisateur…

Reveal.js

Oubliez PowerPoint et Keynote, voici Reveal.js ! Il s’agit d’un script JS prêt à l’emploi pour réaliser des présentations élégantes et originales en HTML5/CSS3, le tout avec beaucoup de fonctionnalités (sommaire, navigation, effets de transition, automatique ou manuel, etc). Plusieurs thèmes sont disponibles et vous pouvez facilement créer votre propre thème via CSS.

Placehold.it

Placehold.it est un service en ligne rapide et simple de génération d’espaces réservés (« placeholder ») sous forme d’images. Il suffit de saisir la taille voulue directement dans l’URL, et vous obtiendez une image aux bonnes dimensions. Vous pouvez également y ajouter du texte. Un outil à rajouter à la liste des 21 outils et générateurs CSS.

» Voir toutes les Vagues du Web

Commentaires

  • Belle sélection merci :)

  • Fiox91

    Cette chronique à l’air de promettre avec sa super sélection !
    Dommage tout de même que le site devient un peut inactif, j’espère que cela s’arrangera au fur et à mesure :p

  • Sympa cette petite sélection :)
    je met 3d hover Effects dans un coin de mon cerveau pour une prochaine prod.