• A la une
  • Catégories
  • Dossiers
  • +

Faites un site dynamique uniquement en HTML/CSS et gratuitement avec Mavo

par Benjamin SANCHEZle 17/05/2017

Attention gros coup de coeur aujourd'hui avec Mavo, une ressource absolument phénoménale vous permettant de créer des sites dynamiques et éditables uniquement en HTML et CSS, gratuitement et sans connaissances en programmation serveur.

Faites un site dynamique uniquement en HTML/CSS et gratuitement avec Mavo

Bien que cela soit réducteur de le considérer comme cela, Mavo est une ressource Javascript dont le but est de permettre à tous les intégrateurs de développer un site dynamique et editable, et ce même s'ils n'ont aucune connaissance de développeurs. Grâce à cette ressource, pas besoin de connaitre le fonctionnement de Javascript, PHP ou d'aucune base de données pour créer une application web simple ou un site vitrine éditable !

Le fonctionnement de Mavo est vraiment très simple : pour commencer, téléchargez et linkez les fichiers JS et CSS (un de chaque) fourni par Mavo sur votre site. 

Une fois fait, déclarez votre application grace à quelques arguments HTML simplicimes et parametrez là en lui définissant un nom, une méthode de stockage pour les informations éditables, etc.

Voilà, votre application est faite, il ne vous reste plus qu'a créer vos premiers éléments ! Pour cela, créez vos elements en HTML comme vous le faites habituellement et ajoutez leur l'attribut HTML "property". Rapide, efficace, et surtout a la portée d'absolument tout intégrateur.

Et le plus beau dans tout ça, c'est que c'est tout ce que vous avez à savoir. Felicitation, vous etes maintenant presque capables de créer entièrement un site dynamique, juste avec cette unique technique. Il ne vous reste plus qu'à lire la documentation pour apprendre toutes les subtilités de l'outil.

Où sont stockées les données ?

Mavo étant une ressource open source et non pas un service, vous vous doutez qu'ils n'hébergent pas les données pour vous. Comment sont donc hébergées ces dernières ? Vous avez plusieurs solutions.

Tout d'abord, il est possible d'héberger les données en local storage, c'est même le mode par défaut proposé si vous ne configurez pas le stockage de votre application. Malheureusement, comme vous pouvez vous en douter, cette solution n'est pas du tout applicable pour une solution publique, comme un portfolio ou un site vitrine par exemple.

Si vous avez envie que les données entree sur le site soient visibles par tout le monde, il est possible de les héberger gratuitement sur Github ou Dropbox par exemple. Cela est automatique, ne vous demande pas la moindre connaissance de Git ou du mode de fonctionnement des deux plateformes citées, et ne vous demandera aucune action supplémentaire de votre coté (a part créer un compte sur la plateforme choisie bien sur).

Pour une liste complète des arguments et moyens de storage à votre disposition, je vous propose de lire la partie dédié de la documentation.

 

Un gros coup de coeur

Mavo, c'est exactement le genre de ressource que l'on croise parfois et où l'on se dit "c'est vrai que c'est cool comme idée, mais c'est un peu cher pour un simple hébergement de sites vitrine", ou bien "et si le service s'arrête, il se passe quoi", sauf que là ces problèmes ne se posent pas.

L'hébergement resté a notre discrétion, l'outil est gratuit et open source, la documentation complète et claire, la syntaxe logique et simple à retenir, que demander de plus ? 

Des plugins et une bonne gestion des droits ? Ça tombe bien, ces deux points sont disponibles (pour les droits, c'est a travers l'interface GH/dropbox neanmoins), je ne les ai juste pas abordé durant l'article !

Sans aucun doute, Mavo est une excellente trouvaille, peut-être mon coup de coeur 2017. Une ressource vraiment très jeune (sorti hier) mais très proche de la perfection.

  • Partager l'article en 1 clic !

    N'hésitez pas à aider le BlogDuWebdesign
Avatar_thumbAuteur : Benjamin voir son blog

Développeur autodidacte depuis quelques années, déjà, je suis le développeur du blog du webdesign, où mon rôle est de concretiser les différentes idées et maquettes.

Devenez membre !

Rejoignez la communauté des créatifs du web !
- Partagez vos créations
- Gagnez en visibilité
- Créez votre blog facilement
> En savoir plus

Créer mon compte
twitter birdtwitter birdtwitter birdtwitter birdtwitter bird
twitter bird
Ouvrir