A
B
C
D
E
F
G
H
J
K
L
M
N
P
Q
R
S
T
U
Sauras-tu attribuer à chaque image ci-dessus les légendes ci-dessous :
- Forte emphase
- Emphase
- Inséré
- Supprimé
- Citation en ligne
- Code en ligne
- Surlignage
- Locution étrangère
- Retour à la ligne
- Bloc de citation
- Texte préformatté
- Liste non ordonnée
- Liste ordonnée
- Bloc détails
- Bloc de côté
- Lien
- Image externe
- Sélecteur de média
- Lien vers une publication
1 De Cunégonde -
Réponse :
A? B2 C9 D6 E? F? G? H8 L? M16 N7 P13 Q? R? S1 T? U?
J’au d’énormes lacunes, comme tu peux voir.
2 De Franck -
6 bonnes réponses sur 19, peut mieux faire Cunégonde :-)
3 De Cunégonde -
Non, j’ai tout donné !
4 De Tomek -
Réponse :
A15 B10 C9 D6 E4 F14 G2 H8 J18 K17 L3 M16 N7 P13 Q19 R11 S5 T1 U12 ?
Question subsidiaire : pourquoi le I et le O ne sont pas présents ? :-P
5 De Franck -
O et I n’y sont pas pour éviter de les confondre avec 0 et 1.
6 De Franck -
19/19 Tomek, bravo !
Est-ce que c’est le signe qu’elles sont suffisamment explicites ?
7 De Tomek -
Il y en a quelques-unes pour lesquels j’ai un peu hésité (A, F, K, R), mais globalement, ça va.
8 De Franck -
C’est vrai que
<aside>
et<details>
ne comptent pas parmi les plus facile à illustrer :-)9 De Jean-Christian Paul Denis -
Pour moi, sans regarder la liste numéraire, A,F,N ne sont pas évidentes et J, K trop similaires. Le reste est assez classique pour être compris au premier regard.
#MyTwoCents
10 De Franck -
Oui je vois JcDenis, pour A,F et N (surtout les deux premiers en fait), c’est pas simple de trouver une illustration parlante ; heureusement qu’il y a l’aide textuelle sur l’image.
Quant à J et K, différencier image externe et sélecteur de média, c’est compliqué ; cela dit j’ai peut-être une idée pour modifier la première :-)
11 De Franck -
Peut-être que ça
est plus parlant que ça :
pour l’insertion d’image externe ? Au bémol près que dans la barre d’outil ça va être réduit question taille et que ça va ressembler plutôt à
par rapport à
; pas certain que ce soit plus lisible et compréhensible.
12 De Jean-Christian Paul Denis -
Alors le lien externe, faudrait juste le lien un poil plus gros, qui empiète sur le cercle (et du coup le cercle un poil plus gros aussi)
Après je suis sans doute le plus mauvais designer du coin 😅
13 De Franck -
J’ai essayé la superposition partielle : on y voit plus rien, juste un gros paquet de nouilles :-)
14 De Diablotin -
Bonjour, Pourquoi B = “Emphase forte” au lieu de “Gras” (Bold), qui est le terme parfaitement exact -et le plus couramment usité- en typographie depuis plusieurs siècles ? Même question, d’ailleurs, pour I = Italique plutôt qu‘“Emphase”. Sinon, joli design des pictogrammes, en effet !
15 De Franck -
Diablotin effectivement les icônes sont mal choisies mais l’effet des boutons correspond à leur légende textuelle :
<strong>
<em>
Historiquement l’effet visuel des balises
<strong>
et<b>
(texte en gras), ainsi que<em>
et<i>
(texte en italique) est le même, d’où la confusion, mais la sémantique est différente.Par ailleurs
<i>
est utilisé pour les locutions étrangères accompagné d’un attribut<lang="…">
.Par ailleurs CKEditor utilise aussi les mêmes icônes pour les mêmes éléments HTML ; je pense qu’il est préférable de conserver ça tel quel.
Enfin, par quoi remplacer les icônes pour illustrer Emphase forte et Emphase ?
16 De Bernard -
“par quoi remplacer les icônes pour illustrer” ?
emphase forte : le bibendum ?
emphase : la tour de Pise ?
oki: j’ai pas d’icône pour indiquer que je sors :-)