#%D1%84%D0%BE%D1%80%D0%BC%D1%8B

2025-10-21

Эксперимент: генерация веб-форм для 1С по текстовому описанию

Привет, хабр! В прошлой статье мы говорили о применении языков разметки для описания графических артефактов, идее языка разметки для аналитиков и приложении для генерации макетов UI и BPMN схем. В сегодняшней статье хочу рассказать об эволюции экспериментов с разметкой и поделиться опытом разработки генератора веб форм для 1С, который позволяет прототипировать и запускать автоматизацию бизнес процессов, эмулируя работу пользователя с ТСД.

habr.com/ru/articles/952114/

#конструктор_приложений #петпроект #формы #дизайн #анализ_и_проектирование_систем #разметка

2025-07-06

Часть 2. GoForm — как не страдать с формами во Flutter

Устали от бесконечных TextEditingController и GlobalKey? Замучили проблемы с асинхронной валидацией? Добро пожаловать в мир GoForm — библиотеки, которая наконец-то превратит создание форм из пытки в удовольствие! В этой части мы разберём, как управлять фокусом между полями, отслеживать валидность и изменения значений, а также покажем, как реализовать удобный ввод номера телефона с выбором страны и динамической маской — всё на живых примерах и в пару строк кода.

habr.com/ru/articles/925282/

#flutter #flutter_mobile_development #flutter_app #flutter_app_development #формы #формы_ввода #валидация

Kirill Bereznevktoznet
2025-05-20

Я строю мир, в котором хочу жить.
Если не существует — создай.

Мне не подходит большинство форматов. Поэтому я создаю свои. Пространства. Команды. Ритмы. Я не адаптируюсь. Я проектирую. Жизнь — не компромисс. А архитектура.

Если тебе близка эта философия — я делюсь ещё глубже в своём клубе. Там закрытые тексты, голосовые и возможность общения.
t.me/tribute/app?startapp=srfZ
P.S. Made by a madman — Kirill Bereznev
t.me/tribute/app?startapp=srfZ

2025-02-22

Гибкий лэйаут для динамических форм с react-jsonschema-form

Если ваша форма разрастается и превращается в бесконечный список полей, стандартного функционала react-jsonschema-form может быть недостаточно. Я покажу, как легко расширить возможности библиотеки и организовать поля в удобный многоколоночный макет.

habr.com/ru/articles/884862/

#reactjsonschemaform #формы #antd #фронтенд

2025-02-21

Магический метод работы с формами

Видеоаналитика в СИБУРе — это сложный и многогранный продукт, который внедряется на разных производствах. Несмотря на то, что это один продукт, его конфигурация может сильно отличаться: используются различные камеры, детекторы и параметры, а также интеграции с разнообразными сторонними системами. В таких условиях инженеру не всегда понятно, что именно надо дописать, а валидация происходит только после окончания редактирования файла и перезапуска сервиса. Логичное решение — предоставить инженерам удобный интерфейс, где они смогут заполнять форму и сразу видеть ошибки. Меня зовут Владимир Кирилкин, я техлид в Цифровом СИБУРе, в команде Индустрии 4.0. Мы разрабатываем продукт «Видеоаналитика на производстве», и о наших задачах уже писали на Хабре ( habr.com/ru/companies/sibur_official/articles/700634/ ). Мы подошли к задаче нестандартно: вместо заранее заданных форм на фронте реализовали их автоматическую генерацию с использованием JSON-схем и немного ✨магии✨. Наши сервисы построены на Python и React, но предложенный подход можно адаптировать и для других технологий — правда, с чуть меньшим количеством ✨магии✨.

habr.com/ru/companies/sibur_of

#формы #jsonschema #pydantic #python #react #backend_driven_ui #сибур_цифровой #heavy_digital #промышленность #промышленное_программирование

2024-11-06

Проблема неактивной кнопки отправки формы

Недавно попалась мне на глаза рекомендация от коллег из Яндекса. Они делали аудит рекламы одного из моих клиентов и заодно дали советы по сайту. Меня как ux-дизайнера удивили несколько из этих советов, сегодня расскажу об одном: «Рекомендуем сделать кнопку отправки формы не активной до тех пор, пока пользователь не заполнит все обязательные поля». Сразу хочется спросить: «Зачем?» Давайте попробуем сравнить два сценария.

habr.com/ru/articles/856570/

#формы #кнопки

2024-08-24

Работа с массивами в формах(динамическое добавление полей) с использованием библиотеки react-hook-form

Привет друзья! В данной статье я хочу показать вам, как разработать форму с динамическими добавлениями полей на React.js с использованием библиотеки react-hook-form и валидацией полей с использованием библиотеки yup на конкретном примере. Формы являются неотъемлемой частью веб-разработки, и эффективная обработка пользовательского ввода является ключевым аспектом создания интерактивных приложений. Библиотека React Hook Form предоставляет разработчикам мощный инструментарий для упрощения работы с формами в React-приложениях.

