#datepicker — Public Fediverse posts

Два пути к идеальному DatePicker: классический промптинг или системный подход по работе с AI

Привет, коллеги! Сегодня мы копнем в самую суть инженерного подхода. На повестке дня - сравнение двух кардинально разных философий создания сложного UI-компонента. Это не просто рассказ о DatePicker, это анализ стратегического выбора, который каждая команда делает каждый день: скорость в ущерб предсказуемости или наоборот? Исходный код доступен по ссылке: https://github.com/Codesrc-public-ru/ralf-datapicker За основу мы возьмем два реальных кейса. Первый - «AI-драфтинг» , отлично описанный нашей статье " Создаем WCAG-доступный DatePicker на React: как Claude пишет основу, а мы доводим до ума ". Идея: получить 80% кода от нейросети, а остальное довести вручную. Это путь быстрых итераций и реактивного решения проблем. Второй - «Системный инжиниринг» , подход описан в этой документации к инструменту https://github.com/snarktank/ralph . Идея: сначала детальное проектирование, потом итеративная работа модели. Это путь проактивного управления сложностью. Оба приводят к результату. Но какой ценой? И что скрывается под капотом каждого из них? Давайте разберем.

https://habr.com/ru/articles/1028440/

#TypeScript #WCAG #ARIA #DatePicker #доступный_интерфейс #WAIARIA_APG #Claude_AI #клавиатурная_навигация #frontend_компоненты #Анализ_и_проектирование_систем

Два пути к идеальному DatePicker: классический промптинг или системный подход по работе с AI

Привет, коллеги! Сегодня мы копнем в самую суть инженерного подхода. На повестке дня - сравнение двух кардинально разных философий создания сложного UI-компонента. Это не просто рассказ о DatePicker, это анализ стратегического выбора, который каждая команда делает каждый день: скорость в ущерб предсказуемости или наоборот? Исходный код доступен по ссылке: https://github.com/Codesrc-public-ru/ralf-datapicker За основу мы возьмем два реальных кейса. Первый - «AI-драфтинг» , отлично описанный нашей статье " Создаем WCAG-доступный DatePicker на React: как Claude пишет основу, а мы доводим до ума ". Идея: получить 80% кода от нейросети, а остальное довести вручную. Это путь быстрых итераций и реактивного решения проблем. Второй - «Системный инжиниринг» , подход описан в этой документации к инструменту https://github.com/snarktank/ralph . Идея: сначала детальное проектирование, потом итеративная работа модели. Это путь проактивного управления сложностью. Оба приводят к результату. Но какой ценой? И что скрывается под капотом каждого из них? Давайте разберем.

https://habr.com/ru/articles/1028440/

#TypeScript #WCAG #ARIA #DatePicker #доступный_интерфейс #WAIARIA_APG #Claude_AI #клавиатурная_навигация #frontend_компоненты #Анализ_и_проектирование_систем

Два пути к идеальному DatePicker: классический промптинг или системный подход по работе с AI

Привет, коллеги! Сегодня мы копнем в самую суть инженерного подхода. На повестке дня - сравнение двух кардинально разных философий создания сложного UI-компонента. Это не просто рассказ о DatePicker, это анализ стратегического выбора, который каждая команда делает каждый день: скорость в ущерб предсказуемости или наоборот? Исходный код доступен по ссылке: https://github.com/Codesrc-public-ru/ralf-datapicker За основу мы возьмем два реальных кейса. Первый - «AI-драфтинг» , отлично описанный нашей статье " Создаем WCAG-доступный DatePicker на React: как Claude пишет основу, а мы доводим до ума ". Идея: получить 80% кода от нейросети, а остальное довести вручную. Это путь быстрых итераций и реактивного решения проблем. Второй - «Системный инжиниринг» , подход описан в этой документации к инструменту https://github.com/snarktank/ralph . Идея: сначала детальное проектирование, потом итеративная работа модели. Это путь проактивного управления сложностью. Оба приводят к результату. Но какой ценой? И что скрывается под капотом каждого из них? Давайте разберем.

https://habr.com/ru/articles/1028440/

#TypeScript #WCAG #ARIA #DatePicker #доступный_интерфейс #WAIARIA_APG #Claude_AI #клавиатурная_навигация #frontend_компоненты #Анализ_и_проектирование_систем

Два пути к идеальному DatePicker: классический промптинг или системный подход по работе с AI

