Mastodon.green

LiberaFormsLiberaForms 4.1.0Imagine if after setting up your form with Free form software, you need to include a link to a PDF hosted on some proprietary cloud server, ouch!We've got you covered with PDF uploads to your media library and easy markdown inserts.<a href="https://blog.liberaforms.org/2025/04/22/version-410/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://blog.liberaforms.org/2025/04/22/version-410/</a>Enjoy!<a href="https://fosstodon.org/tags/Forms" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Forms</a> <a href="https://fosstodon.org/tags/PDF" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#PDF</a>

Inautilo<a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Design</a> <a href="https://mastodon.social/tags/Guidelines" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Guidelines</a> Error messages that actually help users · An opportunity to win user trust instead of losing it <a href="https://ilo.im/163dfc" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/163dfc</a>_____ <a href="https://mastodon.social/tags/User" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#User</a> <a href="https://mastodon.social/tags/Messages" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Messages</a> <a href="https://mastodon.social/tags/Forms" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Forms</a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProductDesign</a> <a href="https://mastodon.social/tags/UxDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UxDesign</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/Backend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Backend</a>

LiberaFormsLiberaForms v4.0.1This release contains a number of security and bug fixes. Users of all versions are encouraged to upgrade.Enjoy!<a href="https://blog.liberaforms.org/2025/04/16/version-401/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://blog.liberaforms.org/2025/04/16/version-401/</a><a href="https://fosstodon.org/tags/Forms" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Forms</a>

Frontend DogmaThe “<select>” Element Can Now Be Customized With CSS, by <a href="https://front-end.social/@argyleink" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@argyleink</a> (<a href="https://chromium.social/@developers" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@developers</a>):<a href="https://developer.chrome.com/blog/a-customizable-select" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://developer.chrome.com/blog/a-customizable-select</a><a href="https://mas.to/tags/forms" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#forms</a> <a href="https://mas.to/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a>

csöndműhely<a href="https://mastodon.social/tags/treeinacourtyard" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#treeinacourtyard</a> . . . . <a href="https://mastodon.social/tags/photography" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#photography</a> <a href="https://mastodon.social/tags/budapest" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#budapest</a> <a href="https://mastodon.social/tags/hungary" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#hungary</a> <a href="https://mastodon.social/tags/tree" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#tree</a> <a href="https://mastodon.social/tags/treesinthecity" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#treesinthecity</a> <a href="https://mastodon.social/tags/architecture" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#architecture</a> <a href="https://mastodon.social/tags/courtyard" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#courtyard</a> <a href="https://mastodon.social/tags/forms" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#forms</a> <a href="https://mastodon.social/tags/perspective" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#perspective</a> <a href="https://mastodon.social/tags/Kilianbarracks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Kilianbarracks</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Techniques</a> Multi-step logins with password manager support · The problem with email-first logins and how to solve it <a href="https://ilo.im/163at0" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/163at0</a>_____ <a href="https://mastodon.social/tags/Logins" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Logins</a> <a href="https://mastodon.social/tags/Forms" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Forms</a> <a href="https://mastodon.social/tags/Passwords" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Passwords</a> <a href="https://mastodon.social/tags/PasswordManagers" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#PasswordManagers</a> <a href="https://mastodon.social/tags/SSO" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SSO</a> <a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Accessibility</a> <a href="https://mastodon.social/tags/Usability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Usability</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a>

christian 💀F-016 <a href="https://pixelfed.social/discover/tags/buildings?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#buildings</a> <a href="https://pixelfed.social/discover/tags/edificios?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#edificios</a> <a href="https://pixelfed.social/discover/tags/architecture?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#architecture</a> <a href="https://pixelfed.social/discover/tags/arquitectura?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#arquitectura</a> <a href="https://pixelfed.social/discover/tags/minimal?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#minimal</a> <a href="https://pixelfed.social/discover/tags/forms?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#forms</a> <a href="https://pixelfed.social/discover/tags/industrial?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#industrial</a>

