new post + small margin fix

This commit is contained in:
Nico 2023-02-03 18:39:31 +01:00
parent 6442f7265d
commit e2b55e192b
4 changed files with 113 additions and 0 deletions

14
.astro/types.d.ts vendored
View File

@ -74,6 +74,13 @@ declare module 'astro:content' {
collection: "articles",
data: InferEntrySchema<"articles">
},
"en/2023.md": {
id: "en/2023.md",
slug: "2023",
body: string,
collection: "articles",
data: InferEntrySchema<"articles">
},
"en/after-effects-expressions.mdx": {
id: "en/after-effects-expressions.mdx",
slug: "after-effects-expressions",
@ -123,6 +130,13 @@ declare module 'astro:content' {
collection: "articles",
data: InferEntrySchema<"articles">
},
"fr/2023.md": {
id: "fr/2023.md",
slug: "2023",
body: string,
collection: "articles",
data: InferEntrySchema<"articles">
},
"fr/after-effects-expressions.md": {
id: "fr/after-effects-expressions.md",
slug: "after-effects-expressions",

View File

@ -49,4 +49,7 @@ if (content.data.code) {
.editorial :global(picture) {
margin: var(--space-s-m) 0;
}
.content :global(p + p) {
margin-block-start: var(--space-s);
}
</style>

View File

@ -0,0 +1,48 @@
---
title: Nico v2.5
subtitle: Update 2023.
lang: en
slug: "2023"
excerpt: New changes.
tags: ["Freelance"]
createdAt: "2023-02-03T17:41:00.000Z"
---
This article will be updated when I have something new to share during the year 2023.
## The website
### Technologies
Oops... I (re)did it again.
I have completely redeveloped my site with <a href="https://astro.build/" rel="noopener noreferer" hreflang="en">Astro</a>, as predicted by myself [in 2023&nbsp;!](/en/articles/2022/#the-website)
I will definitely do an article or two about Astro and the extensions I used. It was a great experience. Nuxt v2 is not really up to date anymore, so the performance was not good. Astro has completely fixed that.
My <a href="https://pagespeed.web.dev/" rel="noopener noreferer">PageSpeed</a> performance score had dropped to 77/100. Thanks to Astro I'm back to a solid **95/100** without any particular optimization.
I then did a work of modernization of the codebase. Hello CSS variables and goodbye `media queries`. In no particular order, here are some of the improvements I made:
- `flexbox` and `grid` to adapt the layout to different screen sizes;
- CSS variables for colors, font sizes and margins;
- some `container queries`, just to try;
- logical CSS properties (`inline` and `block` instead of `width` and `height` for example).
I took this opportunity to publish [the source code](https://git.nardu.in/nardu.in/website-astro) on my git repository.
### Analytics
I removed the tracking on my pages. I was using <a href="https://umami.is/" rel="noopener noreferer">umami</a> hosted on my own server. No personal data was collected and I rarely consulted the reports.
It's nice to see that your site is consulted, but if there is no other purpose behind it, it's an extra resource loaded for nothing by visitors. Maybe I'll reactivate the tracking when I have a use for it (other than flattering my ego).
Previous visit reports can be found at [this link.](https://stat.nardu.in/share/nJSt1tfS/nardu.in)
## Additional projects
I'm still teaching web development this year. In order to expand my course materials, I have set up a mini documentation site available at [3-w.fr](https://3-w.fr/) (an address I am very proud of).
I have to update it more regularly but I hope that the platform will help students progress!
**More to come soon!**

View File

@ -0,0 +1,48 @@
---
title: Nico v2.5
subtitle: Mise à jour 2023.
lang: fr
slug: "2023"
excerpt: Suite des évolutions.
tags: ["Freelance"]
createdAt: "2023-02-03T17:41:00.000Z"
---
Cet article sera mis à jour lorsque j'aurai des nouveautés à partager au cours de l'année 2023.
## Le site
### Technologies
Oups… je l'ai encore (re)fait.
J'ai entièrement re-développé mon site avec <a href="https://astro.build/" rel="noopener noreferer" hreflang="en">Astro</a>, comme prédit par moi-même [en 2022&nbsp;!](/articles/2022/#le-site)
Je ferai certainement un ou deux articles/fragments sur Astro et les extensions que j'ai utilisées. En tout cas c'était super comme expérience. Nuxt v2 n'étant plus vraiment à jour, les performances n'étaient plus au rendez-vous. Astro a complètement corrigé ça.
Mon score de performance <a href="https://pagespeed.web.dev/" rel="noopener noreferer" hreflang="en" lang="en">PageSpeed</a> était tombé à 77/100. Grâce à Astro je retrouve un solide **95/100** sans optimisation particulière.
J'ai ensuite fait un travail de modernisation du code. Bonjour variables CSS et au-revoir les `media queries`. En vrac, voici certaines améliorations que j'ai mises en place&nbsp;:
- `flexbox` et `grid` pour adapter la mise en page aux différentes tailles d'écran&nbsp;;
- variables CSS pour les couleurs, les tailles de polices et les marges&nbsp;;
- quelques <span lang="en">`container queries`</span> pour essayer&nbsp;;
- propriétés logiques CSS (<span lang="en">`inline`</span> et <span lang="en">`block`</span> à la place de <span lang="en">`width`</span> et <span lang="en">`height`</span> par exemple).
J'en ai profité pour publier [le code source](https://git.nardu.in/nardu.in/website-astro) sur mon dépôt git.
### Suivi des visites
Jai supprimé le suivi des visites. Jutilisais <a href="https://umami.is/" rel="noopener noreferer" hreflang="en">umami</a> hébergé sur mon propre serveur. Aucune donnée personnelle n'était collectée et je consultais rarement les rapports.
C'est sympa de voir que son site est visité, mais s'il n'y a aucun autre but derrière, c'est une ressource supplémentaire chargée pour rien par les visiteurs. Peut-être que je réactiverai le suivi lorsque j'en aurai l'utilité (autre que flatter mon égo).
Les rapports de visites précédents sont consultables sur [ce lien.](https://stat.nardu.in/share/nJSt1tfS/nardu.in)
## Projets annexes
Je continue d'enseigner le développement web cette année. Afin d'étoffer mes supports de cours, j'ai mis en place un mini site de documentation disponible à l'adresse [3-w.fr](https://3-w.fr/) (adresse dont je suis très fier).
Il faut que j'arrive à être plus régulier dans sa mise à jour mais j'ai bon espoir que la plateforme aide les élèves à progresser&nbsp;!
**Plus de trucs bientôt!**