Input Types Cheat Sheet
Reference all the different text and temporal input types in HTML—like text, email, search, date, time and more, so you can choose the right ones to use in your forms.
I’m a designer and developer committed to making the web a more empowering and accessible place. I create engaging user experiences and bring them to life through maintainable, high-quality code.
Reference all the different text and temporal input types in HTML—like text, email, search, date, time and more, so you can choose the right ones to use in your forms.
Learn how to make your SVG illustrations respond to light and dark mode using CSS variables—plus, a script to automate replacing hex values.
Learn how to use the correct spaces, punctuation, and special characters to create precise, elegant web typography.
Learn how to support system-based theming in Styled Components, while allowing a user to select their preferred theme and persist that choice.
Learn to use React’s Context API and provide/inject in Vue to share state between related components without resorting to a global data store.
Learn how to use render props in React and scoped slots in Vue to create components that are flexible and reusable.
Want more front-end tips and tricks? Sign up for my newsletter to stay up-to-date.