A complete guide covering all of the various methods we have to select elements in CSS and how to use them for applying styles.| CSS-Tricks
This specification defines common infrastructure that other specifications can use to interact with browser permissions. These permissions represent a user's choice to allow or deny access to "powerful features" of the platform. For developers, the specification standardizes an API to query the permission state of a powerful feature, and be notified if a permission to use a powerful feature changes state.| www.w3.org
Technique H57:Using the language attribute on the HTML element| www.w3.org
1. Introduction| wicg.github.io
Technique H56:Using the dir attribute on an inline element to resolve problems with nested directional runs| www.w3.org
Back in 2020, Andy Bell introduced me to the idea of grouping attribute values. You've probably seen something like this before: HTML A single class over-encumbered by all sorts of things. The more modular way to write this would be: HTML That's pretty…| Terence Eden’s Blog
TL;DR: Probably don’t use disclosure widgets in fieldsets. If you do it anyway, don’t put the trigger in the . Context With / , recent support for the popover attribute, and the never-ending belief that a “clean” page means hiding content, there is a resurgence in stuffing useful content…| Adrian Roselli
Chapter 6: Styling| svgwg.org
1. Introduction| drafts.csswg.org
htmx gives you access to AJAX, CSS Transitions, WebSockets and Server Sent Events directly in HTML, using attributes, so you can build modern user interfaces with the simplicity and power of hypertext htmx is small (~14k min.gz’d), dependency-free, extendable, IE11 compatible & has reduced code base sizes by 67% when compared with react| htmx.org
HTML| html.spec.whatwg.org
HTML| html.spec.whatwg.org
1. Introduction| www.w3.org
Until recently, I just assumed you could put anything equivalent to an HTTP header in an http-equiv meta tag, and browsers would treat it like the header itself. Maybe you thought the same thing—why wouldn’t you, with a name like that. But as it turns out, there are actually very few standard values that you […]| rviscomi.dev
1. Introduction| drafts.csswg.org
1. Introduction| www.w3.org
1. Introduction| wicg.github.io
In this article, Olushuyi explores a mental model that helps you decide between the `` and `` elements when writing documents. You will explore how grouping content affects accessibility and how you can make it all count for users.| Smashing Magazine
Note: This post has the same content as our 2013 post. They each originally addressed different aspects of the title attribute, but now they match. We are keeping both of...| TPGi
The element semantically represents a generic grouping of content with an overarching theme. It is one of the HTML elements categorized as se...| www.scottohara.me
1. Introduction| www.w3.org
1. Introduction| w3c.github.io
HTML| html.spec.whatwg.org
Introduced as part of HTML5, the figure and figcaption elements are meant to create a meaningful markup structure that: provides a descriptive label to a pi...| www.scottohara.me
1. Introduction| drafts.csswg.org
1. Introduction| www.w3.org
Markup chapter of the 2022 Web Almanac covering document data (doctypes, compression, languages, HTML conformance, document size), the use of HTML elements and attributes, data attributes and social media.| almanac.httparchive.org
Markup chapter of the 2020 Web Almanac covering general observations, the use of elements and attributes, as well as trivia and trends.| almanac.httparchive.org
HTML| html.spec.whatwg.org
1. Background| drafts.csswg.org
1. Infrastructure| wicg.github.io
1. Introduction| drafts.csswg.org
1. About the CSS 2.2 Specification| drafts.csswg.org
HTML| html.spec.whatwg.org
Recently I wrote a bit on how I’d define a toast component, outlining UX concerns that should be considered if deciding to implement such a messaging mechanism.| www.scottohara.me
1. Background| drafts.csswg.org
HTML| html.spec.whatwg.org
HTML| html.spec.whatwg.org
3. Referrer Policies| w3c.github.io
HTML| html.spec.whatwg.org
HTML| html.spec.whatwg.org
1. Introduction| www.w3.org
HTML| html.spec.whatwg.org
HTML| html.spec.whatwg.org
HTML| html.spec.whatwg.org
HTML| html.spec.whatwg.org
HTML| html.spec.whatwg.org
1. Introduction| w3c.github.io
HTML| html.spec.whatwg.org
HTML| html.spec.whatwg.org
1. Introduction| drafts.csswg.org
1. Introduction| www.w3.org
HTML| html.spec.whatwg.org
HTML| html.spec.whatwg.org
HTML| html.spec.whatwg.org
This specification defines an interface for web applications to access the complete timing information for navigation of a document.| www.w3.org
HTML Accessibility API Mappings (HTML-AAM) defines how user agents map HTML [HTML] elements and attributes to platform accessibility application programming interfaces (APIs). It leverages and extends the Core Accessibility API Mappings 1.2 and the Accessible Name and Description Computation 1.2 for use with the HTML host language. Documenting these mappings promotes interoperable exposure of roles, states, properties, and events implemented by accessibility APIs and helps to ensure that this...| www.w3.org
HTML| html.spec.whatwg.org
HTML| html.spec.whatwg.org
HTML| html.spec.whatwg.org
This specification defines common infrastructure that other specifications can use to interact with browser permissions. These permissions represent a user's choice to allow or deny access to "powerful features" of the platform. For developers, the specification standardizes an API to query the permission state of a powerful feature, and be notified if a permission to use a powerful feature changes state.| w3c.github.io
:defined:defined| html.spec.whatwg.org
HTML| html.spec.whatwg.org
1. Introduction| drafts.csswg.org
HTML| html.spec.whatwg.org
1. Introduction| w3c.github.io
HTML| html.spec.whatwg.org
Categories:Flow content.Phrasing content.If the type attribute is not in the Hidden state: Interactive content.If the type attribute is not in the Hidden state: Listed, labelable, submittable, resettable, and autocapitalize-and-autocorrect inheriting form-associated element.If the type attribute is in the Hidden state: Listed, submittable, resettable, and autocapitalize-and-autocorrect inheriting form-associated element.If the type attribute is not in the Hidden state: Palpable content.Contex...| html.spec.whatwg.org
HTML| html.spec.whatwg.org
The is the most versatile and used element in HTML. It represents nothing, while allowing developers to manipulate it into almost anything by use...| www.scottohara.me
HTML| html.spec.whatwg.org
Open UI| open-ui.org
HTML| html.spec.whatwg.org
HTML Accessibility API Mappings (HTML-AAM) defines how user agents map HTML [HTML] elements and attributes to platform accessibility application programming interfaces (APIs). It leverages and extends the Core Accessibility API Mappings 1.2 and the Accessible Name and Description Computation 1.2 for use with the HTML host language. Documenting these mappings promotes interoperable exposure of roles, states, properties, and events implemented by accessibility APIs and helps to ensure that this...| w3c.github.io
HTML| html.spec.whatwg.org
I've already written about the and elements, but there is more to tell, and there have been some changes since I la...| www.scottohara.me