Open Source / select2 · GitLab
▻https://git.nursit.net/open/select2
Un remplaçant pour le plugin Chosen (habillage des select) basé sur le plugin JQuery Select2
La doc sur spip-contrib : ▻https://contrib.spip.net/Select2-5198
#SPIP #nursit #chose #select #formulaire
Where to put #buttons on #forms
▻https://adamsilver.io/articles/where-to-put-buttons-in-forms
Align the primary button to the left edge of the inputs
illuminate a clear path to completion. Aligning inputs and actions with a strong vertical axis clearly communicates how to go about completing a form."
This layout also helps screen magnifier users to see it without having to pan across.
Les boutons des formulaires de #SPIP seraient mal placés ?
exemple de résultats du « Eye tracking » pour le premier point : ▻https://www.lukew.com/ff/entry.asp?571
#Drupal_8 : Dynamiser vos contenus à l’aide des formulaires AJAX
▻https://makina-corpus.com/blog/metier/2019/drupal-8-dynamiser-vos-contenus-a-laide-des-ajax-commands
Utiliser les AjaxCommands de l’API de Drupal 8 pour agir sur le Markup
Makina Corpus, premier pas en #éco-conception
▻https://makina-corpus.com/blog/societe/makina-corpus-premier-pas-en-eco-conception-de-logiciel
Makina Corpus va être accompagnée pour intégrer les principes de l’éco-conception dans le développement de ses produits et services grâce à la démarche collective Green Concept.
#Ergonomie #Environnement #Développement_durable #Green-IT #Méthodes_Agiles #Valeurs #Formulaire #Expérience_utilisateur #Application_métier #Société #News_Item
Signaler les champs obligatoires
▻http://romy.tetue.net/signaler-les-champs-obligatoires
Comment bien signaler les champs de saisie obligatoire ? Avec l’astérisque conventionnelle, mais attention : c’est moins simple qu’il n’y paraît ! Voyons cela pas à pas… Baliser les champs obligatoires comme tels Cela se fait très simplement avec l’attribut HTML5 dédié, required, qui s’utilise comme suit…
#required #HTML5 #a11yDesign #a11y #formulaires #forms #astérisque #tutoriel
Getting Started | Select2 - The jQuery replacement for select boxes
▻https://select2.org
une alternative jQuery à Chosen pour le remplacement des <select> et select multiples
#chosen #select #formulaire #jquery
Design Better Forms – UX Collective
▻https://uxdesign.cc/design-better-forms-96fadca0f49c
form. Be conversational. Be funny. Gradually engage. Do the unexpected. It is the role of the designer to express their company’s brand to elicit an emotional reaction. If done correctly, it will increase completion rates. Just make sure you don’t violate the rules listed above.
Voila une belle liste des erreurs que nous pousse a faire nos clients, et marketeux qui savent mieux que nous organiser une page agréable et raisonné ;-) . Perso on me les as déjà toutes faites quasiement et comme un lache de tâchon j’ai éxécuté … les ordres (appelé recommandations dans le monde du travail …)
C’est #fou quand même !!!
#genre #cnrs #discriminations #inégalités #formulaire
cc @mad_meg @reka
vu sur twitter le 10.10.2017
oui dit donc c’est copieux ce formulaire !!! Bravo le CNRS et les personnes qui ont pondu ce programme ! Merci @cdb_77 pour le signalement
Validation des formulaires de données - Guides pour développeurs Web | MDN
▻https://developer.mozilla.org/fr/docs/Web/Guide/HTML/Formulaires/Validation_donnees_formulaire
Une des fonctionnalités de HTML5 est de pouvoir valider la plupart des données des utilisateurs sans avoir recours à des scripts. On utilise pour cela des attributs de validation sur les éléments du formulaire.
et pour quelques exemples basiques : ▻http://dmouronval.developpez.com/tutoriels/html/formulaires-html5
GitHub - flatlogic/awesome-bootstrap-checkbox : Font Awesome Bootstrap Checkboxes & Radios. Pure css way to make inputs look prettier.
▻https://github.com/flatlogic/awesome-bootstrap-checkbox
Font-awesome + bootstrap 3 (4 en beta) pour styler radios et checkbox sans javascript
La démo : ▻http://flatlogic.github.io/awesome-bootstrap-checkbox/demo
Inclusive Toggle Buttons
▻http://inclusive-components.club/toggle-button
“How you design and implement your toggle buttons is quite up to you, but I hope you’ll remember this post when it comes to adding this particular component to your pattern library. There’s no reason why toggle buttons — or any interface component for that matter — should marginalize the number of people they often do.”
Balises et boucles avec Formidable
▻https://contrib.spip.net/Balises-et-boucles-avec-Formidable#balise_voir_reponse
La page du carnet wiki de SPIP Contrib pour la documentation du plugin Formidable
#formidable #contrib #carnet #formulaire #SPIP #plugin
La binarité, c’est pas mon genre | Antonin Le Mée | TEDxRennes - YouTube
▻https://youtu.be/8aM0mWvEdvo
Puisant dans son expérience auprès d’associations LGBTI (Lesbiennes Gays Bisexuelles Transgenres Intersexes) ainsi que dans sa propre vie, Antonin Le Mée explique comment la société occidentale est structurée par des cases binaires liées au sexe et au genre. Que ce soit dans les comportements attendus ou les systèmes administratifs, partout on classe en deux catégories étanches : mâle / femelle, homme / femme, monsieur / madame...
Going #static: Episode II — Attack of the #comments × Made Mistakes
▻https://mademistakes.com/articles/jekyll-static-comments
Offloading comments to an external service like #disqus has always felt like a necessary evil to me when building #jekyll sites.
#form #formulaire #github
X-editable :: In-place editing with Twitter Bootstrap, #jQuery UI or pure jQuery
▻https://vitalets.github.io/x-editable
X-editable
In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery
This library allows you to create editable elements on your page. It can be used with any engine (bootstrap, jquery-ui, jquery only) and includes both popup and inline modes. Please try out demo to see how it works.
#formulaires #javascript (via .Gilles)
Les États-Unis pourraient vérifier le compte Facebook des touristes
▻http://ici.radio-canada.ca/nouvelles/techno/2016/06/27/001-etats-unis-facebook-touristes.shtml
Le département de la Sécurité intérieure des États-Unis souhaite moderniser ses formulaires d’entrée au pays. Quand on traverse la frontière en avion ou quand on fait une demande de visa, on a l’habitude de se faire demander noms, numéros de passeports et adresses. On pourrait aussi, bientôt, se faire demander les informations relatives à ses comptes de médias sociaux.
#Electronic_System_for_Travel_Authorization #Formulaire_ESTA #Internet #Politique #Réseau_social_(internet) #Surveillance_globale #Surveillance_électronique #Système_électronique_d'autorisation_de_voyage #Vie_privée #États-Unis
Cela dit, la note gouvernementale indique que ce genre d’information ne serait dévoilé que sur une base volontaire. Ce qui n’empêche pas les autorités de vérifier le contenu public qui circule en ligne. Il y a quelques années, on a refusé l’entrée de deux touristes britanniques parce qu’ils venaient de tweeter qu’ils avaient l’intention de déterrer Marilyn Monroe. Manifestement, la blague a mal passé.
Ce que pratique aussi Israël me semble-t-il, en exigeant le mot de passe de certaines personnes suspectées de sympathies pro-palestiniennes. Quant aux gens qui n’auront pas de compte, seront-ils de facto suspects ?
#boycott_facebook (c’est pas moi qui insiste, merdeZ trouve toujours pire)
Marre des grèves ? Remplissez le formulaire suivant…
▻http://towardgrace.blogspot.fr/2016/05/marre-des-greves-remplissez-le.html
Noms de personnes à travers le monde - W3C
▻https://www.w3.org/International/questions/qa-personal-names
Document du W3C (traduit par @notabene :)), expliquant que les noms peuvent être méga différents suivant les pays et cultures (donc y compris à l’intérieur d’un même pays).
Et donc que dans les formulaires web et bases de données (profil utilisateur, annuaires, clients de commerce, etc), ça implique des choses, et notamment que sauf si on a une raison super importante de séparer en plusieurs champs, il est préférable de rester simple et d’avoir UN seul unique champ générique pour le nom.
(En ce qui me concerne, cela m’interroge pour le plugin Contacts & Organisations de SPIP, qui oblige à avoir nom et prénom dans deux champs pour les personnes physiques - spip_contacts. Le champ prénom pourrait être optionnel… je sais pas, un truc comme ça. cc @cym @marcimat @drbouvierleduc)
@fil le prestataire bancaire d’un de mes clients me précise que pour les paiements Sepa par exemple (toute l’Europe au moins), c’est apparemment obligatoire de demander nom et prénom.
Fix #336: remove · whatwg/html@80ba4fa · GitHub
▻https://github.com/whatwg/html/commit/80ba4fa24e5d3d81a10aa1bbd8a2f72f4bcc3f7c
Tags : #html5 #date #time #champ #formulaire #type #clevermarks
Palleas/NaughtyKeyboard · GitHub
▻https://github.com/Palleas/NaughtyKeyboard
The Big List of Naughty Strings is a list of strings which have a high probability of causing issues when used as user-input data. This is a keyboard to help you #test your app from your #iOS device. Tags: iOS #application test #caractère #formulaire #clavier #erreur #bug #clevermarks
RFC 7578 : Returning Values from Forms : multipart/form-data
Voici la nouvelle définition du type de données Internet multipart/form-data, qui est notamment envoyé par les navigateurs #Web une fois qu’on a rempli un formulaire (enfin, certains formulaires). Elle remplace la définition du RFC 2388.
Why Infield Top Aligned Form Labels are Quickest to Scan - #UX Movement
▻http://uxmovement.com/forms/why-infield-top-aligned-form-labels-are-quickest-to-scan
Infield top aligned labels require as few visual fixations as possible when scanning. Each field contains both the #label and user input. When users scan a field, their fixations hit the label and input at the same time. The close proximity and lack … Tags: UX #formulaire label #clevermarks
@fil j’ai juste un doute sur les zone collées les unes contre les autres, mais j’aime bien les label en haut des champs
Je ne suis que très moyennement convaincu... surtout à cause du « ton » de l’article.
– ça manque de datas (puisque l’auteur se place dans une démarche rationalisante, et qu’il semble intéressé par les mouvements oculaires). Je serais très curieux de voir de vrais résultats d’une étude d’eye-tracking sur le sujet, sur les hypothèses proposées. Les mouvement exploratoires optiques dépendent très fortement de l’apparence visuelle (typo, contrastes, couleurs).
– la solution proposée est très marquée culturellement (formulaires papier américains) : quelqu’un dont ce n’est pas la culture aura du mal à identifier une telle surface visuelle comme un formulaire (équivalent de l’habitus en IHM).
– Comme toujours en ergo / UX / facteurs humains, énormément de choses dépendent du contexte (environnement, tâches, culture), chose encore oubliée ici.
Bref, j’aime la démarche, et suis convaincu par certaines constatations et idées (labels dans les champs, dans certains contextes) , mais c’est un peu léger. Je crains que les « UX/UI/ergo-designers » soient encore obligés de détricoter ce genre d’article quand un client ou un collègue pensera avoir trouvé l’idée du siècle après l’avoir lu.
Ah oui donc un padding pour avoir la place d’y mettre le label, et ensuite du coup tout ce qui est à l’intérieur du cadre du champ est cliquable.
Après faut voir comment présenter les select, radios et checkboxes, parce que faut pas faire croire que le cadre est le même et que l’ensemble est cliquable (ce que fait actuellement la CSS d’admin de SPIP 3.1, ce qui est MAL, bug ergonomique).
Et il y a le problème d’où afficher les messages d’erreur de chaque champ (notamment s’il y en a plusieurs), relevé aussi dans les commentaires.
Yet Another #datepicker - a frequency decoder production
▻http://freqdec.github.io/datePicker
An attempt at writing a flexible, framework free, feature-rich and accessible datepicker. Tags: #calendrier #JavaScript datepicker accessibilité #clevermarks
Awesomplete: Ultra lightweight, highly customizable, simple autocomplete, by Lea Verou
▻http://leaverou.github.io/awesomplete
Ultra lightweight, customizable, simple autocomplete widget with zero dependencies, built with modern standards for modern browsers. Because <datalist> still doesn’t cut it.
Par contre, ne parle pas pour l’instant de liste venant d’une source externe avec un appel à un service en ajax. Et notamment en passant à ce service ce qui a déjà été tapé. Parce que quand on a 25000 mots… ben faut sortir que les 10 ou 20 premiers avec les lettres déjà données.
De même, pas de multi-mots pour l’instant apparemment. Càd que l’autocomplétion continue pour les mots ou phrases suivantes, avec un délimitateur défini (espace ou virgule ou autre, personnalisable).
#Formulaire de #phobie_administrative
▻http://imgur.com/NZKhYLO
Je dois dire que ça m’a fait bien rire - @odilon ça devrait te plaire aussi (ton #pauv'_ti_chou m’a aussi fait bien rire).
Victime de « phobie évaluative » un prof ne corrige aucune copie pendant 3 ans | Eduk Actus
▻http://edukactus.wordpress.com/2014/09/10/victime-de-phobie-evaluative-un-prof-ne-corrige-aucune-copie-pe
L’affaire qui tombe mal pour le lycée de la rue de Hollande. Tout juste muté dans l’établissement, un professeur d’histoire est accusé de ne pas avoir corrigé une seule copie depuis 3 ans.
