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
New #WebComponent: Show users which validation requirements they’ve met β€” as they type. https://www.aaron-gustafson.com/notebook/visual-validation-feedback-for-form-fields/
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.

New #WebComponent: Show users which validation requirements they’ve met β€” as they type. https://www.aaron-gustafson.com/notebook/visual-validation-feedback-for-form-fields/
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
New #WebComponent: Show users which validation requirements they’ve met β€” as they type. https://www.aaron-gustafson.com/notebook/visual-validation-feedback-for-form-fields/
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.

New #WebComponent: Show users which validation requirements they’ve met β€” as they type. https://www.aaron-gustafson.com/notebook/visual-validation-feedback-for-form-fields/
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.

New #WebComponent: Show users which validation requirements they’ve met β€” as they type. https://www.aaron-gustafson.com/notebook/visual-validation-feedback-for-form-fields/
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.

New #WebComponent: Show users which validation requirements they’ve met β€” as they type. https://www.aaron-gustafson.com/notebook/visual-validation-feedback-for-form-fields/
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.

New #WebComponent: Show users which validation requirements they’ve met β€” as they type. https://www.aaron-gustafson.com/notebook/visual-validation-feedback-for-form-fields/
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.

#Development #Techniques
Fully local code embeds Β· A web component for rendering code sandboxes https://ilo.im/16bs9f

_____
#Code #Sandboxes #WebComponent #Content #Website #WebDev #Frontend #HTML #CSS #JavaScript

Fully Local Code Embeds | Aleksandr Hovhannisyan

A simple web component for rendering isolated code embeds using HTML, CSS, and JavaScript.