Catégorie : Astuces
Video contrôlée par le scroll + texte superposé (Scrollytelling)
Comment construire une page web immersive où une vidéo est synchronisée avec le défilement vertical de la page. Le contenu textuel apparaît progressivement sur la vidéo, offrant une narration fluide et engageante. Principe de fonctionnement L’idée centrale est de lier la progression de la vidéo à la position de la barre de défilement (scroll) dans…
HTML5 intrinsèque : 8 balises méconnues mais puissantes
Dans notre quête de frameworks et bibliothèques toujours plus sophistiqués, on oublie parfois que le HTML5 propose des balises natives offrant d’excellentes fonctionnalités accessibles et sémantiques. Ces balises permettent d’éviter du code JS ou CSS superflu et améliorent la robustesse de vos pages 1. <dialog> : fenêtres modales natives Offrez une boîte de dialogue accessible…
ALTCHA : CAPTCHA nouvelle génération
ALTCHA est une solution open-source, auto-hébergeable et respectueuse de la vie privée, conçue comme alternative aux CAPTCHA traditionnels. Elle repose sur un mécanisme de Proof‑of‑Work (PoW), offrant une expérience sans friction et sans suivi utilisateur source github. Conformité et accessibilité Fonctionnalités principales Tutoriel d’intégration étape par étape 1. Installation du widget client Ou via CDN :…
Drupal 11 – Implementation des hooks
Dans Drupal 11, une syntaxe orientée objet (OO) a été introduite pour les hooks, permettant de les implémenter sous forme de méthodes dans des classes PHP. Cette approche remplace progressivement l’utilisation traditionnelle des fonctions globales, améliorant ainsi la lisibilité et l’organisation du code. Nouveautés des Hooks en OO dans Drupal 11 Exemple de Hook OO…
Récupérer un PDF zippé à partir d’une URL et le convertir en texte brut – Angular
Si vous voulez récupérer un fichier PDF côté client avec Angular, cela nécessite l’utilisation de bibliothèques JavaScript adaptées pour télécharger, extraire et lire les fichiers PDF. Voici un guide pour faire cela avec Angular : Étapes générales : Bibliothèques nécessaires : Installez-les avec npm : Exemple de code Angular : Voici un service et un…
Changement du symbole de la devise dans WooCommerce
Utilisation d’un hook add_filter pour modifier l’affichage du symbole de la devise choisie dans WooCommerce à travers woocommerce_currency_symbol. Insérer le code suivant dans « functions.php » de votre thème :
Clean Up Unnecessary Code From WordPress Header
There are a lot of code WordPress adds to header by default. This article will show you how to clean up and optimize your WordPress header by removing all the unnecessary code from WordPress header without using any plugin. All you need to do is add the following lines of code to your theme’s function.php…
La Taverne à prompts
Humaniser du texte Pour la sortie, utilise le cadre linguistique de la grammaire de dépendance que celui de la structure phrasique. L’idée c’est que plus les mots que relies sont proches les uns des autres, plus le texte sera facile a comprendre . Alternes aussi les phrases courtes et longues, ainsi que les formulations. Adopte…
Cacher la version de WordPress
Pour des raisons de sécurité, la version de votre CMS WordPress doit idéalement être invisible et non identifiable de l’extérieur. Supprimer le fichier readme.html Commencer par supprimer les fichiers inutiles livré par défaut avec l’installation du CMS. Le fichier readme.html se trouve à la racine, il n’est pas nécessaire au fonctionnement de votre site. Modifier…
Social Wall – without jQuery
Récupération d’un data feed par ID. Résultat limité aux 3 derniers posts (data-per= »3″) avec possibilité de charger par 3 avec possibilité de limiter par page (data-per= »2″) Powered by Juicer.io Flux global en infinite scroll : Powered by Juicer.io