Créateur de grille CSS
Créez des pistes et zones avec aperçu local et HTML/CSS.
- Fonctionne dans votre navigateur
- Aucun envoi
- Vérifiez avant de télécharger
Les entrées restent dans cet onglet, sans envoi ni sauvegarde automatique. Les statistiques agrégées d’utilisation et les diagnostics généraux de traitement sont facultatifs et envoyés uniquement avec votre consentement, sans contenu ni nom de fichier. Effacer ou fermer supprime les entrées ; enregistrez les résultats utiles avant de partir.
Limites de ressources
Grille : fr de 0,01 à 100, px de 0 à 2 000, % de 0 à 100 ou auto ; noms de zone [a-z][a-z0-9_-]{0,19}. 1 à 8 pistes par axe (fr, px, % ou auto), espacement de 0 à 100 px, 64 cases au maximum. Chaque zone doit être rectangulaire. Un point indique une case vide. L’aperçu et l’export utilisent les mêmes éléments. Aperçu local limité, sans garantie sur tous les navigateurs ni toutes les mises en page. Les saisies ne sont pas exécutées. Téléchargez le HTML et le CSS ensemble. Délai : 8 secondes.
Mode d’emploi
- Configurer l’exemple
Ajoutez colonnes et lignes, choisissez unités, tailles et espacement. Remplissez les cases par noms rectangulaires ou points. Générez et vérifiez les positions avant d’exporter HTML et CSS.
- Vérifier avant utilisation
Les entrées restent dans cet onglet, sans envoi ni sauvegarde automatique. Les statistiques agrégées d’utilisation et les diagnostics généraux de traitement sont facultatifs et envoyés uniquement avec votre consentement, sans contenu ni nom de fichier. Effacer ou fermer supprime les entrées ; enregistrez les résultats utiles avant de partir. Grille : fr de 0,01 à 100, px de 0 à 2 000, % de 0 à 100 ou auto ; noms de zone [a-z][a-z0-9_-]{0,19}. 1 à 8 pistes par axe (fr, px, % ou auto), espacement de 0 à 100 px, 64 cases au maximum. Chaque zone doit être rectangulaire. Un point indique une case vide. L’aperçu et l’export utilisent les mêmes éléments. Aperçu local limité, sans garantie sur tous les navigateurs ni toutes les mises en page. Les saisies ne sont pas exécutées. Téléchargez le HTML et le CSS ensemble. Délai : 8 secondes.
- Exporter le résultat vérifié
Télécharger le résultat; Télécharger l’original
Questions et limites
Limites de ressources
Grille : fr de 0,01 à 100, px de 0 à 2 000, % de 0 à 100 ou auto ; noms de zone [a-z][a-z0-9_-]{0,19}. 1 à 8 pistes par axe (fr, px, % ou auto), espacement de 0 à 100 px, 64 cases au maximum. Chaque zone doit être rectangulaire. Un point indique une case vide. L’aperçu et l’export utilisent les mêmes éléments. Aperçu local limité, sans garantie sur tous les navigateurs ni toutes les mises en page. Les saisies ne sont pas exécutées. Téléchargez le HTML et le CSS ensemble. Délai : 8 secondes.
Conception hors ligne
Les entrées restent dans cet onglet, sans envoi ni sauvegarde automatique. Les statistiques agrégées d’utilisation et les diagnostics généraux de traitement sont facultatifs et envoyés uniquement avec votre consentement, sans contenu ni nom de fichier. Effacer ou fermer supprime les entrées ; enregistrez les résultats utiles avant de partir.
Vérifier avant utilisation
Ajoutez colonnes et lignes, choisissez unités, tailles et espacement. Remplissez les cases par noms rectangulaires ou points. Générez et vérifiez les positions avant d’exporter HTML et CSS.