RĂȘve de mise Ă jour de christopheducamp.com sur mes futures navigations
Le premier Barcamp sur le thĂšme du "Bien Vieillir"
Identité pour le Web Décentralisé avec IndieAuth
Sunlit n'est pas valable pour toutes vos photos. Juste les meilleures.
Améliorations des webmentions sur Micro.blog
Une Comparaison Pratique de Mastodon et Micro.blog
Le systĂšme Tiret/Plus de Patrick Rhone
MicroMonday : entretien avec Aaron Parecki
Compte-rendu de réunion #micropub #indieweb avec Glenux.
micro.blog - thĂšme marfa
C'est quoi Microblog ?
r1d36 - Tachyons, une CSS atomique statique
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 framework front-end CSS avec l’intention de dĂ©crypter et hacker un joli thĂšme GoHugo.
[en savoir plus]Skeleton
r1d28 Migration Jekyll vers Hugo
r1d23 Flexbox Patterns
r1d21 SVG
r1d20 : les couleurs
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.
[en savoir plus]r1d19 Above the Fold
Amorçage de construction d’une pleine page responsive « above the fold ».
[en savoir plus]r1d17 : Révision layout
Layout : les essentiels
R1d16 Roméo dans la boßte
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.
[en savoir plus]R1d15 : Flexbox
R1d14
r1d12 avec Ti Jean
r1d11
Shoelace
r1d10-css
R1D9
R1D8
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.
[en savoir plus]R1D7 Indiemark Niveau 1
- 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 ».
R1D6 : Premiers pas pour indiewebifier Hugo
6Ăšme jour. 2 heures pour raffiner un bouton « edit », amĂ©nager un dossier photos et amorcer les Ă©tapes d’indiewebification…
[en savoir plus]R1D5 : FuckingGoDateFormat, https et un lien `Améliorez la Page`
Exemple de Grande Image
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.
R1D4 : mise en forme des dates dans GoHugo
Test markdown
Ăchantillon Math
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 $$
[en savoir plus]Ăchantillon de code
Un échantillon de code utilisant la mise en surbrillance de syntaxe intégrée dans Hugo..
[en savoir plus]