Renaud Lerognon -- Développeur Web -- Blog

Extentions Firefox pour développeur Web

Renaud — Mon, 04 May 2009 12:02:00 +0100

A chaque fois que je change d'ordinateur ou que je réinstalle le mien, je dois réinstaller toutes mes extensions de Firefox et particulièrement celle qui me servent à développer des sites web.

Bien sûr, il existe de nombreux blogs listant des extensions utiles pour le développement web, mais, aussi bien fait soit-ils, ils listent beaucoup d'extension que je n'utilise pas, ce qui ne m'intéresse pas :p (Et oui, ce blog est d'abord fait pour moi)

ProfileSwitcher

http://extensions.geckozone.org/ProfileSwitcher

Cette extension permet de changer de profile Firefox. Alors, les profils, ce n'est pas vraiment toujours utilisés, mais l'avantage quand on développe, c'est que l'on peut faire un profil 'développeur' et un autre 'internaute'. Et ainsi éviter de charger les extensions de développement quand on ne fait que de la navigation et quand on sait que Firefox deviens vite lourd avec beaucoup d'extensions, c'est un avantage non négligeable. Peut être que j'écrirais un billet (= un article ^^) pour expliquer la gestion des profils

Firebug

http://extensions.geckozone.org/FireBug

Firebug est LA extension (ça ne se dit pas, je sais, mais c'est pour accentuer). Avec Firebug, vous pouvez modifier le Css en temps réel (utile pour des petites retouches, pour voir la différence entre deux couleurs ou deux tailles), débugger du Javascript, voir les requêtes Http, même en AjAX, explorer le code Html généré et le modifier. Bref, une extension INDISPENSABLE (enfin, pour moi, mais je ne connais pas de développeur qui ne l'utilise pas, mais je ne connais pas tous les développeur du monde entier non plus :p)

Web Developer Toolbar

http://chrispederick.com/work/web-developer/

Encore une extension fort utile pour le développement. Avec cette barre d'outil (= toolbar), vous pouvez facilement désactiver le Javascript, le Css, supprimer les Cookies, remplir des formulaires, masquer les images, les remplacer par leur texte alternatif, obtenir des informations comme la taille des blocs, afficher les ancres, les id, vider le cache, changer la taille du navigateur, valider le site, .... bref des centaines de milliard de choses (peut être un peu moins) utile (ou pas) lorsque l'on développe.

ColorZilla

http://chrispederick.com/work/web-developer/

La pipette pour Firefox, tout simplement. La pipette permet de récupérer la couleur d'un élément pour pouvoir la réutiliser ensuite.

ViewSourceWith

https://addons.mozilla.org/en-US/firefox/addon/394

Voir le code source généré est souvent utile pour débugger, Firebug est assez efficace pour ça, mais parfois, il est plus aisé de copier l'intégralité du code source. Avec ViewSourceWith, en un clic, vous obtenez le code source dans votre navigateur préféré.

YSlow

http://developer.yahoo.com/yslow/

Une extensions faites par Yahoo!. Ça, s'est dit. Yahoo! fourni une liste de solutions permettant de rendre un site plus rapide et optimiser. Avec YSlow, l'optimisation est plus facile puisque vous savez immédiatement les points faibles (et fort) de votre page et donc vous pouvez rapidement faire les modifications

Dummy Lipsum

https://addons.mozilla.org/en-US/firefox/addon/2064

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla arcu. Integer euismod iaculis risus. Mauris porta ipsum sit amet velit. Morbi ac erat. Suspendisse potenti. Ut quis sem? Suspendisse potenti. Curabitur sapien. In adipiscing. Nam non nibh eu lectus mollis pharetra. Vivamus leo tortor, posuere a, dapibus quis; euismod et, tortor. Ce texte barbare et incompréhensible et c'est tout à fait normal. En fait, Dummy Lipsum permet de générer un faux-texte (comme celui que je viens de mettre permettant de remplir une page et ainsi teste la mise en page, sans véritablement avoir de contenu. L'extension permet de faire un clique-droit et 'Insérer du texte Dummy Lipsum' facilement et ainsi remplir des formulaires aisément.

MeasureIt

https://addons.mozilla.org/en-US/firefox/addon/539