Привет, коллеги! Сегодня мы копнем в самую суть инженерного подхода. На повестке дня - сравнение двух кардинально разных философий создания сложного UI-компонента. Это не просто рассказ о DatePicker, это анализ стратегического выбора, который каждая команда делает каждый день: скорость в ущерб предсказуемости или наоборот? Исходный код доступен по ссылке: https://github.com/Codesrc-public-ru/ralf-datapicker За основу мы возьмем два реальных кейса. Первый - «AI-драфтинг» , отлично описанный нашей статье " Создаем WCAG-доступный DatePicker на React: как Claude пишет основу, а мы доводим до ума ". Идея: получить 80% кода от нейросети, а остальное довести вручную. Это путь быстрых итераций и реактивного решения проблем. Второй - «Системный инжиниринг» , подход описан в этой документации к инструменту https://github.com/snarktank/ralph . Идея: сначала детальное проектирование, потом итеративная работа модели. Это путь проактивного управления сложностью. Оба приводят к результату. Но какой ценой? И что скрывается под капотом каждого из них? Давайте разберем.

https://habr.com/ru/articles/1028440/

#TypeScript #WCAG #ARIA #DatePicker #доступный_интерфейс #WAIARIA_APG #Claude_AI #клавиатурная_навигация #frontend_компоненты #Анализ_и_проектирование_систем

Создаем WCAG-доступный DatePicker на React: как Claude пишет основу, а мы доводим до ума

Привет, коллеги! Сегодня делимся историей, которая отлично показывает, как AI ускоряет старт, но человеческий опыт и внимание к деталям делают продукт по-настоящему крутым. Недавно нам для одного из проектов понадобился DatePicker. Сам компонент под NDA, поэтому показать его не можем. Но чтобы поделиться процессом, мы специально для статьи собрали похожий концепт - с открытым кодом и возможностью потыкать вживую (ссылка ждет в конце). Так вот, казалось бы, компонент простой, но мы решили не просто взять готовую библиотеку. Во-первых, хотелось понять «а как там внутри», а во-вторых - поставить себе планку: сделать его по-настоящему доступным по всем канонам WCAG. Ну и, конечно, не без эксперимента: «А что, если Claude напишет основу?» Так началось наше приключение с созданием полностью доступного компонента выбора даты с использованием React и Typescript, следуя строгому паттерну WAI-ARIA APG «Date Picker Dialog» Приготовьтесь к инсайтам, багам и победам!

https://habr.com/ru/articles/1022918/

#React #TypeScript #WCAG #ARIA #DatePicker #доступность_интерфейса #WAIARIA_APG #Claude_AI #клавиатурная_навигация #frontend_компоненты

Создаем WCAG-доступный DatePicker на React: как Claude пишет основу, а мы доводим до ума

Привет, коллеги! Сегодня делимся историей, которая отлично показывает, как AI ускоряет старт, но человеческий опыт и внимание к деталям делают продукт по-настоящему крутым. Недавно нам для одного из проектов понадобился DatePicker. Сам компонент под NDA, поэтому показать его не можем. Но чтобы поделиться процессом, мы специально для статьи собрали похожий концепт - с открытым кодом и возможностью потыкать вживую (ссылка ждет в конце). Так вот, казалось бы, компонент простой, но мы решили не просто взять готовую библиотеку. Во-первых, хотелось понять «а как там внутри», а во-вторых - поставить себе планку: сделать его по-настоящему доступным по всем канонам WCAG. Ну и, конечно, не без эксперимента: «А что, если Claude напишет основу?» Так началось наше приключение с созданием полностью доступного компонента выбора даты с использованием React и Typescript, следуя строгому паттерну WAI-ARIA APG «Date Picker Dialog» Приготовьтесь к инсайтам, багам и победам!

https://habr.com/ru/articles/1022918/

#React #TypeScript #WCAG #ARIA #DatePicker #доступность_интерфейса #WAIARIA_APG #Claude_AI #клавиатурная_навигация #frontend_компоненты

Создаем WCAG-доступный DatePicker на React: как Claude пишет основу, а мы доводим до ума

Привет, коллеги! Сегодня делимся историей, которая отлично показывает, как AI ускоряет старт, но человеческий опыт и внимание к деталям делают продукт по-настоящему крутым. Недавно нам для одного из проектов понадобился DatePicker. Сам компонент под NDA, поэтому показать его не можем. Но чтобы поделиться процессом, мы специально для статьи собрали похожий концепт - с открытым кодом и возможностью потыкать вживую (ссылка ждет в конце). Так вот, казалось бы, компонент простой, но мы решили не просто взять готовую библиотеку. Во-первых, хотелось понять «а как там внутри», а во-вторых - поставить себе планку: сделать его по-настоящему доступным по всем канонам WCAG. Ну и, конечно, не без эксперимента: «А что, если Claude напишет основу?» Так началось наше приключение с созданием полностью доступного компонента выбора даты с использованием React и Typescript, следуя строгому паттерну WAI-ARIA APG «Date Picker Dialog» Приготовьтесь к инсайтам, багам и победам!

