home.social
Sign in Create account

#forms — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #forms, aggregated by home.social.

  1. Frontend Dogma @[email protected] ·

    Introducing TanStack Form, by @adamrackis.bsky.social (@frontendmasters.com):

    frontendmasters.com/blog/intro

    #introductions #tanstack #forms

    #forms #tanstack #introductions
  2. Frontend Dogma @[email protected] ·

    Introducing TanStack Form, by @adamrackis.bsky.social (@frontendmasters.com):

    frontendmasters.com/blog/intro

    #introductions #tanstack #forms

    #forms #tanstack #introductions
  3. Frontend Dogma @[email protected] ·

    Introducing TanStack Form, by @adamrackis.bsky.social (@frontendmasters.com):

    frontendmasters.com/blog/intro

    #introductions #tanstack #forms

    #forms #tanstack #introductions
  4. Frontend Dogma @frontenddogma ·

    Introducing TanStack Form, by @adamrackis.bsky.social (@frontendmasters.com):

    frontendmasters.com/blog/intro

    #forms #tanstack #introductions
  5. Frontend Dogma @[email protected] ·

    Introducing TanStack Form, by @adamrackis.bsky.social (@frontendmasters.com):

    frontendmasters.com/blog/intro

    #introductions #tanstack #forms

    #forms #tanstack #introductions
  6. Frontend Dogma @[email protected] ·

    The “<selectmenu>” Element: Stop Using JavaScript Dropdown Libraries, by (not on Mastodon or Bluesky):

    sitepoint.com/the-selectmenu-e

    #html #forms #javascript #css

    #css #javascript #forms #html
  7. Frontend Dogma @[email protected] ·

    The “<selectmenu>” Element: Stop Using JavaScript Dropdown Libraries, by (not on Mastodon or Bluesky):

    sitepoint.com/the-selectmenu-e

    #html #forms #javascript #css

    #css #javascript #forms #html
  8. Frontend Dogma @[email protected] ·

    The “<selectmenu>” Element: Stop Using JavaScript Dropdown Libraries, by (not on Mastodon or Bluesky):

    sitepoint.com/the-selectmenu-e

    #html #forms #javascript #css

    #css #javascript #forms #html
  9. Frontend Dogma @frontenddogma ·

    The “<selectmenu>” Element: Stop Using JavaScript Dropdown Libraries, by (not on Mastodon or Bluesky):

    sitepoint.com/the-selectmenu-e

    #css #javascript #forms #html
  10. Frontend Dogma @[email protected] ·

    The “<selectmenu>” Element: Stop Using JavaScript Dropdown Libraries, by (not on Mastodon or Bluesky):

    sitepoint.com/the-selectmenu-e

    #html #forms #javascript #css

    #css #javascript #forms #html
  11. GLOBAL Visibility aéPiot - by aePiot.ro @[email protected] ·

    #LIN #DAIYU #COURTESAN www.perplexity.ai/search/new?q... #FORMS OF #GHANAIAN #HIGHLIFE chatgpt.com?prompt=Analy... #IBRAHIM RAHIMIĆ semantic-search.allgraph.ro/advanced-sea... allgraph.ro/semantic-map... aePiot: Dominate Web 4.0. Build semantic nodes now.

    Perplexity

    #lin #daiyu #courtesan #forms #ghanaian #highlife
  12. GLOBAL Visibility aéPiot - by aePiot.ro @[email protected] ·

    #LIN #DAIYU #COURTESAN www.perplexity.ai/search/new?q... #FORMS OF #GHANAIAN #HIGHLIFE chatgpt.com?prompt=Analy... #IBRAHIM RAHIMIĆ semantic-search.allgraph.ro/advanced-sea... allgraph.ro/semantic-map... aePiot: Dominate Web 4.0. Build semantic nodes now.

    Perplexity

    #lin #daiyu #courtesan #forms #ghanaian #highlife
  13. Luxembourg @[email protected] ·

    Criteo targets Luxembourg redomicile; U.S. move possible in 2027 | CRTO SEC Filing

    Filed by Criteo S.A. pursuant to Rule 425 under the Securities Act of 1933 and deemed filed pursuant…
    #Luxembourg #Luxemburg #LU #Europe #Europa #EU #criteo #CRTO #directlisting #FormS-4 #Lëtzebuerg #luxembourg #redomiciliation #taxrate
    europesays.com/2971023/

    #taxrate #redomiciliation #letzebuerg #forms #directlisting #crto
  14. Inautilo @[email protected] ·

    #Design #Debates
    Is form design easy? · The illusion of simplicity in form design ilo.im/16cnnn

    _____
    #Forms #DesignPatterns #ProductDesign #UxDesign #UiDesign #WebDesign

    #design #debates #forms #designpatterns #productdesign #uxdesign
  15. Inautilo @[email protected] ·

    #Design #Debates
    Is form design easy? · The illusion of simplicity in form design ilo.im/16cnnn

    _____
    #Forms #DesignPatterns #ProductDesign #UxDesign #UiDesign #WebDesign

    #design #debates #forms #designpatterns #productdesign #uxdesign
  16. Inautilo @[email protected] ·

    #Design #Debates
    Is form design easy? · The illusion of simplicity in form design ilo.im/16cnnn

    _____
    #Forms #DesignPatterns #ProductDesign #UxDesign #UiDesign #WebDesign

    #webdesign #uidesign #uxdesign #productdesign #designpatterns #forms
  17. Inautilo @[email protected] ·

    #Design #Debates
    Is form design easy? · The illusion of simplicity in form design ilo.im/16cnnn

    _____
    #Forms #DesignPatterns #ProductDesign #UxDesign #UiDesign #WebDesign

    #design #debates #forms #designpatterns #productdesign #uxdesign
  18. Inautilo @[email protected] ·

    #Development #Approaches
    Two paradigms for enhancing HTML tags · Practical ways to empower HTML elements ilo.im/16cfik

    _____
    #HTML #Forms #WebComponents #APIs #WebDev #Frontend #DOM #JavaScript

    #development #approaches #html #forms #webcomponents #apis
  19. Inautilo @[email protected] ·

    #Development #Approaches
    Two paradigms for enhancing HTML tags · Practical ways to empower HTML elements ilo.im/16cfik

    _____
    #HTML #Forms #WebComponents #APIs #WebDev #Frontend #DOM #JavaScript

    #development #approaches #html #forms #webcomponents #apis
  20. Inautilo @[email protected] ·

    #Development #Approaches
    Two paradigms for enhancing HTML tags · Practical ways to empower HTML elements ilo.im/16cfik

    _____
    #HTML #Forms #WebComponents #APIs #WebDev #Frontend #DOM #JavaScript

    #javascript #dom #frontend #webdev #apis #webcomponents
  21. Inautilo @[email protected] ·

    #Development #Approaches
    Two paradigms for enhancing HTML tags · Practical ways to empower HTML elements ilo.im/16cfik

    _____
    #HTML #Forms #WebComponents #APIs #WebDev #Frontend #DOM #JavaScript

    #development #approaches #html #forms #webcomponents #apis
  22. Frontend Dogma @[email protected] ·

    Visual Validation Feedback for Form Fields, by @Aaron:

    aaron-gustafson.com/notebook/v

    #html #forms #validation #javascript

    #javascript #validation #forms #html
  23. Frontend Dogma @[email protected] ·

    Visual Validation Feedback for Form Fields, by @Aaron:

    aaron-gustafson.com/notebook/v

    #html #forms #validation #javascript

    #javascript #validation #forms #html
  24. Frontend Dogma @[email protected] ·

    Visual Validation Feedback for Form Fields, by @Aaron:

    aaron-gustafson.com/notebook/v

    #html #forms #validation #javascript

    #javascript #validation #forms #html
  25. Frontend Dogma @frontenddogma ·

    Visual Validation Feedback for Form Fields, by @Aaron:

    aaron-gustafson.com/notebook/v

    #javascript #validation #forms #html
  26. Frontend Dogma @[email protected] ·

    Visual Validation Feedback for Form Fields, by @Aaron:

    aaron-gustafson.com/notebook/v

    #html #forms #validation #javascript

    #javascript #validation #forms #html
  27. Frontend Dogma @[email protected] ·

    Never Lose Form Progress Again, by @Aaron:

    aaron-gustafson.com/notebook/n

    #forms #webcomponents #progressiveenhancement

    #progressiveenhancement #webcomponents #forms
  28. Frontend Dogma @[email protected] ·

    Never Lose Form Progress Again, by @Aaron:

    aaron-gustafson.com/notebook/n

    #forms #webcomponents #progressiveenhancement

    #progressiveenhancement #webcomponents #forms
  29. Frontend Dogma @[email protected] ·

    Never Lose Form Progress Again, by @Aaron:

    aaron-gustafson.com/notebook/n

    #forms #webcomponents #progressiveenhancement

    #progressiveenhancement #webcomponents #forms
  30. Frontend Dogma @frontenddogma ·

    Never Lose Form Progress Again, by @Aaron:

    aaron-gustafson.com/notebook/n

    #progressiveenhancement #webcomponents #forms
  31. Frontend Dogma @[email protected] ·

    Never Lose Form Progress Again, by @Aaron:

    aaron-gustafson.com/notebook/n

    #forms #webcomponents #progressiveenhancement

    #progressiveenhancement #webcomponents #forms
  32. Osna.FM @[email protected] ·

    The faltering Sahra Wagenknecht alliance (BSW) is working to develop new political initiatives through a newly established Core Values Commission. A founding do... news.osna.fm/?p=43768 | #news #bsws #commission #forms #fundamental

    #news #bsws #commission #forms #fundamental
  33. Osna.FM @[email protected] ·

    The faltering Sahra Wagenknecht alliance (BSW) is working to develop new political initiatives through a newly established Core Values Commission. A founding do... news.osna.fm/?p=43768 | #news #bsws #commission #forms #fundamental

    #news #bsws #commission #forms #fundamental
  34. Osna.FM @[email protected] ·

    The faltering Sahra Wagenknecht alliance (BSW) is working to develop new political initiatives through a newly established Core Values Commission. A founding do... news.osna.fm/?p=43768 | #news #bsws #commission #forms #fundamental

    #fundamental #forms #commission #bsws #news
  35. Osna.FM @[email protected] ·

    The faltering Sahra Wagenknecht alliance (BSW) is working to develop new political initiatives through a newly established Core Values Commission. A founding do... news.osna.fm/?p=43768 | #news #bsws #commission #forms #fundamental

    #news #bsws #commission #forms #fundamental
  36. Inautilo @[email protected] ·

    #Design #Approaches
    The perfect file upload pattern · When users don’t need to press the upload button ilo.im/16c9sl

    _____
    #Convenience #Uploads #Files #Forms #Usability #DesignPatterns #ProductDesign #UxDesign #UiDesign #WebDesign

    #design #approaches #convenience #uploads #files #forms
  37. Inautilo @[email protected] ·

    #Design #Approaches
    The perfect file upload pattern · When users don’t need to press the upload button ilo.im/16c9sl

    _____
    #Convenience #Uploads #Files #Forms #Usability #DesignPatterns #ProductDesign #UxDesign #UiDesign #WebDesign

    #design #approaches #convenience #uploads #files #forms
  38. Inautilo @[email protected] ·

    #Design #Approaches
    The perfect file upload pattern · When users don’t need to press the upload button ilo.im/16c9sl

    _____
    #Convenience #Uploads #Files #Forms #Usability #DesignPatterns #ProductDesign #UxDesign #UiDesign #WebDesign

    #webdesign #uidesign #uxdesign #productdesign #designpatterns #usability
  39. Inautilo @[email protected] ·

    #Design #Approaches
    The perfect file upload pattern · When users don’t need to press the upload button ilo.im/16c9sl

    _____
    #Convenience #Uploads #Files #Forms #Usability #DesignPatterns #ProductDesign #UxDesign #UiDesign #WebDesign

    #design #approaches #convenience #uploads #files #forms
  40. Inautilo @[email protected] ·

    #Development #Guides
    Never lose form progress again · A web component storing and restoring form values ilo.im/16cbuk

    _____
    #Forms #Storage #WebComponents #ProgressiveEnhancement #Browsers #WebDev #Frontend #DOM #HTML #JavaScript

    #development #guides #forms #storage #webcomponents #progressiveenhancement
  41. Inautilo @[email protected] ·

    #Development #Guides
    Never lose form progress again · A web component storing and restoring form values ilo.im/16cbuk

    _____
    #Forms #Storage #WebComponents #ProgressiveEnhancement #Browsers #WebDev #Frontend #DOM #HTML #JavaScript

    #development #guides #forms #storage #webcomponents #progressiveenhancement
  42. Inautilo @[email protected] ·

    #Development #Guides
    Never lose form progress again · A web component storing and restoring form values ilo.im/16cbuk

    _____
    #Forms #Storage #WebComponents #ProgressiveEnhancement #Browsers #WebDev #Frontend #DOM #HTML #JavaScript

    #javascript #html #dom #frontend #webdev #browsers
  43. Inautilo @[email protected] ·

    #Development #Guides
    Never lose form progress again · A web component storing and restoring form values ilo.im/16cbuk

    _____
    #Forms #Storage #WebComponents #ProgressiveEnhancement #Browsers #WebDev #Frontend #DOM #HTML #JavaScript

    #development #guides #forms #storage #webcomponents #progressiveenhancement
  44. :rss: Qiita - 人気の記事 @[email protected] ·

    React Hook Form 入門 Part 1 — 仕組みを理解してから使う
    qiita.com/nhatcaofedev/items/5

    #qiita #TypeScript #React #Forms #Next_js #react_hook_form

    #qiita #typescript #react #forms #next_js #react_hook_form
  45. :rss: Qiita - 人気の記事 @[email protected] ·

    React Hook Form 入門 Part 1 — 仕組みを理解してから使う
    qiita.com/nhatcaofedev/items/5

    #qiita #TypeScript #React #Forms #Next_js #react_hook_form

    #qiita #typescript #react #forms #next_js #react_hook_form
  46. Habr @[email protected] ·

    Формы как контракт в Next.js: Zod, fieldErrors и одинаковые правила на client и server

    С формами в Next.js проблема обычно начинается не на уровне кнопки submit. Кнопка как раз почти всегда работает. Настоящая путаница начинается позже, когда форма уже живёт в проекте какое-то время. В одном месте ошибка показывается под полем, в другом только общей строкой сверху. Где-то кнопка блокируется на pending, а где-то можно отправить запрос несколько раз подряд. Клиент считает данные валидными, а сервер отвечает, что правило нарушено. Поле уже зелёное, а сохранение всё равно не прошло. В этот момент становится видно, что форма была собрана как кусок UI, а не как контракт. Используем как примеры паттерны из проекта Workbench. Полезно смотреть на форму не как на набор input и submit, а как на договор между UI, валидацией и местом записи данных. У такого договора есть простая форма - какие данные считаются допустимыми, где и как они проверяются, в каком виде ошибка возвращается в интерфейс, что происходит на pending, когда форма блокируется, что считается успехом, а что общей ошибкой, не привязанной к конкретному полю. Как только форма описывается так, код перестаёт расползаться. И здесь Zod в Next.js даёт не просто удобную схему, а способ удерживать client и server в одном наборе правил.

    habr.com/ru/articles/1025472/

    #nextjs #typescript #app_router #zod #forms #validation #react #вебразработка

    #вебразработка #react #validation #forms #zod #app_router
  47. Habr @[email protected] ·

    Формы как контракт в Next.js: Zod, fieldErrors и одинаковые правила на client и server

    С формами в Next.js проблема обычно начинается не на уровне кнопки submit. Кнопка как раз почти всегда работает. Настоящая путаница начинается позже, когда форма уже живёт в проекте какое-то время. В одном месте ошибка показывается под полем, в другом только общей строкой сверху. Где-то кнопка блокируется на pending, а где-то можно отправить запрос несколько раз подряд. Клиент считает данные валидными, а сервер отвечает, что правило нарушено. Поле уже зелёное, а сохранение всё равно не прошло. В этот момент становится видно, что форма была собрана как кусок UI, а не как контракт. Используем как примеры паттерны из проекта Workbench. Полезно смотреть на форму не как на набор input и submit, а как на договор между UI, валидацией и местом записи данных. У такого договора есть простая форма - какие данные считаются допустимыми, где и как они проверяются, в каком виде ошибка возвращается в интерфейс, что происходит на pending, когда форма блокируется, что считается успехом, а что общей ошибкой, не привязанной к конкретному полю. Как только форма описывается так, код перестаёт расползаться. И здесь Zod в Next.js даёт не просто удобную схему, а способ удерживать client и server в одном наборе правил.

    habr.com/ru/articles/1025472/

    #nextjs #typescript #app_router #zod #forms #validation #react #вебразработка

    #вебразработка #react #validation #forms #zod #app_router
  48. Habr @[email protected] ·

    Формы как контракт в Next.js: Zod, fieldErrors и одинаковые правила на client и server

    С формами в Next.js проблема обычно начинается не на уровне кнопки submit. Кнопка как раз почти всегда работает. Настоящая путаница начинается позже, когда форма уже живёт в проекте какое-то время. В одном месте ошибка показывается под полем, в другом только общей строкой сверху. Где-то кнопка блокируется на pending, а где-то можно отправить запрос несколько раз подряд. Клиент считает данные валидными, а сервер отвечает, что правило нарушено. Поле уже зелёное, а сохранение всё равно не прошло. В этот момент становится видно, что форма была собрана как кусок UI, а не как контракт. Используем как примеры паттерны из проекта Workbench. Полезно смотреть на форму не как на набор input и submit, а как на договор между UI, валидацией и местом записи данных. У такого договора есть простая форма - какие данные считаются допустимыми, где и как они проверяются, в каком виде ошибка возвращается в интерфейс, что происходит на pending, когда форма блокируется, что считается успехом, а что общей ошибкой, не привязанной к конкретному полю. Как только форма описывается так, код перестаёт расползаться. И здесь Zod в Next.js даёт не просто удобную схему, а способ удерживать client и server в одном наборе правил.

    habr.com/ru/articles/1025472/

    #nextjs #typescript #app_router #zod #forms #validation #react #вебразработка

    #вебразработка #react #validation #forms #zod #app_router
  49. Habr @[email protected] ·

    Формы как контракт в Next.js: Zod, fieldErrors и одинаковые правила на client и server

    С формами в Next.js проблема обычно начинается не на уровне кнопки submit. Кнопка как раз почти всегда работает. Настоящая путаница начинается позже, когда форма уже живёт в проекте какое-то время. В одном месте ошибка показывается под полем, в другом только общей строкой сверху. Где-то кнопка блокируется на pending, а где-то можно отправить запрос несколько раз подряд. Клиент считает данные валидными, а сервер отвечает, что правило нарушено. Поле уже зелёное, а сохранение всё равно не прошло. В этот момент становится видно, что форма была собрана как кусок UI, а не как контракт. Используем как примеры паттерны из проекта Workbench. Полезно смотреть на форму не как на набор input и submit, а как на договор между UI, валидацией и местом записи данных. У такого договора есть простая форма - какие данные считаются допустимыми, где и как они проверяются, в каком виде ошибка возвращается в интерфейс, что происходит на pending, когда форма блокируется, что считается успехом, а что общей ошибкой, не привязанной к конкретному полю. Как только форма описывается так, код перестаёт расползаться. И здесь Zod в Next.js даёт не просто удобную схему, а способ удерживать client и server в одном наборе правил.

    habr.com/ru/articles/1025472/

    #nextjs #typescript #app_router #zod #forms #validation #react #вебразработка

    #nextjs #typescript #app_router #zod #forms #validation
  50. DennisL @[email protected] ·

    The Anatomy of an Accessible Text Field
    inklusivo.nl/blog/accessible-t
    #webdevelopment #webdev #forms #a11y #html #aria

    #webdevelopment #webdev #forms #a11y #html #aria