Clik here to view.
Article : Dialog, Modal, Popover : la synthèse
L'arrivée de l'attribut et de l'API HTML popover facilite la gestion de tous les éléments qui doivent s'afficher au-dessus du contenu d'une page Web (fenêtre modale, tooltip, menu déroulant, etc.)....
View ArticleClik here to view.
Actualité : Pixels et Bretzels la 100e
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...
View ArticleClik here to view.
Article : Les modes d'apparence Light mode et Dark mode
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...
View ArticleClik here to view.
Article : Les carrousels (slider) sont-ils vraiment utiles ?
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...
View ArticleTutoriel : Tout savoir sur les variables CSS (custom properties)
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...
View ArticleClik here to view.
Tutoriel : IA : Interroger un LLM en JavaScript avec Ollama
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...
View ArticleClik here to view.
Article : URL, URI, URN, quelles différences ?
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...
View ArticleClik here to view.
Astuce : Mermaid : diagrammes, schémas et graphiques dans markdown
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...
View ArticleArticle : Les import maps en JavaScript
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...
View ArticleClik here to view.
Article : Revue de la définition du support des navigateurs
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...
View ArticleArticle : Les Animations liées au scroll avec CSS
Les animations liées au scroll (ou scroll-driven animations) constituent une nouvelle fonctionnalité CSS permettant de synchroniser des animations avec le défilement d'une page ou d'un conteneur. Cette...
View ArticleClik here to view.
Article : Analyser du code PHP avec PHPStan
PHPStan est un outil d’analyse statique de code PHP assez simple à utiliser. Si vous développez des petits ou moyens projets, par exemple des sites WordPress cela peut vous aider à augmenter la qualité...
View ArticleClik here to view.
Article : La notion d'origine web et CORS
La notion d'origine est un concept fondamental dans le développement web, en particulier pour la sécurité et la gestion des ressources. Elle est essentielle pour comprendre comment les navigateurs...
View ArticleClik here to view.
Article : Priorité à l'accessibilité : pour des maquettes inclusives
Dans la création de maquettes graphiques, l'accessibilité ne doit pas être une étape supplémentaire en fin de projet, mais une considération intégrée dès les premières phases de conception. Travailler...
View ArticleTutoriel : L'art des animations d'entrée avec CSS @starting-style
La règle @starting-style est une règle conditionnelle (at-rule) qui permet de définir l'état initial d'un élément avant qu'une transition ou une animation ne commence. Cette fonctionnalité comble un...
View ArticleClik here to view.
Article : Anticiper et écrire facilement les contenus pour un projet web réussi
La création ou la refonte d’un site internet implique souvent un challenge majeur : rédiger les contenus. Que ce soient les textes, les images et les vidéos, ces éléments essentiels sont souvent...
View ArticleClik here to view.
Article : Déployer CSP : une approche en 5 étapes
Peut-être avez-vous vu cette règle chez Opquast ou dans d'autres bonnes crèmeries (ici même, dans le tour d’horizon sur HTTPS et les en-têtes de sécurité) vous encourageant à mettre en place une...
View ArticleClik here to view.
Actualité : ClipIA notre nouvelle solution d'amélioration intensive
Vous rêvez d’un site web aussi performant qu’un champion olympique ? 🚀 Et si vous aviez un coach perso… mais pour votre site ? Nous avons longtemps travaillé dessus, Alsacréations peut désormais...
View ArticleAstuce : Que sont les paramètres UTM dans une URL ?
L'acronyme UTM correspond à "Urchin Tracking Module". Urchin fut une entreprise de d'outils d'analyses de statistiques de visites, fondée en 1995. Elle avait publié un outil du même nom, qui fut...
View ArticleClik here to view.
Tutoriel : Appliquer des styles CSS à SVG : le guide complet
Les images SVG (Scalable Vector Graphics) offrent de nombreux avantages : légèreté, agrandissement infini et possibilité de manipulation via CSS. Cependant, leur stylisation peut s'avérer complexe...
View Article