https://habr.com/ru/articles/1022918/

#React #TypeScript #WCAG #ARIA #DatePicker #доступность_интерфейса #WAIARIA_APG #Claude_AI #клавиатурная_навигация #frontend_компоненты

Создаем WCAG-доступный DatePicker на React: как Claude пишет основу, а мы доводим до ума

Привет, коллеги! Сегодня делимся историей, которая отлично показывает, как AI ускоряет старт, но человеческий опыт и внимание к деталям делают продукт по-настоящему крутым. Недавно нам для одного из проектов понадобился DatePicker. Сам компонент под NDA, поэтому показать его не можем. Но чтобы поделиться процессом, мы специально для статьи собрали похожий концепт - с открытым кодом и возможностью потыкать вживую (ссылка ждет в конце). Так вот, казалось бы, компонент простой, но мы решили не просто взять готовую библиотеку. Во-первых, хотелось понять «а как там внутри», а во-вторых - поставить себе планку: сделать его по-настоящему доступным по всем канонам WCAG. Ну и, конечно, не без эксперимента: «А что, если Claude напишет основу?» Так началось наше приключение с созданием полностью доступного компонента выбора даты с использованием React и Typescript, следуя строгому паттерну WAI-ARIA APG «Date Picker Dialog» Приготовьтесь к инсайтам, багам и победам!

https://habr.com/ru/articles/1022918/

#React #TypeScript #WCAG #ARIA #DatePicker #доступность_интерфейса #WAIARIA_APG #Claude_AI #клавиатурная_навигация #frontend_компоненты

@joho

Is it true that only #Sweden and #China use #ISO8601? I forget where I heard that.

I spent a couple of years developing the #DatePicker in #JavaFX, fighting with the datetime library to parse and print dates in as many languages as possible. That was a major learning experience.

@joho

Is it true that only #Sweden and #China use #ISO8601? I forget where I heard that.

I spent a couple of years developing the #DatePicker in #JavaFX, fighting with the datetime library to parse and print dates in as many languages as possible. That was a major learning experience.

@joho

Is it true that only #Sweden and #China use #ISO8601? I forget where I heard that.

I spent a couple of years developing the #DatePicker in #JavaFX, fighting with the datetime library to parse and print dates in as many languages as possible. That was a major learning experience.

@joho

Is it true that only #Sweden and #China use #ISO8601? I forget where I heard that.

I spent a couple of years developing the #DatePicker in #JavaFX, fighting with the datetime library to parse and print dates in as many languages as possible. That was a major learning experience.

🎉 Welcome to the world where UX nightmares are celebrated like the Oscars! 🌟 Meet the winner, #Dalia, whose date picker is as useful as a chocolate teapot. 🏆 Watch the final on #YouTube and marvel at how well they turned frustration into an art form—all under the watchful eyes of judges who can center a div on the *second* try. 🙄😂
https://badux.lol/ #UXNightmares #OscarAwards #DatePicker #Comedy #HackerNews #ngated

🎉 Welcome to the world where UX nightmares are celebrated like the Oscars! 🌟 Meet the winner, #Dalia, whose date picker is as useful as a chocolate teapot. 🏆 Watch the final on #YouTube and marvel at how well they turned frustration into an art form—all under the watchful eyes of judges who can center a div on the *second* try. 🙄😂
https://badux.lol/ #UXNightmares #OscarAwards #DatePicker #Comedy #HackerNews #ngated

🎉 Welcome to the world where UX nightmares are celebrated like the Oscars! 🌟 Meet the winner, #Dalia, whose date picker is as useful as a chocolate teapot. 🏆 Watch the final on #YouTube and marvel at how well they turned frustration into an art form—all under the watchful eyes of judges who can center a div on the *second* try. 🙄😂
https://badux.lol/ #UXNightmares #OscarAwards #DatePicker #Comedy #HackerNews #ngated

🎉 Welcome to the world where UX nightmares are celebrated like the Oscars! 🌟 Meet the winner, #Dalia, whose date picker is as useful as a chocolate teapot. 🏆 Watch the final on #YouTube and marvel at how well they turned frustration into an art form—all under the watchful eyes of judges who can center a div on the *second* try. 🙄😂
https://badux.lol/ #UXNightmares #OscarAwards #DatePicker #Comedy #HackerNews #ngated

#Design #Competitions
Bad UX World Cup 2025 · Who has crafted the most terrifying date picker? https://ilo.im/167hhm

