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 !

Glyphs HTML

Cela fait un bout de temps que j’ai ce petit lien dans mes cartons : une ressource qui répertorie les différentes façon d’écrire un caractère spécial au format ISO pour l’inclure dans nos CSS et notamment  avec la propriété content, mais aussi en hexadécimal, etc. Une ressource incontournable donc. Merci Chris Coyier.

iconmonstr – des icônes gratuites en PNG et SVG !

Vous cherchez des icônes minimalistes pour vos interfaces utilisateur ? Alors le site iconmonstr.com est fait pour vous ! En plus de proposer plus de 600 icônes de qualité, celles-ci sont disponibles au format PNG, mais aussi et surtout au format SVG ! Le must pour vos interfaces adaptées aux écrans hautes densité !

Avancements du projet "Thèmes à monter soi-même"

Par

Mi-octobre je lançais l’idée de proposer des templates HTML5/CSS3 à télécharger gratuitement ici sur le blog, je ne reviendrai pas sur les raisons qui m’ont poussées à entamer cette démarche, ici j’ai envie de vous parler de comment ce présente l’enfant. Lire la suite

Humane JS : vos notifications utilisateur en JavaScript

Humane est une petite librairie JavaScript permettant d’afficher simplement des notifications à l’écran. Pas besoin d’un framework comme jQuery ou Mootools. Les animations sont réalisées en CSS3 quand le navigateur le permet ou bien via JavaScript si le navigateur ne les supporte pas.

Des templates HTML5/CSS3 gratuits, ça vous intéresse ?

Par

Ça viens de me tomber sur le bout du nez à l’instant. Malgré un cursus de développeur Web, j’ai toujours été attiré par le design Web, et encore plus ces deux dernières années, à tel point que je manque quelques fois de motivations quand vient le moment du développement pur est dur, préférant m’attarder sur le design dans Photoshop et son intégration HTML CSS. Mon poste actuel ne me permet pas de passer tout mon temps à concevoir des maquettes fonctionnelles, ergonomiques et jolies, et c’est dommage. Lire la suite

css3button.net – Vos boutons en CSS3, tout simplement

Encore une petite trouvaille en cette fin de semaine (je vais finir par en faire une habitude si ça continue) : au programme aujourd’hui une ressource bien sympa pour créer nos joli bouton d’interface, comme les fameux boutons « Submit » de nos bon amis les formulaires Web.

On le sait tous, préparer nos images pour nos boutons de formulaire, que l’on va potentiellement utiliser un peu partout sur un site, c’est chiant. CSS3 nous sauve un peu la vie, les jolis boutons qu’on claque dans nos maquettes, c’est parfois pas la joie à intégrer.

Alors pourquoi ne pas créer ces boutons, fourrés aux dégradés et autres joyeusetés top-tendance,  directement avec CSS3, sans passer pas Photoshop ? Vous avez demandé un générateur qui vous mâche  les déclarations CSS? tant mieux!

spin.js – votre loader full CSS

Si vous servez du contenu via AJAX sur votre site, vous avez surement mis en place un loader au format GIF afin de montrer qu’un contenu est entrain d’être chargé et qu’il faut patienter quelques instant avant qu’il ne s’affiche. Et si je vous disais que ce petit « sablier » pouvait être remplacé par du simple CSS3, vous me croiriez? Non, alors cliquez voir sur ce lien et vous serez surpris ;)

Awesome Fontstacks – vos piles de polices tout simplement

Créez facilement et rapidement des piles de polices, s’accordant parfaitement, et avec fallbacks. Le tout, à emporter grâce à une feuille de style générée automatiquement! Enjoy!

Subtle Patterns – Des motifs haute qualité à télécharger gratuitement

Voilà un site fort utile si vous aimez les fonds de page simples et sophistiqué. Au programme des pattern sable, papier ou encore carbone. Enjoy!