A — goutte, cadrage auto, fond CartoDB.Positron
B — pastille, bulle ouverte, fond OpenStreetMap.DE
C — carré, carte figée, fond Esri.WorldImagery
D — fond Mapnik + surcouche OpenRailwayMap, marqueur natif, zoom forcé à 13
E — deux colonnes : la carte est en hauteur 100 %
Un texte volontairement long, pour que la colonne de gauche dépasse nettement la hauteur naturelle de la carte et qu’on voie si celle-ci s’aligne dessus.
Le rythme vertical, les marges et la gouttière restent ceux du builder : la carte ne change rien à la mise en page, elle remplit seulement ce que les autres blocs lui laissent.
F — bloc Menu : barre de navigation (descriptions dans les sous-menus)
G — même menu, peau « pastilles », icône au-dessus
H — liste verticale, descriptions partout
I — accordéon (la branche courante s’ouvre seule)
Colonne de droite, seulement pour montrer que l’accordéon pousse son contenu au lieu de flotter par-dessus : ouvrir une branche fait grandir la colonne de gauche, rien ne recouvre ce texte.
J — méga menu (panneau pleine largeur, 3e niveau en colonnes)
Du texte sous le menu, pour vérifier que le panneau se pose bien par-dessus sans pousser la page.
K — niveau par niveau
Colonne étroite à gauche : c’est le cas où une cascade ne tiendrait pas. Ici la hauteur reste celle d’un seul niveau, quelle que soit la profondeur.
M — modale centrée
Ouvrir la modale centréeN — panneau modal (fond assombri, clic extérieur)
Ouvrir le panneau modalO — panneau glissant (sans fond, borné sous l’en-tête, bascule)
Ouvrir / fermer le panneau glissantContenu de builder, pas seulement un menu :