Parsley.js – Validez vos formulaires en JavaScript. Simplement.

Je faisais ma veille tranquillement ce matin, quand je suis tombé sur Parsley.js, totalement par hasard. Parsely.js est un petit plugin JavaScript qui permet de laisser un peu de côté ce qu’on adore détester : la validation de formulaire côté client. L’intérêt du plugin réside dans le fait qu’il ne nécessite aucune ligne de JavaScript, tout se passe au sein du code HTML5 grâce à l’attribut data-*. Enjoy !

FitVids.JS – adaptez vos vidéos à la taille de fenêtre

Vendredi dernier, on a parlé du Responsive Web design (RWD) pendant le #wdfr sur Twitter, vous aurez d’ailleurs un résumé de la sessions du 2 septembre sur le blog du WDfriday, une fois celui-ci en ligne.

Aujourd’hui, voilà pour vous une nouvelle ressource pour pouvoir servir vos vidéos YouTube, Dailymotion, Vimeo, etc. avec une largeur « responsive », s’adaptant à la taille de la fenêtre. Vous n’avez plus d’excuse pour passer au RWD !

FlexSlider — vos diaporamas "responsive"

Aujourd’hui, avec HTML5, CSS3 et les Media Queries, on fait de très jolies choses côté webdesign. Mais le must-have, hormis les rubans et autres joyeuseté bien rétro, c’est un design complètement « responsive », adaptatif, afin de servir une mise en page différente de l’informations suivant le support (desktop, mobile, tablette, etc…).

La petite trouvaille d’aujourd’hui, est un diaporama utilisant le principe du responsive design! Vous pourrez donc vous la péter en gardant vos sliders dans les versions pour mobiles. #youpi!

Notifications à la Growl avec jQuery

Par

Aujourd’hui, on va voir comment mettre en place facilement des notifications utilisateur un peu à la façon de Growl, très connu des Mac users. Lire la suite

Mettez vos labels dans leur inputs

Aujourd’hui, je suis tombé sur un plugin jQuery, fort sympathique, et en plus de ça non obstrusif, et donc garantissant une très bonne accessibilité à vos formulaires, même sans Javascript activé. jLabel va vous permettre, comme c’est la mode ces derniers temps, d’encapsuler vos libellés dans leur champs de formulaire respectif. Cliquez sur le titre du billet pour être redirigé sur le site du plugin

Afficher son flux de photos Instagram via jQuery et JSON

Par

Vous connaissez cette surement Instagram, cette application iPhone au succès grandissant qui vous permet de partager vos clichés comme un Twitter-like, et en plus de ça leur donner un petit effet digne de Photoshop en a peine quelques minutes? Alors je vais vous donner un petit bout de code qui vous permettra d’afficher vos dernières photos n’importe où! Lire la suite

Un menu Lava avec jQuery

Par

Aujourd’hui je vais partager avec vous un petit effet sympa pour rendre un menu de navigation plus attractif. L’effet que l’on va réaliser ici s’appelle « LavaLamp », ou « lampe à lave » en français… Moins sexy du coup… :S Lire la suite

Astuce: une feuille de style différente selon la taille de la fenêtre

Par

Aujourd’hui en bossant sur le nouveau design j’ai voulu adapter mon design selon la taille de la fenêtre du navigateur, je vais donc partager cette petite astuce avec vous. Ici je vais utiliser un petit bout de Javascript, et plus précisement du jQuery. Lire la suite

Tipsy: des tooltips sexy avec jQuery

Par

Il y a pratiquement 1 an maintenant je vous avez montré comment créer vos propres infos-bulles en jQuery, aujourd’hui je vous présente un plugin vraiment sympa qui permet de faire très simplement des infos-bulle (ou tooltips) similaire à celles qu’on peut trouver sur Facebook ou encore Twitter. Lire la suite

Plugin jQuery: CuteTime, affichez vos dates comme sur Twitter

Par

Vous rêvez d’afficher les dates de vos articles à la façon de Twitter ou encore Facebook, CuteTime est fait pour vous! CuteTime est un plugin jQuery qui permet de convertir automatiquement des timestamps en date formatées d’une plus joli manière (ex: il y a 2 jours, etc..). Lire la suite