Web AxeFoundations: grouping forms with <fieldset> and <legend> <a href="https://tetralogical.com/blog/2025/01/31/foundations-fieldset-and-legend/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://tetralogical.com/blog/2025/01/31/foundations-fieldset-and-legend/</a> <a href="https://a11y.info/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a> <a href="https://a11y.info/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://a11y.info/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#a11y</a> <a href="https://a11y.info/tags/forms" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#forms</a>

Frontend Dogma“input type="number"”, by <a href="https://front-end.social/@kevinpowell" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@kevinpowell</a>:<a href="https://html-css-tip-of-the-week.netlify.app/tip/input-type-number/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://html-css-tip-of-the-week.netlify.app/tip/input-type-number/</a><a href="https://mas.to/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a> <a href="https://mas.to/tags/forms" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#forms</a>

csöndműhely<a href="https://mastodon.social/tags/sleepyspring" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#sleepyspring</a> . . . <a href="https://mastodon.social/tags/photography" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#photography</a> <a href="https://mastodon.social/tags/budapest" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#budapest</a> <a href="https://mastodon.social/tags/danubiusfountain" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#danubiusfountain</a> <a href="https://mastodon.social/tags/drava" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#drava</a> <a href="https://mastodon.social/tags/hungary" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#hungary</a> <a href="https://mastodon.social/tags/architecture" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#architecture</a> <a href="https://mastodon.social/tags/statue" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#statue</a> <a href="https://mastodon.social/tags/forms" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#forms</a> <a href="https://mastodon.social/tags/perspective" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#perspective</a> <a href="https://mastodon.social/tags/compositionfun" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#compositionfun</a>

IsarbluesReal <a href="https://muenchen.social/tags/UnplugTrump" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UnplugTrump</a><a href="https://fosstodon.org/@cryptpad" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@cryptpad</a> wrote: Today we are very proud to announce that the United Nations has switched from Google Forms to CryptPad Form for collecting endorsements on the UN Open Source Principles: <a href="https://unite.un.org/news/sixteen-organizations-endorse-un-open-source-principles" rel="nofollow noopener noreferrer" target="_blank">https://unite.un.org/news/sixteen-organizations-endorse-un-open-source-principles</a>CryptPad Form is a full-fledged application allowing you to build privacy-preserving questionnaires for your respondents.Try it for free ... on our CryptPad.fr flagship instance!<a href="https://muenchen.social/tags/UnitedNations" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UnitedNations</a> <a href="https://muenchen.social/tags/UN" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UN</a> <a href="https://muenchen.social/tags/Privacy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Privacy</a> <a href="https://muenchen.social/tags/OpenSource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#OpenSource</a> <a href="https://muenchen.social/tags/Forms" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Forms</a> <a href="https://muenchen.social/tags/Studies" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Studies</a> <a href="https://muenchen.social/tags/FOSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FOSS</a>

Frontend DogmaImplementing “aria-describedby” for Web Accessibility, by <a href="https://metalhead.club/@flori" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@flori</a> (<a href="https://front-end.social/@a11ycollective" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@a11ycollective</a>):<a href="https://www.a11y-collective.com/blog/aria-describedby/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.a11y-collective.com/blog/aria-describedby/</a><a href="https://mas.to/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#accessibility</a> <a href="https://mas.to/tags/aria" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#aria</a> <a href="https://mas.to/tags/forms" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#forms</a> <a href="https://mas.to/tags/labels" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#labels</a> <a href="https://mas.to/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a>

Web AxeRelated: Using padding to space an input and label <a href="https://www.darins.page/articles/using-padding-to-space-an-input-and-label" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.darins.page/articles/using-padding-to-space-an-input-and-label</a> <a href="https://a11y.info/tags/webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdesign</a> <a href="https://a11y.info/tags/forms" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#forms</a> <a href="https://a11y.info/tags/usability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#usability</a> <a href="https://a11y.info/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#a11y</a>

