Bienvenue

Cet endroit est un espace de publication à fréquence (très) fluctuante. Trouvez ci-après les derniers articles publiés. Naviguez par catégorie (colonne de gauche) pour atteindre d'autres articles.

Les débuts de la Milpa

La Milpa donne son nom à une technique agricole consistant à faire pousser trois plantes en symbiose :
  • le maïs
  • le haricot grimpant
  • la courge

Le principe

Le maïs est une plante consommatrice d'azote. Le haricot poussant à ses pieds va lui fournir ce qu'il désire grâce à sa capacité fixatrice d'azote. Le maïs servira de tuteur naturel au haricot. La courge plantée au pied du maïs couvrira le sol pour réduire sa transpiration, servir de paillis naturel et ainsi éviter aux adventices de proliférer.

J'ai d'abord découvert cette technique agroécologique via un paquet de graines distribué par Terre vivante. Mais c'est le film de Marie-Monique Robin "Les moissons du futur" qui m'a convaincu. La Milpa est une technique Maya utilisée depuis longtemps, au Mexique par exemple.

Pourquoi ?

Je me suis d'abord intéressé à ce système cultural parce que tuteurer c'est chiant. Mais tuteurer est assez indispensable car je pratique peu les variétés naines. Je préfère les grands déballages de matières organiques ! J'ai fait et je continue à faire des recherches de tuteurs naturels pour haricots, pois, tomates, etc.
Ensuite, la Milpa est intéressante pour le gain de place qu'elle génère. Cultiver le haricot et la courge sur une même parcelle divise par deux l'espace à allouer.

Crédit photo : http://immersionameriquelatinepaysanne.files.wordpress.com

1ère étape

J'ai semé mes grains de maïs le 23 mars. J'attendrais qu'ils aient atteint une quinzaine de centimètres avant de planter à leurs pieds courges et haricots.

Je posterai d'autres articles en fonction de l'évolution de cette expérience.

Solution tout-en-un pour créer un site Internet complet de qualité : Meabilis

Nethik l'a annoncé dans son billet Meabilis, une nouvelle façon de créer son site internet, Meabilis est lancé, avance et avance bien.

Alors qu'est-ce que Meabilis ?

Meabilis est une solution web alliant la facilité d'utilisation (pas de connaissance en programmation requise) à la vélocité d'un système couvrant le maximum des besoins qu'un professionnel du web peut avoir. La qualité étant un des objectifs principaux du projet.

Qu'est-ce que je peux faire avec Meabilis ?

Grâce à sa multitude de modules prêts à l'emploi et utilisables en 1 clic, Meabilis permet de faire un site Internet complet sans connaissance technique particulière. Pour vous donner une idée, voici quelques modules dont vous pourriez avoir besoin : la galerie de photos ou de vidéos, la Carte Google Maps, le formulaire de contact, le lecteur de flux RSS, etc.

Tous ces modules sont facilement personnalisables, mais un accès au code HTML / CSS est possible pour les connaisseurs et pour ceux qui aiment "avoir les mains dedans".

Plus d'informations sur le centre d'aide Meabilis, rubrique Guide.

Ca va me coûter un bras ?

Meabilis est accessible à toutes les bourses puisque l'offre Mea Free est gratuite et comprends toutes les fonctionnalités (hébergement, plusieurs chartes graphiques, nombre de page illimité, 500 Mo d'espace, avec publicité). L'offre Mea Plus qui comprends plus d'espace web, plusieurs boites mails et un nom domaine, se veut "Low cost" à un prix de 10€ HT / mois. De nombreuses options sont disponibles à la carte telles qu'un design personnalisé, des noms de domaines supplémentaires, l'intégration de contenu, etc.

Plus d'informations sur la page dédiée aux offres.

De la qualité, de l'éthique

L'équipe de l'agence Nethik (statut SCOP) est soudée autour de valeurs telles que les bonnes pratiques, la qualité et l'éthique professionnelle. C'est pourquoi Meabilis suit les recommandations de consortiums reconnus (W3C) et s'engage à reverser 10% des abonnements Mea Plus à des associations luttant pour des causes humanitaires, sociales ou environnementales.

Plus d'informations sur l'éthique Meabilis sur la page dédiée.

Des exemples ?

Découvrir Meabilis en vidéo et en 2 minutes

