Le meetup mensuel autour du JavaScript. Rejoignez-nous sur Discord ➡️ discord.gg/t6t8jhAaVz
Paris, France
- Tweets 2,307
- Following 77
- Followers 2,945
- Likes 226
Plus relou mais également : faites en sorte que votre site ait des tabindex fonctionnels, qu’il soit navigable au clavier, que les états :hover et :focus existent.
1
174
En très gros et très rapide : les liens doivent être des <a />, ne mettez pas de texte blanc sur un fond blanc, mettez des labels à vos <input />, mettez des alt à vos images.
1
156
Le WCAG (Web Content Accessibility Guidelines) 2.1 définit 78 critères à respecter pour rendre votre site accessible. Si ça vous paraît beaucoup (ça peut), il est estimé que vous pouvez atteindre 95% d’accessibilité avec quelques critères plus importants que d’autres.
1
135
L’accessibilité c’est simple : c’est faire en sorte que tout le monde puisse utiliser votre produit.
Enfin, le principe est simple. Mettre ce principe en pratique, par contre…
1
125
On enchaîne avec @Heisendev de chez notre sponsor de cette édition : @meilleursagents ! Il va nous parler d’accessibilité et de comment avoir le plus d’impact avec le moins d’effort.
1
1
151
Et c’est la fin de "Comment charmer Googlebot avec ton application NextJS" par @AlexandrePerni4, on l’a tous applaudi (si vous voulez applaudir maintenant c’est faisable mais ne tardez pas trop)
1
131
"Privilégiez la génération statique pour éviter de faire payer à l’utilisateur•ice les calculs côté client"
1
102
Vercel a fait un petit playground pour vous faire la démo de ces trois modes de rendu si vous voulez aller jeter un coup d’œil (moi je ne peux pas, je dois continuer à sténographier le talk) app-dir.vercel.app/ssg
1
93
Le troisième mode de rendu de Next JS est l’ISR (Incremental Static Régénération) : le serveur génère la page une fois à la volée puis la garde en cache
1
167
Server-side rendering vs Static site generation, choisissez votre camp :
Le premier génère votre HTML/CSS/JS à la demande tandis que le seconde rend vos pages à l’avance (les deux ont des intérêts qui leur sont propres mais le talk va vite et j’ai pas le temps de taper)
1
107
Le composant <Link /> de Next, pareillement, vous permet de faire des liens (ce qui est cool) mais également de précharger une partie du contenu de ce vers quoi le lien pointe (plus cool encore)
(ne faites pas de navigation avec juste des buttons par pitié)
1
101
Sur Next, vous disposez du composant <Head /> vous permettant d’insérer du contenu dans le Head depuis n’importe où dans votre appli (pratique si par exemple le title de votre page dépend de la couleur d’un élément testé quinze niveaux dans le DOM (vécu))
1
105
Apparemment 70% des clicks sur la page de résultats Google sont partagés entre les trois premiers résultats. Je vais croire cette info sur parole parce qu’on ne sait toujours pas quelle magie noire Google emploie.
1
108
Aujourd’hui nous commençons par @AlexandrePerni4 qui va nous parler de GoogleBot et de NextJS dans le très bien nommé talk "Comment charmer Googlebot avec ton application NextJS" (je vous l’avais dit que c’était bien nommé)
1
148
Paris.JS #104 ça commence maintenant ! Merci d’être venus si nombreux ! (j’ai fait de mon mieux avec les conditions d’éclairage, merci de ne pas faire de commentaires, je ne suis même pas payé)
1
8
1,494
Le 1er meetup Paris.JS de 2023 c'est ce soir !! 😄
Si vous avez un empêchement de dernière minute, n'oubliez pas de libérer votre place svp, merci ! 🙂
1
369