Le journal de mes «100 Days Of Code»
Le Coudray-Macouard (Anjou). Météo superbe.
Statut du jour : interruption des travaux sur ce sous-domaine. Retour sur https://christopheducamp.com pour une migration moteur GoHugo avec le thème minimaliste hugo-zen.
Travaux du jour : optimisation de performance.
Posé sur le thème hugozen de OCHIISHI Koichiro
GoHugo : décision de délaisser ce site qui sera laissé en l’état. Trop de difficultés rencontrées pour indiewebifier proprement le thème «Beautiful Hugo». Un thème que je juge complexe, surchargé de javascript et CSS.
[en savoir plus]
Merci
les logiciels et services web utilisés pour construire ce site
r1d23 Flexbox Patterns
Un en-tête de site
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 s’afficher dans IE9. Une couleur d’arrière-plan du menu extraite à la pipette sur le nouveau Pantone Prince ! CSS Ce type d’échantillon de code (optimisé avec l’aide de mon mentor Todd McLeod) doit pouvoir s’utiliser un en-tête de site web.
[en savoir plus]
r1d21 SVG
Extraction d'une icône Font-Awesome
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 les gains de performance en évitant de charger des librairies complètes d’icônes.
[en savoir plus]
r1d20 : les couleurs
Un thème assorti aux volets de la maison
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
Au-dessus du pli
Amorçage de construction d’une pleine page responsive «above the fold».
[en savoir plus]r1d17 : Révision layout
Layout : les essentiels
Proposé par Todd McLeod
R1d16 Roméo dans la boîte
Apprentissage design pattern flexbox
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]