28/02/2016

J'ai testé pour toi un atelier HTML/CSS

Samedi après-midi, j'ai été faire un petit tour à Second Square #5 makers, le rendez-vous des bidouilleurs au Carreau du temple. Après avoir fureté dans les allées et échangé avec quelques petits génies créateurs, j'ai décidé de participer plus activement:  comme bloguer n'est pas forcément coder, j'en ai profité pour assister à un atelier HTML/CSS. Fastoche ? Heu... Presque.



15 h 55.  Je suis accueillie par Noé, futur docteur en informatique. Je m'installe derrière l'ordinateur qu'on m'a assigné, qui ne présente pas de différence majeure avec celui sur lequel je travaille quotidiennement (comprenez, pas de pomme à moitié bouffée qui traîne sur le clavier). Devant moi, se trouve un écran coupé en deux. A droite, un texte normal, à gauche, les hiéroglyphes que vous voyez apparaître quand vous appuyez malencontreusement sur HTML dans le back office de votre blog. Mais je ne suis pas inquiète, pas du tout.


16 heures. En attendant que tout le monde s'installe, je décide de construire une pyramide avec les cubes en papier disposés à côté de mon clavier. Je prends quelques photos pour immortaliser ma création.

16 h 05. En fait, les cubes n'étaient pas juste là pour décorer. Ils sont destinés à nous expliquer le fonctionnement du code. J'ai l'impression d'être à l'école primaire pendant une après-midi d'activités créatives. Je crois que je vais bien m'amuser.


16h08. Noé encadre une facette texte d'un cube avec deux facettes codes, une balise entrante au début et une balise sortante à la fin. On est dans le vif du sujet et d'une main, je griffonne sur mon bloc note pour assimiler tout cela. De l'autre, j'essaie de prendre une photo, mais je ne suis pas assez rapide et Noé a déjà lâché les cubes. Mince! J'ai compris au passage que <h1> était la balise qu'il fallait mettre avant le texte d'un titre important. Et </h1>, après. Note : pour les titres moins importants, il y a également h2 et h3, mais là, on rentre dans la sphère des super spécialistes.

16h30. Le rythme s'accélère et ma page se construit. J'apprends à mettre des balises gras, à intégrer une image (si, si) et même un lien hypertexte. Comme j'ai pris un peu d'avance sur le groupe (ou que je me suis emmêlé les pinceaux dans les balises et qu'un sauvetage s'impose), Guillaume -notre 2ème instructeur- se penche sur mon cas : après le HTML, nous abordons les bases (vraiment les bases) du CSS, qui régit l'aspect d'un site dans son ensemble. J'apprend comment appliquer différentes couleurs et je découvre que le code est une arborescence : selon la complexité d'un site, une cinquantaine de boîtes (de code) peuvent s'imbriquer les unes dans les autres... Argh...


17 heures. L'atelier se termine et je note l'adresse de Mozilla developper, l'interface sur laquelle nous avons travaillé. Je ne vais pas développer un site toute seule demain, mais je réalise que le code, ce n'est pas si compliqué que cela. Cette expérience m'a donné envie de bidouiller du HTML basique pour mes petites e-expériences.

Epilogue. Vous vous demandez ce que fait un atelier de HTML/CSS sur un blog écolo citoyen ? C'est tout bête. Quand on est un(e) citoyen(ne) responsable, on aime bien comprendre ce qui se passe dans les coulisses de l'exploit. Internet fait partie de notre quotidien, alors pour moi, savoir ce qu'il y a derrière les pages qui défilent devant mes yeux (et dont je suis parfois l'auteur), c'est la même démarche que de connaître les ingrédients qui constituent la crème dont je me tartine chaque matin la frimousse. Et d'ailleurs depuis que je les connais, je la fabrique moi-même et je guide même celles et ceux qui souhaitent s'y mettre.

14/02/2016

Avec Up to you, l'innovation est entre vos mains

En marge de ma facette alternative-écolo-citoyenne, je suis une grande amoureuse de bouquins... sur papier recyclé de préférence. Et lorsque vient vers moi un ouvrage construit autour de l'innovation positive, je ne peux pas passer à côté d'une petite chronique. Surtout lorsque le bouquin en question se décline dans un univers déjà familier sur ce blog: Après Up Campus, le réseau social des acteurs du changement, les Up Conférences où l'on fait de belles rencontres, Up Magazine, voici maintenant le dernier bébé Up to you.


Qu'est-ce que c'est ? Un livre écrit par Nicolas Froissard et William Elland-Goldsmith du groupe SOS, dont l'ambition est d'être « un voyage dans le monde de demain ». (19,90€, rue de l'Echiquier)

Comment ça marche ? Le bouquin est divisé en cinq thèmes : renouveler notre démocratie, changer l'école pour changer le monde, réinventer l'entreprise, ré-enchanter l'économie, innover pour quelle société et se termine par des applications pratiques : la semaine de Juliette. Pour livrer les secrets du monde de demain, Up to you s'appuie sur les Up Conférences et Up Café qu'elle organise régulièrement, avec des intervenants comme Alexandre Jardin et son mouvement Bleu Blanc Zèbre. Le bouquin est un best off des meilleures idées et meilleures actions déjà mises en œuvre avec succès.



Pourquoi le lire ?  Le format horizontal de l'ouvrage le rend agréable à manipuler, la division thématique avec des codes couleur facilitent la lecture et la navigation parmi les thématiques. C'est un livre à lire mais surtout à pratiquer, notamment grâce à la double page pratique à la fin de chaque thème, qui permet d'aller à la rencontre des initiatives abordées. Ou d'approfondir le sujet grâce à une bibliographie.



Le petit plus. Le livre s'achève par la semaine de Juliette, une citoyenne engagée qui fait partager son quotidien au lecteur. Avec elle, on découvre comment toutes ces alternatives se mettent en pratique au quotidien : Juliette apprend à réparer son électroménager, bosse dans un espace de coworking, épluche les légumes pour une disco soupe, s'habille en coton made in France...

Et maintenant?... Vous n'avez plus aucune excuse pour ne rien faire !!!