Ressources gratuites html 5, CSS3 et jQuery pour les graphistes

Blog du Freelance > Les trouvailles du web - Episode 13

Les trouvailles du web - Episode 13

Ressources gratuites pour les webdesigners

Posté le 01 juin 2015 | Rangé dans Ressources

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

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

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

A propos de l'auteur

jacques Danilo, blogueur et freelance

Jacques Danilo
www.pixelcrea.com

Graphiste indépendant depuis 11 ans, photographe et formateur freelance dans le Grand-Ouest. Passionné par le web et les nouvelles technologies, blogueur et entrepreneur, je suis à votre disposition :

Contactez-moi

Sur le blog du freelance

Calendrier des animations e-commerce en 2017
oui

Calendrier e-commerce 2017

L'année 2017 approche à grand pas et il est grand temps de préparer sa stratégie e-commerce. Pour ne rien rater, j'ai préparé une onfographie ...

Prestashop 1.7 : Toutes les nouveautés
oui

Nouveautés Prestashop 1.7

Prestashop, le leader du CMS e-commerce vient (enfin!) de faire une grosse mise à jour, aussi bien sur le fond que sur la forme. Une grosse refonte qui concerne aussi bien la partie ...

10 points à vérifier avant d’acheter un thème Wordpress
oui

acheter un thème Wordpress : 10 points importants

Avant de partir tête baissée sur le thème coup de cœur vu sur une plateforme d’achat (ThemeForest, Elegant Themes, …) sous prétexte que le ...

5 infographies pour comprendre WordPress
oui

5 infographies pour WordPress

WordPress est le CMS le plus utilisé dans le monde, avec près de 25% des sites web dans le monde. Dans tous les domaines, à tout niveau, WordPress est l'outil ...

Vérifiez si votre site est optimisé pour la version mobile
oui

Testez si votre site est mobile-friendly

Un tout nouvel outil SEO pour la compatibilité mobile, le mobile-friendly, vient de sortir sur la plateforme Think With Google. Il s'agit d'une version remasterisée de ...

Partagez cet article sur les réseaux sociaux

Les commentaires

Il n'y a pas encore de commentaires, soyez le premier à réagir
Laissez un commentaire

Laissez un commentaire








* Champs obligatoires

» Retour au blog du freelance