fastclemmy.com

FORMidablement beau

# 07-05-2004

Je ne sais pas pour vous, mais si il y a vraiment quelque chose qui m'exaspère au plus haut point, c'est bien le stylage de formulaires...

C'est aussi poilant à faire que l'habillage d'un tableau statistique pour un maquettiste (surtout avec XPress, enfin bref). Voici donc quelques liens pour vous permettre de mettre un peu de fun dans tout ça.

Avec tout ça, plus d'excuse pour faire des formulaires tristounets !

#liens

Vos commentaires

maurice - site -
Merci pour cette collection de liens, ca va me servir pour un petit article (qui commence à faire vaporware :P)

Denis Boudreau - site -
Ouaip... très inspirant tout ça !!! :)

FC - site -
Je me permet d'y ajouter ma contribution, un article sur comment concevoir des formulaires plus simples et respectants les standards et normes d'accessibilité :
http://fredcavazza.net/articles/SVF.htm

goetsu -
un exemple sur un vrai site les formulaire sont en full css c'est pas, les plus beaux qu'on ai vu mais, sa passe sans bug partout

http://www.apf.asso.fr/participer/adherer/bulletin.php

[ Adrien ] -
Salut,

j'aimerai modérer l'engouement :) Travaillant actuellement sur des formulaires qui se doivent d'être compatibles ie5.moz, i6, je rencontre bcp de difficultés... on tombe très vite dans une feuille de style très lourde du fait des déboires d'ie 5...

Il est donc par conséquent nécessaire de pouvoir penser cette constructio en amont (ce qui est encore difficile à l'heure actuelle sur des projets pros.

mes 2 cents :)

Emmanuel - site -
Je cite Adrien :
« …des formulaires qui se doivent d'être compatibles ie5.moz, i6… »
Je pense que tu veux signifier « ont le même rendu graphique » et non « compatibles », ce qui est plus nuancé. Car question compatibilité le code d'un formulaire c'est plutôt bête et méchant et même NS 4.7 le comprendra sans (presque) sourciller pour une majorité de balises formulaire xhtml.
Aussi je relativise la modération (sic) : un formulaire compatible et fonctionnel, pas vraiment de souci ; un habillage de formulaire non identique sur tout les navigateurs, ben heu… comment dire, soit vous vous en accomodez (de toute façon il fonctionne ce formulaire et c'est ça l'important), soit pour le rendu graphique vous changez de navigateur si vous tenez mordicus aux jolies couleurs :-)

Fred Bird - site -
Autopromo : moi aussi je me la pète avec des "jolis" formulaires : admirez l'effet focus ;p

http://fredbird.org//lire/log/2004-05-11_leRetourDesBisons

[ Adrien ] - site -
Salut,
oui emmanuel, tu as raison, je parlais du design :) Je pense que celà a de l'importance dans un formulaire complexe. Le design permet de mettre en valeur les différents champs et de le rendre un peu moins fastidieux à comprendre donc à remplir :)

Mister_Pingouin - site -
ce site prone le css, mais bug avec les commentaires en dessous, ca ne fait pas très serieux ;)
Pourquoi ne pas adopter un design qui s'allonge avec le contenu ?
bonne continuation :)

fastclemmy - site -
@mister_pingouin > Il va décidémment falloir que je mette un écriteau "le log qui passe par-dessus le bloc ombré, c'est fait exprès !"

Mister_Pingouin -
ah ok, autant pour moi :)
perso jaurai préféré que tout soit inséré dans le cadre mais on ne discute pas les gouts et les couleurs :)

François - site -
Euh.. désolé mais ton propre formulaire n'est pas un modèle du genre, j'ai cliqué dans les 3 zones de texte, et je me retrouve comme un con à ne plus savoir quel champ doit contenir quoi...

Sinon je tiens à souligner le tutoriel de F.C. que j'aime beaucoup car très pédagogue.

Enfin, même si je n'aime pas ton formulaire, j'aime le reste du design :-)

leZone - site -
merci pour le lien Soren Madsen, c'est exactement ce que je cherchais :)

Ajouter votre commentaire