Webmaster

[Johan Sellitto] Après avoir analysé et audité des centaines d'implémentations hreflang au cours de sa carrière professionnelle, Gerry White a constaté des erreurs récurrentes et un certain nombre d’idées reçues à propos de l’attribut hreflang. Voici les pièges les plus communs à éviter si vous voulez réussir votre ...

[Rodolphe] Il a toujours été complexe de définir avec précision un niveau de support navigateur dans les projets web, d'autant plus avec la variété des plateformes (mobile, desktop) et malgré la concentration du marché autour d'un nombre réduit de moteurs. D'un côté car de multiples langages entrent en jeu ...

[Rodolphe] Les import maps sont une fonctionnalité moderne de JavaScript qui permet de contrôler comment le navigateur résout les imports de modules. Vous avez sûrement déjà rencontré dans vos projets des modules JavaScript, aussi appelés ESM (EcmaScript Modules) qui induisent un découpage des portions de cod...

[Rodolphe] Mermaid est un langage qui permet de créer des diagrammes dynamiques directement dans des fichiers Markdown c'est à dire en mode texte. Il est très utile pour représenter visuellement des concepts complexes sous forme de graphiques, schémas, diagrammes (comme des diagrammes de flux, des organigramm...

[Rodolphe] Tout le monde connaît désormamis le terme "URL" pour désigner une adresse sur le web. Bien que certains navigateurs tentent de la simplifier au maximum dans la barre de navigation (et peut être un jour de l'invisibiliser), elle revêt une importance capitale pour savoir où on est, et où on va. Pre...

[Rodolphe] Nous n'avons pas fini d'entendre parler de les LLM (grands modèles de langages) et de l'Intelligence Artificielle. Outre les sytèmes en ligne (souvent payants) il est possible d'interroger un modèle local (gratuitement) par l'intermédiaire d'un peu de JavaScript. Pour ceci nous utiliserons : Ol...

[ceddevwp] Les variables CSS ont révolutionné la manière de gérer les styles dans le développement web. Si vous en avez assez de répéter les mêmes valeurs CSS partout dans votre code, alors cet article est fait pour vous ! Vous allez découvrir ici comment les utiliser efficacement, pourquoi elles sont si pra...

[Lisa] Ah les carrousels… Fonctionnalité souvent demandée par les clients, car c’est dynamique, ça bouge, c’est fun etc. Mais en avez-vous réellement besoin pour votre site ? Défilement d'un carrousel à 3 slides avec des images de cookies. Un carrousel, c’est quoi ? De manière générale, la plupar...

[Raphael] Le mode sombre (dark mode) consiste à adopter des fonds de couleur sombre sur les interfaces utilisateur. Selon Wikipedia, ce mode serait utile pour réduire la fatigue visuelle et la consommation en énergie par rapport aux autres modes d'affichage. Un très grand nombre de personnes en sont adeptes ...

[Rodolphe] Les années passent, Pixels & Bretzels 🥨 se renouvelle (qui d'entre vous utilise encore le nom « WdStr » ?), mais garde le même cap : continuer de vous proposer régulièrement des conférences et rencontres, que ce soit dans votre cœur de métier ou pour vous faire prendre conscience de nouvelles problé...