~frontendfocus | Bookmarks (5)

Accessible Forms with Pseudo Classes — How to create a simple contact form using semantic HTML and the :focus-within CSS class. (Sidebar: Nice to see CSS Tricks is back publishing again!)

css2wind: A Minigame for Learning Tailwind CSS — Test your Tailwind CSS know-how with this quick challenge. You’ve got eight properties to translate.

Getting Into Web Components: An Intro — 2024 looks like it might be a big one for web components. So, if you want to gain a deeper understanding of things this is a good place to start, as Brecht outlines some of the basics and lingo you’ll need to know.

CSSformalize: A CSS Framework for Effortless Customization of Native HTML Forms — Offers an interactive UI to allow you to set your CSS custom properties for just about every aspect of your form, with live preview of the form elements, and optional predesigned themes.

Using Date-Based CSS to Make Old Web Pages Look Old — Explores a way to access the published date metadata of a page in order to change the CSS based on its age.