Une page avec plein de liens en faveur de l'écriture inclusive.
Site de sensibilisation aux problématiques d'accessibilité d'un site web.
Avec SPIP, le PHP dans les squelettes, c'est mal.
Sauf... dans le cas des sessions.
Des explications en vue d'une meilleure performance web.
Soumettre un patch, amélioration ou participer au développement
Si vous cherchez comment commencer ou contribuer aux développements Dolibarr, lisez dans un premier temps le chapitre FAQ_Développeur#Comment devenir développeur officiel. Si votre patch est déjà prêt et voulez le diffuser, ce chapitre est pour vous.
Une explication très claire et pédagogique des grid CSS
- on déclare le routeur de modèle medias_modeles_styliser qui redirige les raccourcis img, doc et emb selon la règle suivante
- le nouveau modèle correspond au champ media du document : image, audio, video, file
- si une declinaison correspondant au raccourci initial (_img, _doc ou _emb) existe on la prend
-> un modèle file_emb.html reprend le mécanisme d'embed generique selon extension+mime-type de l'ancien modèle emb.html
- les 4 modèles de base image, audio, video, file et les déclinaisons file_emb sont toutes en <figure></figure>
- les styles en dur float sont supprimés, on ne garde qu'un width:{largeur}px sur l'élément <figure> qui permet d'avoir un conteneur ajuste
- il se contourne facilement par un min-width:100%; ou un width:auto !important;
- spip_doc_titre, spip_doc_descriptif et spip_doc_credits sont regroupés dans le figcaption.spip_doc_legende
- les modèles historiques doc, img et emb disparaissent. Les éventuels modèles surcharges dans squelettes/ sont ignorés
- les 3 modèles image, audio et video ajoutent des conditions sur leur boucle, pour être sûr qu'on a bien affaire avec le bon type de média, et sinon renvoient vers le modèle file
- le mode du document n'est plus considéré dans aucun modèle dans le format de l'affichage qui n'en dépend donc plus du tout
En pratique donc <emb>, <img> et <doc> sont équivalents pour les médias audio, video, image (et consistent à afficher/embed le média par defaut)
Pour les autres types de média <doc> affiche le lien vers le document avec une vignette + legende, et <emb> affiche un traitement différencié en fonction du mime type
On peut utiliser le raccourci <fileXX> pour n'importe quel média
Si on utilise <imageXX> ou <audioXX> ou <videoXX> sur un média inapproprié, ça affichera le contenu de <fileXX>
Le point d'entrée pour développer des thèmes avec WordPress
Quelques principes de base à appliquer en accessibilité.
Un diagramme très complet (et complexe) pour décider quelle unité utiliser en CSS.
Because overflow: hidden creates a scroll container it can interfere with the Scroll-Driven Animations scroller lookup mechanism. The fix is to use overflow: clip instead.
Un article très didactique sur le superpouvoir de :has en CSS
Un exemple d'exploitation d'une faille XSS
Une formation en ligne sur la sécurité et les XSS
Accès aux différents documents officiels sur la norme ISO-639
Un comparatif des différents Builder de thèmes WordPress et de leur efficacité énergétique.
Arbre de décision pour mettre ou non un alt à une image dans une page web.
Et voilà, dorénavant votre petite PWA est installable, et vous pouvez proposer à vos utilisateurs les plus fidèles de l'installer sur l'écran d'accueil de leur smartphone 😁.
Les PWA ne sont pas parfaites, mais elles permettent une arrivée sur mobile avec beaucoup moins de pression que de passer par les stores, évidement vu que cela reste du web les intégrations avec le système sont moins poussées, mais quand même, ça marche plutôt pas mal.
Vous savez déjà sûrement que PHP8 est la version actuelle de PHP, et que la branche 7 est officiellement en fin de vie (end of life). La version 8.0 précisément ne dispose plus que de correctifs de sécurité, il faut en réalité viser PHP 8.1 et 8.2, respectivement maintenus jusqu'en 2024 et 2025.
Media queries are what make modern responsive design possible. With them you can set different styling based on things like a users screen size, device capabilities or user preferences. But how do they work, which ones are there and which ones should you use? Here's the complete guide to media queries.