💫 Le Test HTML de la Mort
Une seule page pour torturer le moteur de rendu : dégradés animés, grilles, cartes, tableau de prix, vidéo, accordéon et plus encore.
Fonctionnalités
Précision
Rendu pixel-perfect avec CSS Grid et Flexbox imbriqués.
Animations
Dégradés animés, blobs flottants et barres de progression.
Responsive
Grilles qui s'adaptent sur mobile via media query.
Thématisable
Couleurs fixes conçues pour rester lisibles en light/dark.
Accordable
Blocs <details>/<summary> natifs, sans JS.
Embeds
iframe vidéo responsive en 16:9.
Progression
Tarifs (juste pour tester un tableau de prix)
Démo vidéo
Si ça passe ce test, ça passera n'importe quel article.
Questions fréquentes
Est-ce que le HTML brut est vraiment enregistré tel quel ?
Oui, sans échappement, grâce au mode "Code HTML" de l'éditeur.
Est-ce que ça fonctionne en mode sombre du site ?
Toutes les couleurs de ce bloc sont fixes (inline), donc indépendantes du thème clair/sombre du site.
Et les animations CSS ?
Dégradé animé, blobs flottants et barres de progression animées sont définis via une balise <style> scopée.
.ggp-test-demo.Extrait de code
function toggleCodeMode(editor) {
const pretty = html_beautify("<div>...</div>");
return pretty;
}
Commentaires