Il est parfois utile de connaitre la taille de certains éléments ou ensemble d'éléments. MeasureIt est là pour ça. De plus, il est plus facile et plus ergonomique que la fonction de la Web Developer Toolbar.

Les couleurs Html - Hexadecimal - Nom

Renaud — Fri, 24 Apr 2009 23:38:00 +0100

Voici une liste des couleurs Html, utilisé sur le web, avec leur nom et un échantillon pour mieux les voir.

Les couleurs Html dites sures:
Nom Fr	Nom Web	Code héxadécimale	Échantillon
blanc	white	FFFFFF
bleu	blue	0000FF
bleu foncé	navy	000080
bleu vert	teal	008080
cyan	aqua	00FFFF
gris clair	silver	C0C0C0
gris foncé	gray	808080
jaune	yellow	FFFF00
marron	maroon	800000
noir	black	000000
rose	fuchsia	FF00FF
rouge	red	FF0000
vert	green	008000
vert brillant	lime	00FF00
vert olive	olive	808000
violet	purple	800080

Choisir plus facilement sa couleur : http://renaud-lerognon.fr/Modules/?PAGE=couleurs_web

Nom Fr	Nom Web	Code héxadécimale	Échantillon
Les couleurs Html en base beige:
Nom Fr	Nom Web	Code héxadécimale	Échantillon
beige	beige	F5F5DC
beige blanc antique	antiquewhite	FAEBD7
beige blanc dalmond	blanchedalmond	FFEBCD
beige bisque	bisque	FFE4BA
beige citron soie	lemonchiffon	FFFACD
beige creme de papaye	papayawhip	FFEFD5
beige mocassin	mocassin	FFE4B5
beige peche	peachpuff	FFDAB9
Nom Fr	Nom Web	Code héxadécimale	Échantillon
Les couleurs Html en base blanc:
Nom Fr	Nom Web	Code héxadécimale	Échantillon
blanc	white	FFFFFF
blanc coquillage	seashell	FFF5EE
blanc dentelle ancienne	oldace	FDF5E6
blanc fantome	ghostwhite	F8F8FF
blanc floral	floralwhite	FFFAF0
blanc ivoire	ivory	FFFFF0
blanc fumée	whitesmoke	F5F5F5
blanc lavande	lavenderblush	FFF0F5
blanc lin	linen	FAF0E6
blanc menthe	mintcream	F5FFFA
blanc neige	snow	FFFAFA
Nom Fr	Nom Web	Code héxadécimale	Échantillon
Les couleurs Html en base bleu:
Nom Fr	Nom Web	Code héxadécimale	Échantillon
bleu	blue	0000FF
bleu acier	steelblue	4582B4
bleu acier clair	lightsteelblue	B0C4DE
bleu alice	aliceblue	F0F8FF
bleu ardoise	darkslateblue	483D88
bleu ardoise moyen	mediumslateblue	7B68EE
bleu azur	azure	F0FFFF
bleu bleuet	cornfloweblue	6495ED
bleu cadet	cadetblue	5F9EA0
bleu ciel	skyblue	87CDEB
bleu ciel clair	lightskyblue	87CEFA
bleu ciel profond	deepskyblue	00BFFF
bleu clair	lightblue	ADD8E6
bleu foncé	darkblue	00008B
bleu indigo	indigo	4B0082
bleu lavande	lavender	E6E6FA
bleu marin	navy	000080
bleu de minuit	midnightblue	191970
bleu moyen	mediumblue	0000CD
bleu poudre	powderblue	B0E0E6
bleu pressibus	pressibusblue	000099
bleu royal	royalblue	4169E1
bleu toile	dodgerblue	1E90FF
bleu violet	blueviolet	262BE2
Nom Fr	Nom Web	Code héxadécimale	Échantillon
Les couleurs Html en base brun:
Nom Fr	Nom Web	Code héxadécimale	Échantillon
brun	brown	A5292A
brun bois rustique	burlywood	DEB887
brun chocolat	chocolate	D2691E
brun cuir	saddlebrown	8B4513
brun kaki	khaki	F0E68C
brun kaki foncé	darkkhaki	BDB76B
brun marron	maroon	800000
brun pérou	peru	CD8540
brun rosé	rosybrown	BC8F8F
brun roux	tan	D2B48C
brun sableux	sandybrown	F4A460
brun terre de sienne	sienna	A0522D
Nom Fr	Nom Web	Code héxadécimale	Échantillon
Les couleurs Html en base cyan:
Nom Fr	Nom Web	Code héxadécimale	Échantillon
cyan	cyan	00FFFF
cyan clair	lightcyan	E0FFFF
cyan foncé	darkcyan	008B8B
turquoise	turquoise	40E0D0
turquoise foncé	darkturquoise	00CED1
turquoise moyen	mediumturquoise	48D1CC
turquoise pale	paleturquoise	AFEEEE
Nom Fr	Nom Web	Code héxadécimale	Échantillon
Les couleurs Html en base gris:
Nom Fr	Nom Web	Code héxadécimale	Échantillon
gris	gray	808080
gris ardoise	slategray	708090
gris ardoise clair	lightslategray	778899
gris ardoise foncé	darkslategray	2F4F4F
gris argent	silver	C0C0C0
gris clair	lightgrey	D3D3D3
gris gainsboro	gainsboro	DCDCDC
gris mat	dimgray	696969
noir	black	000000
Nom Fr	Nom Web	Code héxadécimale	Échantillon
Les couleurs Html en base jaune:
Nom Fr	Nom Web	Code héxadécimale	Échantillon
jaune	yellow	FFFF00
jaune blanc navaro	navajowhite	FFFEAD
jaune blé	wheat	F5DEB3
jaune clair	lightyellow	F4FFE0
jaune doré	goldenrod	DAA520
jaune doré clair	lightgoldenrodyellow	FAFAD2
jaune doré foncé	darkgoldenrod	B8840B
jaune doré pale	palegoldenrod	EEE8AA
jaune or	gold	FFFF00
Nom Fr	Nom Web	Code héxadécimale	Échantillon
Les couleurs Html en base orange:
Nom Fr	Nom Web	Code héxadécimale	Échantillon
orange	orange	FFA500
orange foncé	darkorange	FF8C00
orangé	orangered	FF4500
corail	coral	FF7F50
corail clair	lightcoral	F08080
saumon	salmon	FA7872
saumon clair	lightsalmon	FFA07A
saumon foncé	darksalmon	E9967A
Nom Fr	Nom Web	Code héxadécimale	Échantillon
Les couleurs Html en base rouge:
Nom Fr	Nom Web	Code héxadécimale	Échantillon
rouge	red	FF0000
rouge brique	firebrick	B22222
rouge cramoisi	crimson	DC143C
rouge foncé	darkred	8B0000
rouge indien	indianred	CD5C5C
rouge tomate	tomato	FF6347
Nom Fr	Nom Web	Code héxadécimale	Échantillon
Les couleurs Html en base rose:
Nom Fr	Nom Web	Code héxadécimale	Échantillon
rose	pink	FFC0CB
rose brumeux	mistyrose	FFE4FF
rose clair	lightpink	FFB6C1
rose passion	hotpink	FF69B4
rose profond	deeppink	FF1493
Nom Fr	Nom Web	Code héxadécimale	Échantillon
Les couleurs Html en base violet:
Nom Fr	Nom Web	Code héxadécimale	Échantillon
violet	violet	EE82EE
violet bourbon	cornsilk	FF30DC
violet chardon	thistle	D8BFD8
violet foncé	darkviolet	9400D3
violet fushia	fuschia	FF00FF
violet moyen	mediumvioletred	C71585
violet orchidée	orchid	DA70D6
violet orchidée foncé	darkorchid	9932CC
violet orchidée moyen	mediumorchid	BA55D3
violet pale	palevioletred	DB7093
violet prune	plum	DDA0DD
pourpre	purple	800080
pourpre moyen	mediumpurple	9370DB
magenta	magenta	FF00FF
magenta foncé	darkmagenta	8B008B
Nom Fr	Nom Web	Code héxadécimale	Échantillon
Les couleurs Html en base vert:
Nom Fr	Nom Web	Code héxadécimale	Échantillon
vert	green	008000
vert chartreuse	chartreuse	7FFF00
vert clair	lightgreen	90EE90
vert eau marine	aquamarine	7FFFD4
vert eau marine moyen	mediumaquamarine	66CDAA
vert foret	forestgreen	228B22
vert foncé	darkgreen	006400
vert jaune	greenyellow	ADFF2F
vert jauni	yellowgreen	9ACD32
vert marin	seagreen	2E8B57
vert marin clair	lightseagreen	20B2AA
vert marin foncé	darkseagreen	8FBC8F
vert marin moyen	mediumdarkseagreen	3CB371
vert olive	olive	808000
vert olive grise	olivedrab	6B8E23
vert olive foncé	darkolivegreen	556B2F
vert pale	palegreen	98FB98
vert pelouse	lawngreen	7CFC00
vert pressibus	pressibusgreen	99CC99
vert printanier	springgreen	00FF7F
vert printanier moyen	mediumspringgreen	00FA9A
vert sarcelle	teal	008080
vert tilleul clair	lime	00FF00
vert tilleul foncé	limegreen	32CD32
Nom Fr	Nom Web	Code héxadécimale	Échantillon

