3246 sujets

Critiques de vos sites: code et design

[Pro] Form styling micro framework - http://justinmarsan.github.com/Fo

Bonjour à tous,

Demande un petit peu particulière, je suis en train de travailler (principalement pour moi, mais je partage quand même) un micro framework, pour faciliter le stylisifiage (huh) des éléments de formulaire et j'apprécierai des retours sur l'accessibilité du code généré (principalement les changements faits via JS pour les select) et pourquoi pas la facilité d'utilisation et/ou l'intérêt à votre goût.

Je compte plancher sur les radio et checkboxes dès que possible pour pouvoir utiliser une image à la place, et trouver un moyen accessible de faire ça...

Bref le lien est là : http://justinmarsan.github.com/Form-Ready-To-Go/

Tous les retours sont bons à prendre, en espérant que le topic ait sa place ici. Smiley biggrin
Salut,
Je reconnais l'en-tête du Boilerplate.
Pour se rendre compte de l'utilité, l'idée serait de lancer une appli web ou "juste" un kit à télécharger?
Hello.

L'ensemble est sympa et je n'ai rien vu qui m'a choqué niveau code généré, mais en terme d'accessibilité je préfère laisser parler les experts.

Pour les radios et checkbox, essaie peux-être de creuser du côté d'une technique souvent utilisée sur CSS-Tricks mais pas à cet usage, à savoir cacher l'input mais styler son label associé, et jouer sur le :checked (en gros :checked + label).

Niveau compatibilité, il faudra du JS pour les vieux IE, mais ça doit pouvoir se jouer sur une détection de la présence ou non de JS.

D'ailleurs si des gens ont des retours sur ce genre de méthode, je suis preneur également.

Edit: Ajout d'un petit test qui ne marche pas sous IE < 9.
Modifié par Florian_R (26 Oct 2011 - 10:09)
jmlapam a écrit :
Salut,
Je reconnais l'en-tête du Boilerplate.
Pour se rendre compte de l'utilité, l'idée serait de lancer une appli web ou &quot;juste&quot; un kit à télécharger?


En effet, conditional body classes, très utile Smiley lol

Sinon c'est juste quelques fichiers à télécharger (un fichier css, et un fichier JS (qui utiliser jQuery) ) Un petit peu comme un reset amélioré juste pour les formulaires... Faire une appli pour ça ça me semble un peu lourd et au final restrictif.

Florian_R a écrit :
Pour les radios et checkbox, essaie peux-être de creuser du côté d'une technique souvent utilisée sur CSS-Tricks mais pas à cet usage, à savoir cacher l'input mais styler son label associé, et jouer sur le :checked (en gros :checked + label).

Niveau compatibilité, il faudra du JS pour les vieux IE, mais ça doit pouvoir se jouer sur une détection de la présence ou non de JS.

D'ailleurs si des gens ont des retours sur ce genre de méthode, je suis preneur également.

Edit: Ajout d'un petit test qui ne marche pas sous IE &lt; 9.


Je vais faire quelques recherches de ce côté là alors, merci Smiley smile
Modifié par HammHetfield (26 Oct 2011 - 16:11)
HammHetfield a écrit :



Sinon c'est juste quelques fichiers à télécharger (un fichier css, et un fichier JS (qui utiliser jQuery) ) Un petit peu comme un reset amélioré juste pour les formulaires... Faire une appli pour ça ça me semble un peu lourd et au final restrictif.



Le projet est intéressant, gain de temps, gain d'argent pour l'intégration. Smiley smile
En revanche, même si ce n'est pas la priorité, tu pourrais rendre l'outil un peu plus sexy.
Tu veux dire au niveau de la présentation de la page, ou par rapport au styles de base ?

Pour les style de base je conserve le strict minimum, le but c'est de gagner du temps en ajoutant ce que tu veux, pas d'en perdre à retirer ce qui est là de base...

Après c'est sûr que la page de démo est pas super sexy et qu'il y aurait moyen de faire mieux, mais comme j'ai prévu quelques modifs encore, et des améliorations, j'attends d'avoir le résultat final avant de m'attaquer à ça. Et comme je l'ai dit dans le premier post, je le fais surtout pour moi, si ça intéresse quelqu'un c'est accessible à tous mais je cherche ni la reconnaissance ni à convertir les foules à mon super outil mega de la mort...
HammHetfield a écrit :
Tu veux dire au niveau de la présentation de la page, ou par rapport au styles de base ?


Non non, la présentation de la page, mais je peux comprendre que c'est pas la priorité c'est pour cela que je l'ai dit dans mon précédent post.

a écrit :
si ça intéresse quelqu'un c'est accessible à tous mais je cherche ni la reconnaissance ni à convertir les foules


Ouais c'est l'esprit web ça et c'est très bien mais rien ne t'empêche de développer ce projet Smiley cligne
Juste une question pour HammHetField : Comment fais-tu pour pouvoir faire des pages personnalisées sur GitHub ? Car c'est le deuxième cas que je vois (après la page de prefix-free) et ça m'intrigue, car j'ai moi-même un compte GitHub (gratuit), et je n'ai rien trouvé dans les options qui permette de faire ça.
Modifié par IshimaruChiaki (27 Oct 2011 - 23:02)
Grosso modo il faut créer une branhe appelée gh-pages et y mettre son contenu... Tout est expliqué dans le lien de Florian_R
Sujet clos
Aller à