New blog with notes from my learning process.
Goal: provide a nice interface for clients to edit their website's navigation menu.
Learning: how to write a #ProcessWire module to do this.
Tech: PW + #alpineJS + a #webComponent
https://artfulrobot.uk/blog/creating-a-processwire-module-with-custom-admin-interface/

Creating a ProcessWire module with custom admin interface | Artful Robot
Learning to code an Inputfield type for ProcessWire, to add a nice configuration UI to my custom navigation menu module.
Artful Robot
Visual Validation Feedback for Form Fields :: Aaron Gustafson
Password requirements, username rules, input format constraints: forms often have multiple validation requirements, but users frequently do not find out whether they are meeting them until they hit submit. The form-validation-list web component changes that by providing real-time visual feedback as users type, showing exactly which requirements are met and which are not.

Visual Validation Feedback for Form Fields :: Aaron Gustafson
Password requirements, username rules, input format constraints: forms often have multiple validation requirements, but users frequently do not find out whether they are meeting them until they hit submit. The form-validation-list web component changes that by providing real-time visual feedback as users type, showing exactly which requirements are met and which are not.
@ariel's new #javascript microframework/library Elena looks amazing and you should absolutely consider if you're looking for a scaffolding shortcut for your next #webComponent project. Here's my take on it:
π https://danq.me/elenajs

ElenaJS (Progressive Web Components)
Ariel Salminen shared a release candidate for her new microframework Elena last week, and I love it! It's entirely geared towards Progressive Web Components and seems to provide all the scaffolding you'd need with none of the cruft. Delightful!
Dan Q
Visual Validation Feedback for Form Fields :: Aaron Gustafson
Password requirements, username rules, input format constraints: forms often have multiple validation requirements, but users frequently do not find out whether they are meeting them until they hit submit. The form-validation-list web component changes that by providing real-time visual feedback as users type, showing exactly which requirements are met and which are not.

Visual Validation Feedback for Form Fields :: Aaron Gustafson
Password requirements, username rules, input format constraints: forms often have multiple validation requirements, but users frequently do not find out whether they are meeting them until they hit submit. The form-validation-list web component changes that by providing real-time visual feedback as users type, showing exactly which requirements are met and which are not.

Visual Validation Feedback for Form Fields :: Aaron Gustafson
Password requirements, username rules, input format constraints: forms often have multiple validation requirements, but users frequently do not find out whether they are meeting them until they hit submit. The form-validation-list web component changes that by providing real-time visual feedback as users type, showing exactly which requirements are met and which are not.

Visual Validation Feedback for Form Fields :: Aaron Gustafson
Password requirements, username rules, input format constraints: forms often have multiple validation requirements, but users frequently do not find out whether they are meeting them until they hit submit. The form-validation-list web component changes that by providing real-time visual feedback as users type, showing exactly which requirements are met and which are not.

Visual Validation Feedback for Form Fields :: Aaron Gustafson
Password requirements, username rules, input format constraints: forms often have multiple validation requirements, but users frequently do not find out whether they are meeting them until they hit submit. The form-validation-list web component changes that by providing real-time visual feedback as users type, showing exactly which requirements are met and which are not.
Fully Local Code Embeds | Aleksandr Hovhannisyan
A simple web component for rendering isolated code embeds using HTML, CSS, and JavaScript.