Très rapidement : je suis une étudiante de 19/20 ans en MMI, et je code généralement en HTML/CSS/JS/PHP.
Le projet
Génèse
Etant souvent obligée d'utiliser des animations au scroll pour les sites que je fait et trouvant cela un poil redondant et approximatif, j'ai voulu créer un système permettant de tout automatiser simplement.
Généralités et avancement
Je vous propose aujourd'hui une première version fonctionnelle.
Toute la documentation est ici (j'ai essayé d'être claire mais si ce n'est pas le cas dites-le moi) donc je vais éviter de me répéter. Vous pouvez télécharger le dossier avec la page de test et l'utiliser comme bon vous semble gratuitement ! (revente interdite).
En gros, vous pouvez :
- choisir des animations pour tous vos éléments en ajoutant de simple classes à vos éléments
- personnaliser ces animations avec des classes optionnelles (des paramètres par défaut s'appliquent déjà à toutes les animations choisies)
- personnaliser les paramètres par défaut
Le projet et son originalité
La simplicité
Il suffit de charger le fichier JS + le Jquery dans le head et d'ajouter des classes aux éléments à faire apparaitre.
La gratuité
Rien de plus à dire je pens
La personnalisation
Vous pouvez l'utiliser de 2 façons :
- une très simple en ajoutant juste les classes nécessaires à l'ajout d'une animation et les paramètres par défaut seront utilisés.
- une utilisation plus poussée en rajoutant des classes correspondant à des paramètres supplémentaires
Donc voilà une façon simple, rapide et tout de même assez large niveau choix pour ajouter quelques animations simples au scroll dans vos pages web
Il y aura sûrement des modifications pour de nouvelles fonctionnalités, je préviendrais ici il suffira de télécharger la nouvelle version.
Plus tard je la mettrais en ligne et vous pourrez directement mettre en SRC le lien internet, vous aurez juste éventuellement le fichier de config à télécharger. (ça vous permettra de toujours avoir la dernière version).
Ce qui se fait habituellement, c'est de fournir une version complètement indentée, pour permettre aux gens de comprendre le code et de développer autour, et une version minifiée (souvent nommée .min.js), pour la production.
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Une page de démo serait pas mal du tout Joli boulot
La page de démo s'appelle test.html, tu peux la téléchager en même temps que le dossier.
Sinon je viens d'acheter un domaine je suis en train de faire un mini-site servant à présenter des pages de démos
Oui je sais j'ai été voir, quand je parlais de demo je parlais en ligne, mais nickel dans ce cas présent
Du coup j'ai édité le lien de mon 1er message, j'ai rajouté le lien de la démo.
pour le reste du site c'est vraiment pourri mais c'était juste histoire de mettre ma page de démo assez rapidement. J'ai préféré faire un site et non juste une page, car je pense que je ferais d'autres petits outils donc ça servira.
Je pense également "dépanner" ceux qui n'ont pas envie d'acheter un hébergement ou domaine juste pour mettre une page et veulent mettre en ligne une démo, c'est à voir...
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
Je ne suis plus modérateur, ne me contactez plus pour des demandes, je n'y répondrai pas.
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)