Make Beautifully Resilient Apps With Progressive Enhancement
Ignoring progressive enhancement could be seriously hurting your conversions. This article will show you how to build resiliency into your apps.
Category HTML
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.
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.