_____
#Champions #UX #DatePicker #Usability #Accessibility #DesignPattern #UxDesign #UiDesign #WebDesign

#Design #Competitions
Bad UX World Cup 2025 · Who has crafted the most terrifying date picker? https://ilo.im/167hhm

_____
#Champions #UX #DatePicker #Usability #Accessibility #DesignPattern #UxDesign #UiDesign #WebDesign

#Design #Competitions
Bad UX World Cup 2025 · Who has crafted the most terrifying date picker? https://ilo.im/167hhm

_____
#Champions #UX #DatePicker #Usability #Accessibility #DesignPattern #UxDesign #UiDesign #WebDesign

Just submitted my entry for https://badux.lol/ (Bad UX World Cup) 🤞

The other entries are just too good. Mine: https://cheeaun.github.io/clockwork-date-picker/

#BadUX #DatePicker

Just submitted my entry for https://badux.lol/ (Bad UX World Cup) 🤞

The other entries are just too good. Mine: https://cheeaun.github.io/clockwork-date-picker/

#BadUX #DatePicker

Just submitted my entry for https://badux.lol/ (Bad UX World Cup) 🤞

The other entries are just too good. Mine: https://cheeaun.github.io/clockwork-date-picker/

#BadUX #DatePicker

Just submitted my entry for https://badux.lol/ (Bad UX World Cup) 🤞

The other entries are just too good. Mine: https://cheeaun.github.io/clockwork-date-picker/

#BadUX #DatePicker

#Development #Launches
Cally · Small, feature-rich calendar web components https://ilo.im/15ygf5

_____
#Calendar #DatePicker #WebComponent #Accessibility #WebDev #Frontend #HTML #ARIA #CSS #JavaScript

#Development #Launches
Cally · Small, feature-rich calendar web components https://ilo.im/15ygf5

_____
#Calendar #DatePicker #WebComponent #Accessibility #WebDev #Frontend #HTML #ARIA #CSS #JavaScript

#Development #Launches
Cally · Small, feature-rich calendar web components https://ilo.im/15ygf5

_____
#Calendar #DatePicker #WebComponent #Accessibility #WebDev #Frontend #HTML #ARIA #CSS #JavaScript

Oh ok.

@shoppersdrugmart

#ui #dates #datepicker

Oh ok.

@shoppersdrugmart

#ui #dates #datepicker

Oh ok.

@shoppersdrugmart

#ui #dates #datepicker

Oh ok.

@shoppersdrugmart

#ui #dates #datepicker

What day of the week was August 9th, 2018? 🤔

#ui #ux #webDesign #calendar #datePicker

[Tweet redux]

What day of the week was August 9th, 2018? 🤔

#ui #ux #webDesign #calendar #datePicker

[Tweet redux]

What day of the week was August 9th, 2018? 🤔

#ui #ux #webDesign #calendar #datePicker

[Tweet redux]

What day of the week was August 9th, 2018? 🤔

#ui #ux #webDesign #calendar #datePicker

[Tweet redux]

Pikaday - A refreshing JavaScript Datepicker. Lightweight (less than 5kb minified and gzipped), no dependencies (but plays well with Moment.js), modular CSS classes for easy styling. https://github.com/Pikaday/Pikaday #Front #JavaScript #DatePicker #Pickaday by @[email protected] @[email protected]

Pikaday - A refreshing JavaScript Datepicker. Lightweight (less than 5kb minified and gzipped), no dependencies (but plays well with Moment.js), modular CSS classes for easy styling. https://github.com/Pikaday/Pikaday #Front #JavaScript #DatePicker #Pickaday by @[email protected] @[email protected]

Duet Date Picker - Duet Date Picker is an open source version of Duet Design System’s WCAG 2.1 compliant date picker. It can be implemented and used across any JavaScript framework or no... https://duetds.github.io/date-picker/ #Front #DatePicker #JavaScript by @[email protected]

Duet Date Picker - Duet Date Picker is an open source version of Duet Design System’s WCAG 2.1 compliant date picker. It can be implemented and used across any JavaScript framework or no... https://duetds.github.io/date-picker/ #Front #DatePicker #JavaScript by @[email protected]

Flatpickr - Flatpickr is a lightweight, powerful JavaScript datetime picker with no dependencies. https://flatpickr.js.org #Front #JS #DatePicker

Is input type=”date” ready for use in accessible websites? - HTML5 introduced a series of new input types for use in forms. One of these – input type="date" – was... https://www.hassellinclusion.com/blog/input-type-date-ready-for-use/ #Front #DatePicker #Accessibility