CryptPadToday we are very proud to announce that the United Nations has switched from Google Forms to CryptPad Form for collecting endorsements on the UN Open Source Principles: <a href="https://unite.un.org/news/sixteen-organizations-endorse-un-open-source-principles" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://unite.un.org/news/sixteen-organizations-endorse-un-open-source-principles</a>CryptPad Form is a full-fledged application allowing you to build privacy-preserving questionnaires for your respondents.Try it for free, without even registering an account, on our CryptPad.fr flagship instance!<a href="https://fosstodon.org/tags/UnitedNations" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UnitedNations</a> <a href="https://fosstodon.org/tags/UN" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UN</a> <a href="https://fosstodon.org/tags/Privacy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Privacy</a> <a href="https://fosstodon.org/tags/OpenSource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#OpenSource</a> <a href="https://fosstodon.org/tags/Forms" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Forms</a> <a href="https://fosstodon.org/tags/Studies" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Studies</a> <a href="https://fosstodon.org/tags/FOSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FOSS</a>

Frontend DogmaGrouping Selection List Items Together With CSS Grid, by @rpsthecoder@x.com (<a href="https://mastodon.social/@csstricks" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@csstricks</a>):<a href="https://css-tricks.com/grouping-selection-list-items-together-with-css-grid/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://css-tricks.com/grouping-selection-list-items-together-with-css-grid/</a><a href="https://mas.to/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a> <a href="https://mas.to/tags/lists" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#lists</a> <a href="https://mas.to/tags/forms" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#forms</a> <a href="https://mas.to/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://mas.to/tags/grids" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#grids</a> <a href="https://mas.to/tags/layout" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#layout</a>

Frontend Dogma“:in-range” Pseudo-Class, by <a href="https://front-end.social/@kevinpowell" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@kevinpowell</a>:<a href="https://html-css-tip-of-the-week.netlify.app/tip/in-range/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://html-css-tip-of-the-week.netlify.app/tip/in-range/</a><a href="https://mas.to/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://mas.to/tags/selectors" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#selectors</a> <a href="https://mas.to/tags/forms" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#forms</a>

Frontend Dogma“I’m Not a Designer But…”, by @adamsilverhq.bsky.social:<a href="https://adamsilver.io/blog/im-not-a-designer-but%20copy/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://adamsilver.io/blog/im-not-a-designer-but%20copy/</a><a href="https://mas.to/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#design</a> <a href="https://mas.to/tags/usability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#usability</a> <a href="https://mas.to/tags/forms" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#forms</a> <a href="https://mas.to/tags/ecommerce" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ecommerce</a>

Frontend DogmaStyle Legend, by <a href="https://mastodon.social/@adactio" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@adactio</a>:<a href="https://adactio.com/journal/21797" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://adactio.com/journal/21797</a><a href="https://mas.to/tags/forms" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#forms</a> <a href="https://mas.to/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a>

Frontend DogmaCool Native HTML Elements You Should Already Be Using, by @hrrsnbbnt.bsky.social:<a href="https://harrisonbroadbent.com/blog/cool-native-html-elements/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://harrisonbroadbent.com/blog/cool-native-html-elements/</a><a href="https://mas.to/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a> <a href="https://mas.to/tags/modals" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#modals</a> <a href="https://mas.to/tags/forms" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#forms</a> <a href="https://mas.to/tags/progressindicators" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#progressindicators</a>

nicolasUn nouveau service "Questionnaire) de <a href="https://mastodon.mim-libre.fr/@apps" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@apps</a> dev par le <a href="https://mastodon.mim-libre.fr/@PCLL" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@PCLL</a> afin d'avoir une alternative a framaforms et googleformsles sources <a href="https://gitlab.mim-libre.fr/alphabet/questionnaire" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://gitlab.mim-libre.fr/alphabet/questionnaire</a><a href="https://mastodon.mim-libre.fr/tags/libre" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#libre</a> <a href="https://mastodon.mim-libre.fr/tags/questionnaire" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#questionnaire</a> <a href="https://mastodon.mim-libre.fr/tags/forms" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#forms</a>

Recent searches

Search options

Administered by:

Server stats:

#forms