Inclure des fichiers Css et Js

Renaud — Fri, 24 Apr 2009 20:12:00 +0100

Comme je ne sais jamais la syntaxe exact permettant d'inclure des fichiers Js et Css dans une page Html (ou Php), je me suis dis que les mettre sur mon blog serait une bonne idée pour les trouver plus vite (et pour faire un article de plus ^^)

Pour inclure un fichier Js (Javascript)

<script src="/Js/fichier.js" type="text/javascript" 
language="javascript"></script>

Mettre du javascript directement dans le code Html

<script type="text/javascript" language="javascript">
//<![CDATA[
/* Le code javascript */
//]]>
</script>

Pour inclure une feuille de style (Css)

<link href="fichier.css" media="screen" 
rel="stylesheet" type="text/css" />

Mettre du cssdirectement dans le code Html

<style type="text/css">
/* Le code Css*/
</style>

Gestion des espaces dans le DOM

Renaud — Thu, 23 Apr 2009 22:31:00 +0100

Pourquoi m'embêter à écrire un article alors qu'il y en a un qui existe déjà ?

Voici un lien vers l'article en question http://developer.mozilla.org/fr/Gestion_des_espaces_dans_le_DOM

En gros, lorsque l'on manipule le DOM en Javascript, certaines balises contiennent des espaces à cause de la manière de coder. En effet, si on écrit