habr.com/ru/articles/838214/

#reacthookform #формы #фронтенд

2024-08-21

Валидация форм во Flutter как PRO. Мастер-класс по использованию form_model и BLoC

Привет, коллеги! Хочу поделиться своим опытом работы с формами во Flutter. Каждый из нас сталкивался с задачей создания сложных форм и хочу рассказать о подходе с использованием нового пакета form_model .

habr.com/ru/articles/837444/

#flutter #формы #валидация

:rss: Информационное агентствоunian@rss-mstdn.studiofreesia.com
2024-07-03
2024-02-29

Переменные и условия: как быстро сделать в Фигме нелинейный прототип

Например, прототип формы, поля которой можно заполнять непоследовательно. Иногда сценарии и механики перехода между экранами (или состояниями одного экрана) получаются такими сложными, что для подготовки прототипа и тестирования на респондентах приходится переносить макеты из Фигмы в специальные инструменты вроде ProtoPie или Axure. Летом 2023 года в Фигме появились условия и переменные, благодаря которым можно показывать всё более сложные взаимодействия. А также меньшими усилиями добиваться того, что раньше требовало усилий значимых, например, давать респондентам возможность заполнить поля формы в произвольном порядке. Не все дизайнеры, с которыми я общался, знают о подобных способах применения связки переменных с условиями . Поэтому я и решил об этом рассказать на примере кейса с непоследовательным заполнением полей формы.

habr.com/ru/companies/alfa/art

#figma #формы #переменные #условия #фигма

2024-02-21

Как я проектирую формы

В начале карьеры проектирование любой формы казалось мне очень простой и понятной задачей. Особенно когда речь шла о чём-то банальном и незначительном, вроде обратной связи на сайте. А что — выяснил, какие нужны данные и для чего, накидал поля с подписями, приделал кнопку — и готово! На всё про всё — пять минут. Пустяки! Или нет?

habr.com/ru/articles/795379/

#формы #проектирование_интерфейсов

2023-12-13

Formify: от идеи до публичной беты, как я создал бесплатный конструктор форм в виде текстового документа (2024)

👋 Всем привет! Сегодня я расскажу о Formify - конструктора форм, который уже сейчас переписывает правила игры в создании опросов и форм. О том как придумал идею, о процессе реализации и почему конструктор форм в виде текстового документа - это очень маленькая, но революция в мире форм и опросов. Погнали!

habr.com/ru/articles/780388/

#marketing #маркетинг #формы #опросы #стартапы #начало #начало;_анализ_рынка

2023-12-11

[Перевод] Вам не нужен для этого JavaScript

Прошу вас не возмущаться названием статьи. Я не ненавижу JavaScript, я люблю его. Ежедневно я пишу на нём кучу кода. Но ещё я люблю CSS и даже люблю JSX HTML. Я люблю все эти три технологии по причине, которая называется… ▍ Правило наименьших полномочий Это один из базовых принципов веб-разработки, означающий, что следует выбирать наименее мощный язык, подходящий для решения задачи . В случае веба это означает, что нужно по возможности выбирать HTML вместо CSS, а затем CSS вместо JS. JS — самый универсальный язык из всех трёх, потому что на нём вы описываете, как должен вести себя браузер; но также он может ломаться, отказываться загружаться, требует дополнительных ресурсов для скачивания, парсинга и исполнения. Кроме того, при его использовании очень легко ограничить доступ пользователей, выполняющих браузинг при помощи клавиатуры или специальных возможностей. В отличие от JS с его императивностью, HTML и CSS декларативны. Вы говорите браузеру, что делать, а не как это делать. Это значит, что браузер сам выбирает, как это делать, и может сделать это наиболее эффективным образом. Так как функции HTML и CSS обрабатываются браузером, они могут быть более производительными, более нативными, более адаптируемыми к предпочтениям пользователя и в общем случае иметь бОльшую accessibility. Это не значит, что так будет всегда (особенно когда дело касается accessibility), но когда все сложные задачи берёт на себя браузер, от этого обычно выигрывают конечные пользователи.

habr.com/ru/companies/ruvds/ar

#ruvds_переводы #html #формы #интерактивный_дизайн #accessibility #доступность_сайта #специальные_возможности

2020-06-24

Британские астрофизики из Ноттингемского университета рассчитали вероятность существования в нашей галактике других разумных форм жизни. Они опирались на характер химической эволюции Вселенной и типичную скорость развития более сложных форм жизни. Получилось, что в нашей галактике их может быть около 36 видов.
#вероятность #расчёт #жизнь #формы #галактика
nottingham.ac.uk/news/research

Client Info

Server: https://mastodon.social
Version: 2025.07
Repository: https://github.com/cyevgeniy/lmst