Visite guidée de la création d'un site internet complet avec l'outil en ligne Meabilis.

Nethik, agence web et Terra-octet, service professionnel de transferts de fichiers

Je vais enfin pouvoir justifier la mise au ralenti de ce blog : le boulot ! En effet, depuis quelques mois, je me suis associé avec mes collègues de travail afin de créer notre agence web : Nethik.

Nethik, composée de 7 salariés associés est une SARL SCOP, c’est à dire une société coopérative et participative. Le principe est que chaque salarié détient une voix dans toutes les décisions de l’entreprise.

En incluant le salarié au coeur de la vie de la société, la Scop permet un investissement de chacun, au nom de tous. L’éthique professionnelle (qualité, standards, relation client transparente) est un peu l’objectif que nous avons envie de donner à notre société.

Pour en savoir davantage, vous pouvez aller lire mon billet à propos de la forme juridique Scop sur le blog de Nethik.

Après la mise en ligne de la boutique d’objets déco Keladeco il y a peu, Terra-Octet vient de voir le jour ! Il s’agit d’une solution professionnelle d’échange de fichiers. Terra-octet permet de transmettre des données volumineuses (albums photos, vidéos, fichiers graphiques, fichiers clients, etc.) via une interface web (avec reprise des téléchargements échoués), via votre poste de travail (Webdav, Rsync), via FTP, et cétéra de manière sécurisée.

Vous pouvez tester via la démonstration et me donner votre avis ! Sachez aussi que nous reversons 10% des abonnements de Terra-Octet à des associations.

Pour en savoir plus, Sandrine parle de Terra-Octet sur le blog de Nethik.

E-boutique : Vos avis sur votre utilisation de tri et de pagination de produits

Au bureau, le débat fait rage, peut-être que vos avis pourront faire avancer nos points de vue. Il s’agit de savoir quel type de comportement attendre d’une liste de produits d’une boutique Internet lors d’un tri.

Un exemple sera plus parlant :

Vous souhaitez acheter un écran plat sur une boutique Internet. Arrivé dans la rubrique des écrans, vous naviguez de page en page à la recherche de l’écran rêvé, jusqu’à arriver à la page 5 sur 10. Le site vous propose un système de tri sur les articles proposés. Vous décidez de trier par prix croissant.

Vous attendez-vous à :

  1. vous retrouver sur la première page des résultats, l’article le moins cher en première position ?
  2. rester sur la page 5, et de ce fait, vous situer au niveau des produits du milieu de la gamme?

Cette question ergonomique pour un site d’e-commerce d’un client n’a pas fait aboutir notre débat à un consensus. Je n’ai pas de module de sondage installé sur ce blog, ce serait sympa de réagir et de voter en utilisant les commentaires.

Appliquer des styles CSS à un élément de contenu WYSIWYG avec TinyMce

TinyMce est un éditeur de texte pour applications web. Pour en savoir plus, voir un comparatif de plusieurs éditeurs WYSIWYG.

Des classes à disposition de l’utilisateur

Avec TinyMce, il est possible d’offrir à l’utilisateur de l’outil, la possibilité d’appliquer des styles CSS prédéfinis (classes) au contenu à mettre en forme. Pour cela, il suffit de créer une feuille de style avec les classes voulues et de la lier à TinyMce lors de son instanciation.

Des CSS personnalisés par défaut

Le paramètre suivant permet de “surcharger” la feuille de style par défaut de TinyMce. Cela permet par exemple de mettre en forme les listes à puces du contenu WYSIWYG de la même manière que dans le reste de votre application.

tinyMCE.init({ ...
  content_css : "tinyclasses.css" 
// relatif à http://domaine.com/mon_site/tinyclasses.css});


Dans l’exemple ci-dessus, on a une instance de TinyMce, grâce à la méthode init().
Il suffit de passer un paramètre de plus comme ceci :

tinyMCE.init({...
  theme_advanced_styles : "Applications=tiny-appli;
  Les plus=tiny-plus;
  Gamme=tiny-gamme;
  Rouge=tiny-rouge;
  Petite taille de police=fontSize1;
  Taille de police normale=fontSize2;
  Grande taille de police=fontSize3;
  Image à gauche=gauche;
  Image à droite=droite;"});

pour obtenir une liste déroulante des classes que vous aurez définies grâce au paramètre theme_advanced_styles sous la forme : {Intitulé=class;}