Building Super Powered HTML Forms with JavaScript
A talk on using JavaScript to progressively enhance forms to improve user experience without negatively impacting native functionality.
Category HTML
OMG, SVG Favicons FTW!
This article explores the world of SVG favicons. We cover adding them to HTML, using emojis, inlining them as data URIs, supporting dark mode, and animations.
How to Build HTML Forms Right: Security
This article covers security aspects to consider when creating forms for the web. We'll be applying security principles for the frontend, backend, DNS and more.
How to Build HTML Forms Right: User Experience
After semantics, accessibility, and styling HTML forms, it's time to consider user experience. This article covers man do's and don'ts around UX for HTML forms.
How to Build HTML Forms Right: Styling
This article covers HTML form design patterns, common gotchas, and CSS tips. You should be able to walk away with some new knowledge and helpful code snippets.
How to Build HTML Forms Right: Accessibility
Forms are arguably the most important part of any web application. This article covers key concepts in creating HTML forms for accessibility.
How to Build HTML Forms Right: Semantics
The first part covering semantics in a series about creating forms for the web, how to approach each step, and considerations to make along the way.
TailwindCSS + Vuetensils = 😍 accessible and composable Vue components
Vutensils 0.3.10 supports custom CSS classes. Combine it with TailwindCSS for semantic and accessible Vue components with totally custom style and no bloat.
Easily build unique, accessible, and lightweight Vue components
Checkout Vuetensils if you care about building accessible and lightweight Vue projects, but prefer to use your own custom styles.
HTML Forms, Accessibility, Semantics, and more (with Vue.js)
Transcript So, I want to go over this topic about some form inputs of the checkbox radio because I saw this comment come up in the Vue.js Developers Facebook group the other day and I just wanted to address it…