“html” Archive
- Upgrade Your HTML V · · books, minimalism, craft, conformance
- Using the Popover API for HTML Tooltips · · pop-overs, apis
- Combining CSS “:has()” and HTML “<select>” for Greater Conditional Styling · · css, selectors, techniques
- Popover API Is Here · · apis, pop-overs
- My Approach to HTML Web Components · · web-components
- The HTML, CSS, and SVG for a Classic Search Form · · searching, forms, css, svg
- Design Deja Vu · · design, css, history, comparisons
- HTML Attributes vs. DOM Properties · · dom, comparisons
- How to Escape JavaScript for a Script Tag · · how-tos, javascript, escaping
- Invoking Elements by Using Only HTML: A First Look at Invokers · · modals, pop-overs
- Images as the First Thing in a Button or Link · · accessibility, images, buttons, links
- How to Create CSS Utility Classes · · css
- Converting Plain Text to Encoded HTML With Vanilla JavaScript · · conversion, javascript
- The Biggest Lie in HTML · · videos
- Don’t Use the “maxlength” Attribute to Stop Users from Exceeding the Limit · · forms, usability
- ARIA in HTML · · standards, accessibility, aria
- My “Skip to Content” Markup Was Breaking the Back Button on iOS · · links, accessibility, mobile
- Figma Prototypes vs. HTML Prototypes · · design, processes, prototyping, figma, comparisons
- Faster Websites With the “picture” Element · · images, performance
- Testing HTML With Modern CSS · · css, testing, quality
- How to Think About HTML Responsive Images · · images, responsive-design
- 21 HTML Tips You Must Know About · · tips-and-tricks
- When to Use “tabindex="0"” · · accessibility, keyboard-navigation, focus
- Svelte Parses HTML All Wrong · · svelte, parsing
- Kobold Letters · · email, support
- On “disabled” and “aria-disabled” Attributes · · accessibility, aria
- On Popover Accessibility: What the Browser Does and Doesn’t Do · · accessibility, pop-overs
- The Problem With Data-Attributes for Text Effects · · css, typography, effects
- Ruby Is Complicated ·
- Streaming HTML · · php, streaming
- Distinguishing Between ARIA and Native HTML Attributes · · aria, accessibility, comparisons
- CSS Button Styles You Might Not Know · · css, buttons
- The Quiet, Pervasive Devaluation of Frontend · · css, craft, career, community
- Making Room for Long List Markers With Subgrid · · css
- Techniques to Break Words · · techniques, css, content
- An HTML Switch Control · · css, forms
- YouTube Video Embedding Harm Reduction · · multimedia, embed-code, privacy
- ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences · · videos, accessibility, aria, user-experience
- HTML as the Baseline · · progressive-enhancement
- “X” Marks the Spot: Landmark Elements · · semantics, accessibility, assistive-tech, aria
- Practice Safe DSD With “setHTMLUnsafe” (It’s Complicated) · · dom, shadow-dom, apis, security
- A Highly Configurable Switch Component Using Modern CSS Techniques · · css
- HTML Web Components on the Server Are Great · · web-components
- Unlocking the Power of HTML’s Native Browser “dialog” Element · · modals
- Check for “accesskey” and “aria-keyshortcuts” Bookmarklet · · bookmarklets, accessibility, aria
- Mind the Accessibility Gaps—Most of Accessibility Issues Originate in Design and How to Fix That · · accessibility, design, aria
- A Call for Consensus on HTML Semantics · · semantics
- The Color Input and the Color Picker · · colors, usability
- Create a Currency Converter With HTML, CSS, and Vanilla JavaScript · · functionality, css, javascript
- Basic Accessibility Mistakes I Often See in Audits · · accessibility, mistakes, auditing, semantics, focus, links, buttons
- Disable Browser Caching With “meta” HTML Tags · · metadata, caching
- Options for “optgroup” Labeling of “options” · · accessibility, forms, user-agents, assistive-tech, screen-readers, support
- Using “abbr” Element With “title” Attribute · · accessibility, user-agents, assistive-tech, support
- Streaming HTML Out of Order Without JavaScript · · streaming
- Buttons and Links—Common Misconceptions · · accessibility, semantics, buttons, links
- Accounting for Internationalization With CSS and HTML · · css, internationalization
- Stop Closing Void Elements ·
- HTML Validation—Pros and Cons · · conformance
- Never Underestimate HTML · · user-experience, developer-experience
- The Devil Is in the Details: A Look into a Disclosure Widget Markup · · css, javascript
- Recapturing Early-Internet Whimsy With HTML · · trends, design, art, decoration
- “HTML First” Is Not HTML First · · principles, quality, craft
- The Implied Web · · accessibility, semantics
- The Road to HTMHell Is Paved With Semantics · · semantics, quality
- Revisiting Fundamentals—Semantic Lists for Improved Accessibility · · fundamentals, semantics, accessibility
- Web Components · · web-components, shadow-dom, dom
- HTML Can Do This? ·
- The Ghosts of Markup Past · · web, history
- HTML: The Bad Parts ·
- Test-Driven HTML and Accessibility · · accessibility, testing, javascript
- Behavior Belongs in the HTML · · javascript, principles
- The “hidden” Attribute in HTML ·
- What the Slot? · · web-components, dom, shadow-dom
- Media Queries in HTML Video · · multimedia, css, media-queries, accessibility
- Security Headers Using “<meta>” · · security, csp
- HTML5 Boilerplate v9.0.0 Released · · release-notes, templates
- The Hellish History of HTML: An Incomplete and Personal Account · · history
- “sizes="auto"” Pretty Much Requires “width” and “height” Attributes · · images, maintainability
- Back to Basics: 5 HTML Attributes for Improved Accessibility and User Experience · · fundamentals, accessibility, user-experience
- The “form” Attribute—Enhancing Form Layout Flexibility · · forms
- The UX of HTML · · semantics, user-experience
- Weird HTML Hacks · · css, techniques, history
- Shadow DOM Is for Hiding Your Shame · · shadow-dom, dom, web-components
- The Elevator Pitch for Web Components · · web-components, dom
- The 9 HTML Elements That Have an Attribute of the Same Name, or: The 9 Attributes That Have an Element of the Same Name ·
- An Attempted Taxonomy of Web Components · · web-components
- HTML Web Components Are Just JavaScript? · · web-components, javascript
- Using Chrome’s Accessibility Tree for Manual Testing of HTML and ARIA · · videos, user-agents, google, chrome, dev-tools, accessibility, testing, aria
- Exclusive Accordions Exclude · · accessibility
- HTML Web Components · · web-components
- HTML First · · websites, principles
- Do You Really Need to Validate Your HTML Code? · · discussions, conformance
- Understanding HTML Landmarks and How to Apply Them · · semantics, accessibility, aria
- HTML Web Components · · web-components, web-platform
- 13 HTML Attributes You Should Know About ·
- Removing List Styles Without Affecting Semantics · · css, semantics, accessibility
- Don’t Turn a Table into an ARIA Grid Just for a Clickable Row · · tables, aria, accessibility
- 2023: 0 of the Global Top 100 Websites Use Valid HTML · · css, conformance, quality
- Let’s Reinvent the Wheel · · css, user-experience, accessibility, web-platform
- 20 Simple Ways to Style the HTML “details” Element · · css
- HTML vs. DOM? Let’s Debug Them · · videos, dom, debugging, comparisons
- Select Element: Now With Horizontal Rules · · forms, semantics, user-agents, google, chrome, apple, safari, support
- HTML Meta Tags · · metadata
- Tailwind vs. Semantic CSS · · tailwind, css, semantics, comparisons, performance
- Splitting Within Selects · · accessibility, forms, user-agents, support
- Strikethrough Accessibility · · accessibility, user-agents, assistive-tech, screen-readers, support
- Using ChatGPT for Smart Truncation in Responsive Web Design · · content, responsive-design, ai
- Why Unique ID Attributes Matter · · accessibility, conformance
- On the Uniting Power of a Commitment to HTML Conformance · · conformance, quality, community, web
- Does the HTML “hr” (Horizontal Rule) Benefit Screen Reader Users? · · accessibility, user-agents, assistive-tech, screen-readers
- CSS Findings from Photoshop Web Version · · css, case-studies
- The Selected Date Must Be Within the Last 10 Years · · forms, validation
- Extending the Properties of an HTML Element in TypeScript · · components, typescript
- An Anchored Navbar Solution · · css, navigation
- The Most Minimal Valid HTML Document · · minimalism, conformance, templates
- Easy Dark Mode With “color-scheme” · · slides, dark-mode, css, accessibility
- Stop Using JS for That: Moving Features to CSS and HTML · · videos, javascript, css
- HTML Popover, Videos and “display:blackhole” · · pop-overs, videos
- How Mastodon Handles Images and Web Previews · · social-media, mastodon, open-graph, metadata, images
- Misconceptions Can Kill Accessibility Momentum · · accessibility, processes
- State of HTML 2023 · · surveys
- What Makes an Accessible Date Picker? Is It Even Possible? · · videos, accessibility
- How to Use the New “<search>” Element With WordPress · · how-tos, wordpress
- What Can You Do With “data” Attributes? · · javascript
- State of Web Accessibility, ARIA in HTML, and Missing UI Patterns · · podcasts, accessibility, aria
- Browser Video Players Review · · multimedia, accessibility, user-agents, assistive-tech, screen-readers, support
- Dialog Dilemmas and Modal Mischief: A Deep Dive into Popovers and How to Build Them · · slides, pop-overs, modals
- Small Details to Improve Your Website’s Experience · · user-experience, css, metadata
- Let’s Make a Rubber Button With HTML, CSS and SVG · · buttons, css, svg
- Main-ly Speaking · · accessibility
- XUL and HTML · · xul, comparisons
- An Intro to the “dialog” Element · · introductions, modals, semantics
- Beginner’s Guide to Lists and How to Make Them Accessible · · guides, accessibility
- Progressively Enhanced HTML Accordion · · semantics, accessibility, progressive-enhancement
- 8 Common Heading Questions · · accessibility, headings
- Progressively Enhanced Form Validation: HTML and CSS · · forms, validation, progressive-enhancement, css
- Contextual Form Errors and ARIA · · accessibility, forms, aria
- A Blog Post With Every HTML Element · · semantics
- You Probably Don’t Need “http-equiv” Meta Tags · · metadata, http, performance
- Help Design the Inaugural State of HTML Survey · · community
- Blockquotes in Screen Readers · · accessibility, user-agents, assistive-tech, screen-readers, support
- I Blame the W3C’s HTML Standard for Ordered Lists · · semantics
- O “dialog” Focus, Where Art Thou? · · accessibility, modals, focus
- Preload vs. Early Hints vs. Fetch Priority · · videos, performance, http, hints, comparisons
- All the Places Where You Can Use “prefers-color-scheme” Media Query · · css, media-queries, javascript, dark-mode
- The Case Against Self-Closing Tags in HTML ·
- How to Validate HTML On-Line at W3C · · how-tos, conformance, tooling
- The “article” Element and Screen Readers · · user-agents, assistive-tech, screen-readers, accessibility, support
- And 4 More HTML Concepts You Didn’t Know · · concepts, web-components
- The “details” Element and In-Page Search · · searching, user-agents, user-experience
- Under-Engineered Comboboxen? · · forms, css, accessibility
- Form and Search Landmarks · · aria, forms, user-agents, assistive-tech, support
- What Does the Image “decoding” Attribute Actually Do? · · images, performance
- Button Types · · buttons
- You Can Stop Using “user-scalable=no” and “maximum-scale=1” in Viewport Meta Tags Now · · metadata, accessibility, responsive-design
- Assume the Position—a Labelling Story · · accessibility, forms
- Semantic Code in HTML: What Is It and Does It Still Matter? · · semantics
- 21 Awesome Web Features You’re Not Using Yet · · videos, css, javascript
- Brief Note on Popovers With Dialogs · · support, accessibility, pop-overs, modals
- 11 HTML Best Practices for Login and Sign-Up Forms · · best-practices, forms
- Querying Parsed HTML in BigQuery ·
- Introducing the “popover” API · · apis, pop-overs
- Be Careful Using “Menu” · · aria, design, terminology
- How to Build Lean Efficient Websites in 2023 · · how-tos, progressive-enhancement, minimalism
- Semantics and the “popover” Attribute: What to Use When? · · semantics, accessibility, pop-overs
- Fieldsets, Legends, and Screen Readers Again · · accessibility, forms, user-agents, assistive-tech, screen-readers
- HTML Landmark Roles Screen Reader Demo · · videos, accessibility, user-agents, assistive-tech, screen-readers
- Using HTML Landmark Roles to Improve Accessibility · · accessibility
- Screen Readers Don’t Announce When the User Reaches the “maxlength” Character Limit · · accessibility, user-agents, assistive-tech, screen-readers, support
- Respect Your Children · · accessibility, aria
- How Large DOM Sizes Affect Interactivity, and What You Can Do About It · · performance, dom, optimization
- Client-Side Rendering of HTML and Interactivity · · performance, client-side-rendering
- How Far Back in Time Can I Take My Website’s Design · · web, design, history, css
- Short Note: Why Isn’t “role=presentation”/“none” Allowed on Focusable Elements? · · accessibility, focus, aria
- Considering Content Warnings in HTML · · content, inclusion
- “details”/“summary” Inconsistencies · · user-agents, assistive-tech, support
- It’s Very Likely That… · · semantics, buttons, modals
- The “details” Element Is Amazing ·
- HTML Accessibility API Mappings 1.0 · · accessibility, apis
- New HTML Element: “search” · · semantics
- What Is Semantic HTML? · · semantics
- Five Pieces of Advice for More Accessible Websites · · accessibility
- Modern HTML Email (Tables No Longer Required) · · email, tables
- HTML: Help Users to Download Files With the HTML “download” Attribute ·
- Getting Started With HTML Tables · · tables, introductions
- Fighting Inter-Component HTML Bloat · · components, semantics, quality
- The “search” Element · · accessibility, semantics
- The End of Front-End Development · · visions, career
- The H1 Conundrum: Understanding the Challenges of Heading Level One · · accessibility, semantics, headings
- Progressively Enhancing a Table With a Web Component · · javascript, tables, web-components, progressive-enhancement
- File Uploads for the Web: Uploading Files With HTML · · file-handling
- HTML Garden · · websites, art
- A Tab Interface Before Its Time · · components
- 50.1% Empty Links · · accessibility, links, semantics, seo
- Relative Rounded Corners · · css
- ARIA vs. HTML · · accessibility, aria, semantics, comparisons
- Avoid Spanning Table Headers · · accessibility, assistive-tech, tables
- Representation of Style · · semantics
- A Step-by-Step Guide to Building Accessible Carousels · · guides, carousels, accessibility, user-experience
- Declarative Shadow DOM · · shadow-dom, dom
- Screen Readers Don’t Convey the Semantics of “strong” and “em” · · accessibility, user-agents, assistive-tech, screen-readers, semantics
- Mastodon and Open Graph · · social-media, mastodon, metadata, open-graph
- Table of Contents Progress Animation · · css, javascript, animations
- Interop 2023 CMS Checkin · · syndication, semantics
- Rotating Gallery With CSS Scroll-Driven Animations · · css, javascript, animations, scrolling
- HTML Input Types · · forms
- Use the Dialog Element (Reasonably) · · modals, accessibility
- Screen Readers Support for Text Level HTML Semantics · · semantics, user-agents, assistive-tech, screen-readers, support
- The Modern Way of Serving Images · · images, performance
- Musing Upon an “[alt]” Text Badge on Images · · accessibility, css
- If You Need a Link, Don’t Use a Button · · semantics, links, buttons, accessibility
- Improve Your HTML Semantic With Pico CSS · · pico
- Unordered Lists in Main Navigations · · semantics, navigation
- Two Ways to Safely Break a Long Word in HTML ·
- Three Attributes for Better Web Forms · · forms
- Data URLs and Pool in Your URL · · urls
- Faking Min Width on a Table Column · · tables, css, responsive-design
- Customizing HTML Form Validation · · forms, validation
- How to Build Great HTML Form Controls · · how-tos, forms
- Conditional API Responses for JavaScript vs. HTML Forms · · javascript, forms, security, comparisons
- Theme Toggles · · websites, theming, react
- A Problem With Link Relationships · · links, metadata, semantics
- Enforcing Better HTML Markup With Eleventy · · semantics, conformance, eleventy
- Building an Accessible Theme Picker With HTML, CSS, and JavaScript · · accessibility, css, javascript, theming
- A Theory of Web Relativity · · metadata, structured-data
- Common Nesting Issues in HTML · · nesting
- Interop 2022: End of Year Update · · interoperability, user-agents, css
- HTML Dialog · · modals
- Mini-Guide to Add an Image · · images
- Modern HTML as a Foundation for Progressive Enhancement · · progressive-enhancement
- 5 HTML Elements, and a Partridge in a Despair Tree · · semantics, accessibility
- Get That Marquee AeStHeTiC · · css, effects
- An HTML-First Mental Model · · dom, performance
- 4 Ways CSS “:has()” Can Make Your HTML Forms Even Better · · css, selectors, forms
- Table Like It’s 2023 · · tables
- One Day We’ll Have a Fully Customisable Select · · css
- There Can Be Only One: Options for Building “Choose One” Fields · · forms
- Dear Developer, Your Assumptions Are Wrong ·
- Inside the Mind of a Frontend Developer: Article Layout · · css, layout
- A Modern HTML Template (2022) · · templates
- Meaningful Labels Using ARIA—or Not · · accessibility, forms, aria
- 4 More HTML Concepts You Didn’t Know · · concepts, forms, focus
- Reading the Meter · · semantics, accessibility
- Brief Note on Description List Support · · semantics, accessibility, assistive-tech, support
- Landmarks and Where to Put Them · · semantics, aria, accessibility
- You Don’t Need ARIA for That · · accessibility, aria
- How to Transfigure Wireframes into HTML · · how-tos, prototyping, conversion
- HTML Semantics and Accessibility Cheat Sheet · · cheat-sheets, semantics, accessibility
- Shadow DOM and Accessibility: The Trouble With ARIA · · dom, shadow-dom, accessibility, aria
- Newer Things to Know About Good Ol’ HTML Lists · · semantics