Ressources gratuites html 5, CSS3 et jQuery pour les graphistes

Aujourd'hui au menu des Trouvailles du Web - Episode 13, nous allons avoir un peu de code, avec une lightbox jQuery, une analyse CSS, une autre lightbox responsive, un superbe script jquery pour du SVG, et un slider jquery ultra simple à mettre en place. Les trouvailles du web sont un recceuil de mes recherches sur Internet, je garde des pages ouvertes au fur et à mesure de ma veille, utilisant les blogs, facebook et twitter pour assouvir ma connaissance et ma culture web. J'espère que ces ressources vont interesseront autant qu'à moi.

Un viewer de photos avec Glisse.js

Simple et responsive, Glisse.js permet d'afficher des images en plein écran, simplement via le jQuery. Des transistions sont prévues entre les images par les actions suivant ou précédent. Une documentation très simple et très bien faite vous accompagnera pour monter ce script sur vos pages web.

glisse.fr (site indisponible)

Un analyseur de feuilles de styles CSS

CSS Analyser est un analyseur de feuilles de styles CSS. Il permet de le valider W3C tout en pointant du doigts certaines pratiques CSS qui ne seraient pas bonnes : déclaration des règles et des instructions, simplification du code, ...

CSS Analyser (site indisponible)

Une lightbox responsive avec Fresco

Fresco est un système de lightbox (zone s'ouvrant par dessus le site web sans quitter la page) responsive et très léger qui permet de charger des vidéos Youtube et Viméo. Les démonstrations vous prouveront que ce script est tout simple et qu'il fonctionne bien sur un ordinateur, une tablette et un smartphone

Fresco, responsive lightbox

Du dessin SVG en jQuery

Très original, Lazy Line Painter permet d'animer un dessin au format SVG sur nos pages web. Pour cela il suffit d'enregistrer un fichier illustrator en SVG en respectant quelques règles : ne pas cloturer les lignes (les laisser avec un début et une fin), pas de formes pleines, etc... Le fichier jQuery fera le reste et vous animera l'ensemble comme si quelqu'un était en train de le dessiner en live. Très sympa !

Lazy Line Painter

Un slider jQuery on-ne-peut-plus-simple !

Encore un slider, oui c'est vrai, mais celui là est vraiment simple à utiliser. Regardez vous-même !

Unslider (site indisponible)