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.)
r1d11
focus sur les sélecteurs CSS
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 spécificité CSS. Un moyen visuel assez génial pour enfin comprendre clairement la spécificité d’un sélecteur CSS.
[en savoir plus]
r1d10-css
sélecteurs CSS
R1D9
Découverte d'Emmet
Séance matinale, avant la chaleur
R1D8
FreeCodeCamp. Apprentissage de Bootstrap
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
Chantier 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
Utiliser Plusieurs Images
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.