<p><b>Un texte en gras</b></p>

Il n'y a pas d'espace, tout va bien. Cependant, en codant comme ceci, on s'embrouille vite fait et c'est impossible à débugger. Alors, il arrive que l'on saute des lignes et mettent des tabulations pour rendre le tout plus agréable à l'oeil

<p>
    <b>
        Un texte en gras
    </b>
</p>

Le problème c'est que pour le Javascript, il y a plein d'espaces et donc, le traitement des données n'est pas toujours optimal.

Donc, l'utilisation d'une fonction Javascript tel que firstChild ne marche pas toujours comme on le souhaiterai. L'article en question donne une solution pour l'ensemble des fonctions pour laquelle il y aurait des problèmes d'espaces.

Ce problème ne concerne pas IE, mais Firefox.

Les caractères spéciaux en Html

Renaud — Thu, 23 Apr 2009 22:02:00 +0100

Lorsque l'on programme en Html, il y a parfois des caractères qui nous font ch*er.
Surtout nous, français, mais plus généralement latin, avec nos accents alors, il est parfois bon d'écrire ces caractères en code Html pour qu'ils puissent être affiché correctement. Voici donc une liste tout à fait exhaustive (tout) (enfin, je crois)

Source : http://alexandre.alapetite.net/doc-alex/alx_special.html

Caractères	Code texte	Code numérique	Commentaire
Les plus utilisés
			Espace insécable
&	&	&	Et commercial, esperluette, ampersand
'	'	'	Quote, guillemet simple droit
"	"	"	guillemet anglais, guillemet droit (quote)
©	©	©	Copyright, C, (C)
®	®	®	Marque déposée, R, (R)
€	€		Euro (Monnaie européenne)
à	à	à
â	â	â
ç	ç	ç
é	é	é
ê	ê	ê
è	è	è
î	î	î
ï	ï	ï
ù	ù	ù

Une page permettant de convertir facilement un texte avec les codes Html : http://renaud-lerognon.fr/Modules/?PAGE=caracteres_html

Caractères	Code texte	Code numérique	Commentaire
Les caractères spéciaux
			Espace insécable
			Tiret de césure optionnelle (permet au navigateur de couper le mot au bon endroit si besoin de passer à la ligne)
