Couleur is a modern PHP 8.1+ color library, intended to be compatible with CSS Color Module Level 4.
Il s’agit d’une approche globale, qui privilégie le chargement d’un seul fichier, quelque soit la page du site.
La première partie du fichier détaille les fonctions.
La seconde partie (L63) les rassemble en séquence d’exécution.
App.init() : rassemble les fonctions à lancer au chargement de la page
App.reboot() : rassemble les fonctions à relancer à la suite d’un rechargement ajax de SPIP
App.resize() : rassemble les fonctions à exécuter lorsque la fenêtre du navigateur change de taille, (avec un timer pour essayer de ne pas altérer les performances)
App.scroll() : idem concernant l’événement défilement (« scroll ») de la fenêtre.
(à vous de compléter selon vos besoins...)
Ou l'on découvre que <menu> est une liste en HTML :
Menu List
Same sorta deal as an unordered list, but more of a semantic way to list interactive items, like buttons.
Des idées à suivre pour SPIP par un pro talentueux !
Méthodologie de création HTML/CSS à partir d'un fil de fer
Bonnes pratiques pour faire une note de bas de page accessible.
Un système de calcul de couleur qui procure la même sensation de luminosité quelle que soit la teinte.
Des CSS modernes pour adapter la taille des textes à la largeur du navigateur de manière fluide.
Une vue arborescente dépliable et repliable en pur HTML et CSS
Ce que le HTML permet avec les formulaires en 2022
Disallowing GPTBot
To disallow GPTBot to access your site you can add the GPTBot to your site’s robots.txt:
User-agent: GPTBot
Disallow: /
Etape 4 : Remote SVG Symbol§
Notre nouvelle solution devrait donc ajouter les contraintes suivantes :
qui évite des tonnes de requêtes
qui ne passe pas par une font pour des questions de poids et d’accessibilité
qui soit facile à changer lors d’une interaction
- qui puisse être téléchargé à la demande (ex : à l’ouverture d’une modale)
- qui puisse être mis en cache entre chaque page
Pour régler ces nouvelles contraintes, la solution est de faire en sorte que les icones soient récupérés de manière externe. En effet, si nous reprenons la manière dont on a écrit le SVG à l’endroit où on veut afficher l’icone, nous avions une balise use:
<use href="#icon-home"></use>
Celle-ci passe par un attribut href parce qu’en réalité on n’est pas obligé de définir une ancre dans la page courante. On peut aller chercher la définition SVG à une autre URL.
Ainsi plutôt que de mettre votre SVG qui contient la liste de <defs> au sein de la page, nous allons l’enregistrer dans son propre fichier:
<!-- /images/icon-defs.svg -->
<svg xmlns="http://www.w3.org/2000/svg">
<defs>...</defs>
</svg>
A ce moment là, nous pourrons changer notre balise use afin qu’elle utilise la nouvelle URL:
-<use href="#icon-home"></use>
+<use href="/images/icon-defs.svg#icon-home"></use>
Grâce à cela, la liste d’icone se retrouve en dehors de la page HTML et pourra donc être téléchargé et mis en cache au même titre que n’importe quel asset externe.
⚠️ Attention toutefois, il y a une contrainte forte : votre SVG distant doit impérativement être hébergé sur le même nom de domaine. Si ce n’est pas le cas, les navigateurs vont considérer que c’est une faille de sécurité et votre icone ne marchera pas.
Madis est un logiciel opensource (AGPLv3) pour gérer la mise en conformité avec le Règlement Général à la Protection des Données (RGPD) de votre structure ou d'un ensemble de sites.
Madis est un logiciel web open source qui s'installe sur un serveur web et est accessible via des navigateurs web. Son interface responsive permet un accès depuis les clients mobiles.
Un article de fond sur le stylage XSLT d'un flux RSS.
Déjà intégré à SPIP ;-)
Les opérateurs de démarchage commercial par téléphone sont obligés d'appeler avec des numéros commençant par des préfixes précis : bloquez-les pour y échapper.
Le cahier des charges est un document essentiel pour la préparation de la refonte d'un site internet. L'élaboration de ce document vous permettra de réfléchir à vos attentes et aux objectifs de la refonte.
Dans ce guide, nous mettons notre expertise à votre service en vous expliquant quels sont les éléments importants et pourquoi ils devraient faire partie de votre cahier des charges.
@media (prefers-reduced-motion: no-preference) {
img {
animation-play-state: running;
/ turn animations on if user doesn't mind /
}
}
@media not (update: fast) {
img {
animation-play-state: paused;
/ except, turn them off again if the browser can't draw them effectively anyway /
}
}
Sous forme d’un jeu de l’oie, le Géoloquiz, créé par le BRGM, permet de découvrir la géologie tout en s’amusant ! Répondez aux questions et tentez d’arriver le premier au centre du plateau.
Découvrez comment créer un communiqué de presse qui donne envie aux journalistes de relayer votre actualité.