Recent content on I Wanna Be a Sailor
What I’m doing as of Friday, February 06 2026 64 years, Retired. Student in transition. Happy to live the last phase of my career : a liminal creativity slot where I wanna become a good lover, father, grandfather… Planning February March Avril 🌳 Vietnam 🌳 FR ⛵️🌳 FR (Thanks to Derek Sivers for the idea of keeping a /now page like this one.
Départ ce soir pour quelques jours de navigation à bord de Canardo un dériveur tout aluminium. Route maritime de Saint Brieuc pour arriver à Oban (Écosse). Nous devrions faire escale aux îles Scilly et à l’île de Man. Retour prévu mi-juillet selon les conditions météo qui semblent être plutôt calmes après un rapide aperçu des prévisions dans Weather4D. Preneur de vos conseils pour un retour…
Premier post « retour de navigations » pour remercier le Crédit Agricole Pyrénées-Gascogne de m’avoir fait confiance pour les accompagner dans l’organisation du premier barcamp sur le thème du « bien vieillir ». À 57 ans —passionné de fait par la thématique sénior— je serai ravi de compter sur votre présence si vous êtes entrepreneur, startup ou…
Ceci est une traduction de l’article « Identity for the Decentralized Web with IndieAuth » publié le 24 octobre 2018 par Aaron Parecki sur Hacks.Mozilla.org (#Dweb). Dans la série Dweb, nous couvrons des projets qui explorent ce qui est possible lorsque le web devient décentralisé ou distribué. Ces projets ne sont pas affiliés à Mozilla et certains d’entre eux réécrivent les…
L’app Sunlit est conçue pour les photos qui racontent une histoire. Publiez des photos sur votre propre blog — hébergé par Micro.blog ou des blogs compatibles tels que WordPress — et découvrez de magnifiques photos provenant d’autres utilisateurs. “Placer ici un visuel timeline utilisateur” Faites défiler une chronologie des photos de vos amis sur Micro.blog. Importez des…
tags: [indieweb, webmentions, microblog] Manton Reece a porté aujourd’hui quelques améliorations de webmentions sur Micro.blog : Réparé le permalien pour une réponse quand vous n’êtes pas connecté.e, ce qui empêchait les sites externes de vérifier le lien après avoir reçu une Webmention de la part de Micro.blog. Ajouté une prise en charge limitée pour l’acceptation de réponses…
Cela fait plus d’un semestre que j’étudie Micro.blog et Mastodon, deux alternatives indieweb à Twitter. David Anson a eu le mérite de publier un tableau comparatif sur github. Seul le lien original fait référence. Nous sommes nombreux à chercher des alternatives à Twitter et il existe deux services qui sortent du lot : micro.blog et Mastodon. Ces deux services prennent différentes…
Cette traduction est extraite du Journal de Patrick Rhone. Seul le lien original fait référence. Ci-dessous une légende pour les métadonnées sur les notes - élément action (non fait) + élément action (fait) -> en attente (c.-à-d. pour une autre action) <- délégué △ point data ○ déplacé ou reporté sur une autre liste Historique Tiret / Plus est un système de marquage de métadonnées que j’ai…
Jean MacDonald, community manager chez micro.blog a interviewé hier Aaron Parecki lors de la conférence XOXO. Aaron est l’organisateur du StreamPDX mais aussi le co-fondateur du mouvement IndieWeb. Si vous avez un quart d’heure, écoutez-les parler des fondamentaux et des valeurs indieweb, du service Micro.blog et de l’importance d’avoir votre propre domaine pour contrôler…
Bonsoir Chris. Back from holidays. Testing micropublish.net « reply feature ». Work in progress and I’ll try to be helped in France. Hope to adapt the Micropub-to-github endpoint on this GoHugo instance. (the YAML’s tag line still generates some errors and needs manual edits.) Really enthousiast on micropub. To be written -I hope- in my 2019 indieweb roadmap :) Bonne soirée…
Agenda Briefing Glenux sur micropub. Aperçu des usages pour faciliter la publication web. > “Enthousiasme”. Configuration d’un point de terminaison #micropub sur une motorisation gohugo.io. “à étudier” par Glenn. Parcours-utilisateur et interfaces. – “à écrire” Documentation : micropub sur indieweb Premières expérimentations techniques. Schémas…
Micropub : test de création d’un h-entry basique Cette petite note a été générée par Micropub Rocks! un validateur destiné à aider à tester une implémentation Micropub. Le protocole Micropub est utilisé pour créer, mettre à jour et effacer les posts sur son propre domaine enn utilisant des clients tiers. Les apps Web et natives (iPhone, Android) peuvent utiliser Micropub pour poster et…
Micro Guide : Modifier les couleurs par défaut du thème Micro.blog Marfa Changé le thème de mon micro.blog vers Marfa. Marfa, c’est le nouveau thème proposé aux sites web hébergés par Micro.blog. J’aime vraiment ce thème conçu par Marcelo Marfil inspiré par le thème Cactus. Pour la touche personnelle, j’ai suivi les inspirations de @RoelWillems afin de changer la couleur par…
Depuis le début du mois, j’explore ailleurs et avec joie le service hébergé d’un micro.blog… micro.blog c’est un service de microblogging et de réseautage social construit sur Jekyll et lancé le 24 avril 2017 par Manton Reece après une campagne réussie sur Kickstarter lui ayant permis de trouver les fonds en une journée.12 C’est le premier gros service de média…
36ème jour de mon défi #100daysofcode où je parviens à la fin de mon apprentissage des fondamentaux HTML/ CSS , bien accompagné par l’excellent cours de Todd McLeod . Un cours « pur CSS » et où les frameworks CSS obèses comme « Bootcrap » sont clairement bannis. Durant les prochaines semaines, j’envisage de déroger à la règle et d’étudier Tachyons , un…
Contact Vous pouvez me joindre par ordre de préférence : sur twitter, DM @xtof_party par SMS : +336 32 03 97 96 christophe@ducamp.me Ailleurs GitHub Clé publique PGP/GnuPG sur KeyBase Abonnement RSS Suivez ce blog (RSS)
Ce site personnel est édité par Christophe Ducamp, 1 rue des Poissonniers, 75018 Paris. Il est hébergé par Netlify. Sauf indications contraires, tous les contenus sont publiés sous licence Creative Commons. Ce(tte) œuvre est mise à disposition selon les termes de la Licence Creative Commons Attribution 4.0 International. Je m’engage aussi sur ce site à tout mettre en oeuvre pour respecter…
Avant de partir en pensée design css pour construire une page d’accueil « above-the-fold » avec un menu personnalisé et d’autres layouts fondamentaux, je découvre avec enchantement les potentiels de mise en forme du Skeleton, le boilerplate intégré dans le thème hugo-zen. Typographie La typo est définie avec les rems, de sorte que les tailles de police et les relations…
J’en rêvais depuis quelques mois. Après quelques années vécues sur jekyll, je migre aujourd’hui vers le framework GoHugo avec le thème minimaliste « hugo-zen » : Hugo Zen is a minimal hugo theme with Skeleton and has ~100 lines of custom CSS. Nouvelle aventure d’apprentissage sur la rénovation à venir de mon site personnel. Peu à l’aise sur les gros frameworks…
Une première ébauche de traduction pour étude d’un nouveau thème Hugo, extraite de la source originale, seul lien de référence. Tufte CSS fournit des outils pour mette en forme des articles sur Internet en utilisant les idées démontrées par les livres et les documents d’Edward Tufte. Le style de Tufte est connu pour sa simplicité, son utilisation intensive des notes dans les pages, une…
Devoirs de vacances aujourd’hui avec quelques exercices extraits de http://www.flexboxpatterns.com/. Ma production 100daysOfCode du jour s’achèvera sur le troisième exercice des flexbox patterns consistant à construire un en-tête de site. Vous trouverez ci-dessous mon échantillon de code, avec en bonus : Ma première « extraction SVG ». Qui devrait théoriquement…
Statut : Après l’étude des couleurs, je reste toujours motivé par l’excellente section « graphisme » dans le cours en ligne de Todd McLeod : « How to Create A Website: An HTML Tutorial and CSS Tutorial ». Mon intention à cette heure : explorer la personnalisation d’icônes SVG en HTML et CSS pour intégration dans les menus de sites web responsive, mesurer…
20ème journée consacrée à la section Graphisme sur les bases de l’excellent bootcamp html/css de Todd McLeod . Une grosse section qui couvre les couleurs, les images et l’extraction d’icônes en SVGs.
Amorçage de construction d’une pleine page responsive « above the fold ».
16ème jour. Roméo, le petit châton est bien dans la boîte 007… Travaux à poursuivre ! Absorbé par le cours HTML/CSS de Todd McLeod sur les quatre sections couvrant la pratique du design flexbox . Enthousiaste pour imaginer de futurs layouts pour les galeries photos.
Étude en cours : Flexbox et la pensée conteneur. Flexbox Froggy est un jeu vous demandant de positionner des grenouilles sur des nénuphars en utilisant les propriétés flex-box.
12ème jour : Plan de Route suivi « Basic Front End Development Projects » du freecodecamp. Premières briques HTML déposées et à raffiner (framework bootstrap.)
Retour à Paris au frais. Reprise du défi #100daysofcode avec un second moniteur. Toujours motivé avec l’intention ferme de réviser et pratiquer proprement CSS, avant toute tentation pour plonger dans le bricolage des thèmes Hugo. Appris quelques rudiments de framework Bootstrap.css en vue de poser une première page d’hommage sur code pen. Découverte du jour Le calculateur de…
Shoelace.style est un kit de démarrage, pas un framework. Son auteur nous invite à le considérer comme une réinitialisation CSS saupoudrée de quelques composants utiles. Les utilisateurs de Bootstrap le trouveront familier, mais rafraîchissant. Shoelace est personnalisable à travers les variables CSS. Il ne nécessite ni Less, ni Sass, ni aucun prétraitement. La version minifiée fait seulement…
10ème jour du défi. Motivé pour revenir aux fondamentaux CSS. Dextérité-clavier de Todd McLeod qui crève l’écran dans son magnifique tuto-vidéo CSS Fasciné par emmet.
Découverte d’Emmet durant une séance matinale, avant la chaleur .
8ème jour. FreeCodeCamp : initiation au responsive design. Aménagement de ce micro-site. Avec l’espoir de m’émanciper en HTML/CSS pour sortir des thèmes fondés sur Bootstrap.
Lien de référence indieweb : IndieMark Production du jour : Les posts sont marqués avec h-entry https://indiewebify.me/validate-h-entry/ dans le thème « beautiful-hugo ».
6ème jour. 2 heures pour raffiner un bouton « edit », aménager un dossier photos et amorcer les étapes d’indiewebification…
Les bannières d’images en haut de la page font référence à bigimg dans ce thème. Elles sont facultatives, et une image ou plus peuvent être spécifiées. Si plus d’une image est spécifée, ce qui n’est pas recommandé , les images tournent toutes les 10 secondes. Dans le front matter, les bigimgs sont spécifiées en utilisant une array de hashes.
Premier post sur ce nouveau site dédié à compléter mon log 100daysofcode. Bien installé dans les massifs à proximité de Sank Pölten. Temps pluvieux, les photos suivront demain… En ce « R1D4 » (4ème jour d’engagement du premier round de 100daysofcode, je suis excité à l’idée de compléter mon log 100daysofcode en mettant les mains dans le générateur de site statique…
Vous pouvez écrire ici en markdown normal et Hugo le convertira automatiquement en une belle page web. Je vous encourage fortement à prendre 5 minutes pour apprendre à écrire dans markdown - cela vous apprendra comment transformer le texte normal en gras / italique / titres / tables / etc. Voici du texte en gras Ici un titre secondaire Ici un tableau inutile : Nombre Nombre suivant Nombre…
KaTeX peut être utilisé pour générer des formules de maths complexes côté-serveur. $$ \phi = \frac{(1+\sqrt{5})}{2} = 1.6180339887\cdots $$ Vous trouverez plus de détails sur GitHub ou sur le wiki .
Un échantillon de code utilisant la mise en surbrillance de syntaxe intégrée dans Hugo..
Mon nom est Christophe Ducamp. Père de famille de 3 enfants, j’ai 38 ans (dans le système de numérotation hexadécimal), je vis à Paris et suis un newbie en code. Pour en savoir plus, vous pouvez me joindre sur twitter @xtof_party. 100daysofcode ? Par défi personnel, je me suis engagé à coder 1 heure par jour pendant 100 jours. Les raisons plus précises de mon engagement on été posées sur mon…
Log Round 1 Copie de mon journal de bord publié sur GitHub concernant mon défi #100DaysOfCode. Un défi personnel d’apprentissage démarré le lundi 24 juillet 2017 avec la ferme volonté de colorier les « petites cases » du dessus. En somme apprendre à construire un site personnel correct et plus amusant à faire tourner. D1 : lundi 24 juillet Comment j’ai Connu le Mouvement…
Pages I Wanna Be a Sailor Information de Contact Mentions légales Merci Pages Qui suis-je Sitemap Skeleton What I'm doing now Posts de Blog 100DaysOfCode Log - Round 1 Algie Vasculaire de la Face, Anti-Douleur et Humeur Améliorations des webmentions sur Micro.blog Anti-sèche markdown Antisèche Ligne de Commande pour Démarrer sur GitHub !
Rêvant d’une vie plus nomade pour 2017, je suis en train de revoir mon workflow de photos pour travailler en toute sécurité. Ce post est une traduction-adaptation d’un post trouvé dans le dépôt GitHub de Bruno Marinho. Seul le lien original fait référence. N’étant pas photographe professionnel, les sauvegardes redondantes et cette folie de multiplier les disques durs externes de…
Plus de dix ans que je n’avais posé mes pieds à Rouen. Eu la chance aujourd’hui de me mettre dans le flow et les yeux de Bertrand, un as de la jamstack. Magnifiques échanges. Partagé de belles visions sur le futur des réseaux sociaux des grandes familles élargies, le design de quartier et ses « Pattern Language » sans oublier l’UX et les UIs statiques. Retourné à…
Zoom sur la main de la sculpture de Vincent Van Gogh visible dans le parc Van Gogh d’Auvers-sur-Oise réalisée en 1961 par Ossip Zadkine, artiste sculpteur, d’origine russe. Un joli point de départ à proposer à vos potes pour vos « photowalks » à 45 minutes de Paris.