‎	&lrm;	‎	Marque gauche-à-droite
"	"	"	guillemet anglais, guillemet droit (quote)
‏	&rlm;	‏	Marque droite-à-gauche
«	«	«	Guillemet français ouvrant
»	»	»	Guillemet français fermant
‹	&lsaquo;	‹	Guillemet français simple ouvrant (et pas <)
›	&rsaquo;	›	Guillemet français simple fermant (et pas >)
“	“	“	Guillemet double ouvrant, guillemet-apostrophe double culbuté
”	”	”	Guillemet double fermant, guillemet-apostrophe double
„	&bdquo;	„	guillemet double fermant bas, guillemet-virgule double inférieur
'	'	'	Quote, guillemet simple droit
‘	‘	‘	guillemet simple ouvrant, guillemet-apostrophe culbuté
’	’	’	Guillemet simple fermant, guillemet-apostrophe
‚	&sbquo;	‚	Guillemet simple fermant bas, guillemet-virgule inférieur
…	…	…	Points de suspension
!	!	!	Point d'exclamation
¡	¡	¡	Point d'exclamation inversé
?	?	?	Point d'interrogation
¿	¿	¿	Point d'interrogation inversé
(	(	(	Parenthèse ouvrante
)	)	)	Parenthèse fermante
[	[	[	Crochet ouvrant
]	]	]	Crochet fermant
{	{	{	Accolade ouvrante
}	}	}	Accolade fermante
¨	¨	¨	Tréma
´	´	´	Accent aigu
`	`	`	Accent grave
^	^	^	Accent circonflexe
ˆ	&circ;	ˆ	Accent circonflexe
~	~	~	Tilde
˜	&tilde;	˜	Petit tilde
¸	¸	¸	Cédille
#	#	#	Dièse
*	*	*	Astérisque
,	,	,	Virgule
.	.	.	Point
:	:	:	Deux-points
;	;	;	Point-virgule
·	·	·	Point médian
•	•	•	Gros point médian
¯	¯	¯	Macron
‾	&oline;	‾	Tiret en chef (overline, spacing overscore)
-	-	-	Tiret, tiret quart-cadratin, tiret de mots composés
–	–	–	Tiret demi-cadratin, tiret d'incise
—	—	—	Tiret cadratin, tiret de dialogue
_	_	_	Underscore, tiret bas
\|	\|	\|	Pipe, séparateur vertical
¦	¦	¦	Barre verticale scindée
‌	&zwnj;	‌	Antiliant sans chasse
‍	&zwj;	‍	Liant sans chasse
†	&dagger;	†	Obèle
‡	&Dagger;	‡	Double obèle
§	§	§	Section
¶	¶	¶	Paragraphe
©	©	©	Copyright, C, (C)
®	®	®	Marque déposée, R, (R)
™	™	™	Marque commerciale (tm) (trade mark)
&	&	&	Et commercial, esperluette, ampersand
@	@	@	Arobase (at)
/	/	/	Slash (diviser)
\	\	\	Anti-slash
◊	&loz;	◊	Losange
♠	&spades;	♠	Pique noir
♣	&clubs;	♣	Trèfle noir
♥	&hearts;	♥	Cœur noir
♦	&diams;	♦	Carreau noir
←	←	←	Flèche vers la gauche
↑	↑	↑	Flèche vers le haut
→	→	→	Flèche vers la droite
↓	↓	↓	Flèche vers le bas
↔	↔	↔	Flèche bilatérale gauche-droite
Symboles monnaitaires
Caractères	Code texte	Code numérique	Commentaire
¤	¤	¤	Symbole monnaitaire
€	€		Euro (Monnaie européenne)
$	$	$	Dollar (Monnaie américaine)
¢	¢	¢	Cent (Monnaie américaine)
£	£	£	Pound (Livre sterling, monnaie anglaise)
¥	¥	¥	Yen (Monnaie japonaise)
ƒ	&fnof;	ƒ	Florin (Le nom de différentes monnaies européennes)
Caractères accentués (accents)
Caractères	Code texte	Code numérique	Commentaire
á	á	á
Á	Á	Á
â	â	â
Â	Â	Â
à	à	à
À	À	À
å	å	å
Å	Å	Å
ã	ã	ã
Ã	Ã	Ã
ä	ä	ä
Ä	Ä	Ä
æ	æ	æ
Æ	Æ	Æ
ç	ç	ç
Ç	Ç	Ç
é	é	é
É	É	É
ê	ê	ê
Ê	Ê	Ê
è	è	è
È	È	È
ë	ë	ë
Ë	Ë	Ë
í	í	í
Í	Í	Í
î	î	î
Î	Î	Î
ì	ì	ì
Ì	Ì	Ì
ï	ï	ï
Ï	Ï	Ï
ñ	ñ	ñ
Ñ	Ñ	Ñ
ó	ó	ó
Ó	Ó	Ó
ô	ô	ô
Ô	Ô	Ô
ò	ò	ò
Ò	Ò	Ò
ø	ø	ø
Ø	Ø	Ø
õ	õ	õ
Õ	Õ	Õ
ö	ö	ö
Ö	Ö	Ö
œ	&oelig;	œ
Œ	&OElig;	Œ
š	&scaron;	š
Š	&Scaron;	Š
ß	ß	ß
ð	ð	ð
Ð	Ð	Ð
þ	þ	þ
Þ	Þ	Þ
ú	ú	ú
Ú	Ú	Ú
û	û	û
Û	Û	Û
ù	ù	ù
Ù	Ù	Ù
ü	ü	ü
Ü	Ü	Ü
ý	ý	ý
Ý	Ý	Ý
ÿ	ÿ	ÿ
Ÿ	&Yuml;	Ÿ
Alphabet Grec
Caractères	Code texte	Code numérique	Commentaire
α	α	α	alpha
Α	Α	Α	Alpha
β	β	β	beta
Β	Β	Β	Beta
γ	γ	γ	gamma
Γ	Γ	Γ	Gamma
δ	δ	δ	delta
Δ	Δ	Δ	Delta
ε	ε	ε	epsilon
Ε	Ε	Ε	Epsilon
ζ	ζ	ζ	zeta
Ζ	Ζ	Ζ	Zeta
η	η	η	eta
Η	Η	Η	Eta
θ	θ	θ	theta
Θ	Θ	Θ	Theta
ι	ι	ι	iota
Ι	Ι	Ι	Iota
κ	κ	κ	kappa
Κ	Κ	Κ	Kappa
λ	λ	λ	lambda
Λ	Λ	Λ	Lambda
μ	μ	μ	mu
Μ	Μ	Μ	Mu
ν	ν	ν	nu
Ν	Ν	Ν	Nu
ξ	ξ	ξ	xi
Ξ	Ξ	Ξ	Xi
ο	ο	ο	omicron
Ο	Ο	Ο	Omicron
π	π	π	pi
Π	Π	Π	Pi
ρ	ρ	ρ	rho
Ρ	Ρ	Ρ	Rho
σ	σ	σ	sigma
ς	&sigmaf;	ς	sigma final
Σ	Σ	Σ	Sigma
τ	τ	τ	tau
Τ	Τ	Τ	Tau
υ	υ	υ	upsilon
Υ	Υ	Υ	Upsilon
φ	φ	φ	phi
Φ	Φ	Φ	Phi
χ	χ	χ	chi

Source : http://alexandre.alapetite.net/doc-alex/alx_special.html

Premier article, première tentative d'un blog

Renaud — Sun, 19 Apr 2009 22:15:00 +0100

'Soir ('Eh ouai, je dis "Bonsoir" même sur mon blog')

Voilà, après plusieurs hésitations, j'ai décidé de lancer mon blog. Alors, j'en avais déjà tentés quelques 'uns, mais c'était plus pour "réserver" le nom "FadaDelOM" (mon pseudonyme pour ceux qui le savent pas).

Cette fois, je vais essayer de vraiment écrire des articles de temps en temps. Alors, ça sera pas pour raconter ma vie, non, y'a les pseudos msn et Facebook pour ça :p, ça sera plus pour écrire des articles en rapport avec mon future métier, c'est à dire "Développeur Web" (ou créateur de site internet pour ceux qui comprennent pas). Je donnerai des astuces, des conseils, j'écrirai des critiques positives ou non sur des techniques, logiciels, etc ... bref, j'écrirai tout ce que JE veux et qui as un rapport avec mon métier (... ou pas, selon mon envie)