“html” Archive
Subtopics: aria, canvas, character-references, dhtml, doctype-switching, dom, frameworks, frames, nesting, ruby-markup, semantics, skip-links, xhtml (non-exhaustive) · glossary look-up: “html”
Featured on Frontend Dogma? Confirm and whitelist your domain.
- ARIA in HTML (by+/via) · · standards, accessibility, aria
- HTML and CSS I Didn’t Even Know About Before I Started Creating Content in Japanese (by/via) · · ruby-markup, css, internationalization
- Makeshift Hot Reload (by/via) · · metadata
- On-Page SEO Checklist: The Complete Task List for 2025 (via) · · seo, checklists, semantics
- Past HTML, Future HTML? (by/via) ·
- Almost, but Not Quite, Entirely Unlike… (by/via) · · accessibility, buttons, ai
- What Do the State of CSS and HTML Surveys Tell Us? (by/via) · · web-platform, css, community
- What Is HTML Optimization? What Is It Not? (by) · · optimization, terminology
- Control the Viewport Resize Behavior on Mobile With “interactive-widget” (by/via) · · css, units, resizing, mobile, metadata
- Creating an Effective Multistep Form for Better User Experience (by/via) · · forms, javascript, user-experience
- Starting Off Right: Where Autofocus Shines (by/via) · · forms, focus
- Character-Based Alignment (by) · · css, alignment
- Preloading Responsive Images (by) · · images, hints, performance
- A Button Is Not a Link (by/via) · · buttons, links
- Language of Parts Bookmarklet (by) · · bookmarklets, metadata, accessibility
- Old Alt Text Advice (by) · · accessibility, images, alt-text, microcontent, best-practices
- Where Has All the Valid HTML Gone (by) · · conformance, quality
- Avoid Read-Only Controls (by) · · forms, accessibility
- My 3 Most-Wanted CSS Table Features (by) · · css, tables, wish-lists
- Importing a Frontend JavaScript Library Without a Build System (by) · · javascript, libraries, commonjs, esm, nodejs
- State of HTML 2024 [Results] (by/via) · · surveys
- The “br” Element (by) · · semantics
- Markup (by/via) · · web-almanac, studies, research, metrics
- State of CSS and State of HTML 2024 (by) · · css
- The Lowdown on Dropdowns in HTML and CSS (by/via) · · css
- How to Identify Decorative Images and Boost Accessibility (via) · · how-tos, images, decoration, accessibility, aria
- More Options for Styling “<details>” (by/via) · · css
- How Do HTML Event Handlers Work? (by) · · javascript, events
- Disabled and Obscured (by) · · accessibility, forms, wcag, standards
- The “button” Element (by) · · semantics, buttons, links
- Building My Resume in HTML Using Eleventy (by) · · career, eleventy
- The “<details>” and “<summary>” Elements Are Getting an Upgrade (by) ·
- 25 Accessibility Tips to Celebrate 25 Years (by/via) · · accessibility, tips-and-tricks, aria
- The “body” Element (by) · · semantics
- Clarifying the Relationship Between Popovers and Dialogs (by/via) · · pop-overs, modals, comparisons, accessibility
- Come to the “light-dark()” Side (by/via) · · dark-mode, css, colors
- HTML Form Validation Is Heavily Underused (by) · · forms, validation, react
- Talkin’ Tables (by/via) · · videos, accessibility, tables
- My Top 5 Most Popular Front-End Tips (by) · · videos, css, forms, tips-and-tricks
- How Should “<selectedoption>” Work? (by) · · forms
- An HTML Email Template With Basic Typography and Dark/light Modes (by/via) · · templates, email, typography, dark-mode
- Using Static Websites for Tiny Archives (by) · · css
- I’ve Been Doing Blockquotes Wrong (by/via) ·
- The “blockquote” Element (by) · · semantics
- My Eulogy for the Open Web and Old Google (by) · · web, google
- HTML/CSS Frameworks, in Their Own Words (by Word Cloud) (by) · · frameworks, css, bootstrap, tailwind, foundation, bulma, milligram, pure, uikit, comparisons
- HTML for People (by) · · books, websites, examples
- The New Stylable “<select>” Element (by+) · · podcasts, css, apis, forms
- No Industry for Old Men (by/via) · · videos, retrospectives, aria, browsers, screen-readers, assistive-tech, accessibility, w3c
- The Popover API: Your New Best Friend for Tooltips (by/via) · · pop-overs, apis, tooltips, css, javascript
- Web Components: Little Bits (by/via) · · videos, web-components
- Practical Accessibility Tips You Can Apply Today (via) · · accessibility, tips-and-tricks
- An Interesting HTML Parser Conundrum (by) · · parsing
- What’s the Difference Between HTML’s Dialog Element and Popovers? (by/via) · · modals, pop-overs, comparisons
- The “bdi” Element (by) · · semantics, internationalization
- How to Learn HTML: 46 Great Sites, Courses, and Books (All Free) · · how-tos, learning, courses, books, link-lists
- The “b” Element (by) · · semantics
- “img sizes=auto” for Native Lazy Loading (by) · · code-pens, images, lazy-loading, performance
- Hire HTML and CSS People (by) · · css, hiring, engineering-management
- Why HTML Has Both “<b/i>” and “<strong/em>”? (by) · · semantics
- The Importance of Title Tags: Tips and Tricks to Optimize for SEO (via) · · seo, optimization, tips-and-tricks
- Request for Developer Feedback: Customizable Select (by/via) · · forms
- State of HTML 2024 (by/via) · · surveys
- 2024: 0.5% of the Global Top 200 Websites Use Valid HTML (by) · · conformance, metrics, quality, craft
- What Does Hydration Mean? (by/via) · · hydration, concepts, javascript, dom
- Going Buildless (by) · · building, components
- The HTML History and Optimization Cheat Sheet (by) · · history, optimization, cheat-sheets
- Should Form Labels Be Wrapped or Separate? (by/via) · · forms, labels, accessibility, browsers, assistive-tech
- HTML Whitespace Is Broken (by) · · whitespace
- Semi-Annual Reminder to Learn and Hire for Web Standards (by) · · learning, fundamentals, standards, css
- Headings (via) · · headings, accessibility
- What the Heck Is ARIA? A Beginner’s Guide to ARIA for Accessibility (by/via) · · videos, guides, aria, accessibility
- Paragraphs (by) · · accessibility
- The “aside” Element (by) · · semantics, accessibility
- The Secret Inside One Million Checkboxes (by) · · databases, community
- What’s Missing From HTML and CSS? (by/via) · · css
- Make Me One (Input) With Everything (by/via) · · forms, accessibility, simplicity
- What Skills Should You Focus on as Junior Web Developer in 2024? (via) · · career, fundamentals, css, javascript, frameworks, tooling, learning, link-lists
- How to Easily Add Dark Mode to Your Website (by) · · how-tos, dark-mode, css, javascript, functionality
- Is Using “aria-label” to Add Alternative Text But No “alt” Attribute Still a WCAG Fail? · · discussions, accessibility, forms, labels, aria, alt-text, images
- Raw-Dogging Websites (by) · · css, javascript, tech-stacks
- The Top Programming Languages 2024 (by/via) · · programming, comparisons, python, java, javascript, typescript, sql, go, php, lua
- Spoiler Alert: It Needs to Be Accessible (by) · · accessibility, web-components, aria
- Foundations: Labelling Text Fields With Input and Label (via) · · accessibility, fundamentals, forms, labels
- Top 5 HTML Features You’re Not Using (But Should Be) (by) ·
- How Does the Browser Render HTML? (by) · · browsers, browser-engines, rendering, dom, css, cssom, painting
- How Are the “colspan” and “rowspan” Attributes Different? (by/via) · · tables
- Rote Learning HTML & CSS (by/via) · · books, css, learning
- “blocking=render”: Why Would You Do That?! (by) · · performance, rendering
- The “address” Element (by) · · semantics
- ObsoHTML, the Obsolete HTML Checker (by) · · packages, npm, quality
- Action Web Components Which Span the Server-Client Divide (by) · · web-components, apis
- The “abbr” Element (by) · · semantics, accessibility
- HTML Web Components Can Have a Little Shadow DOM, as a Treat (by) · · web-components, shadow-dom, dom
- The Anchor Element (by) · · links, semantics, terminology, usability
- The Anatomy of Accessible Forms: Best Practices (via) · · accessibility, forms, best-practices
- HTML Web Components Make Progressive Enhancement and CSS Encapsulation Easier (by/via) · · web-components, principles, solid, progressive-enhancement, examples
- Replacing jQuery UI Datepicker With HTML Date Input (by) · · jquery
- Learn Web Components (by) · · websites, courses, web-components, css, dom, javascript
- Don’t Use JS for That: Moving Features to CSS and HTML (by/via) · · videos, javascript, css
- Named Alternates for WordPress (by) · · wordpress
- What ARIA Still Does Not Do (by) · · aria, accessibility, standards
- An Update on Invokers: Invoker Commands in HTML (by) · · modals, pop-overs
- How to Parse HTML in JavaScript (via) · · how-tos, parsing, javascript
- Mythbusting DOM: Was DOM Invented Alongside HTML? (by) · · myths, dom, history
- Are Web Components Worth It? (by+) · · podcasts, web-components, dom, shadow-dom
- A Rant About Front-End Development (by) · · content, css, javascript, preprocessors, frameworks, complexity
- Know the “search” Element (by) · · semantics
- Streaming HTML—Asynchronous DOM Updates Without JavaScript (by/via) · · dom, streaming
- Ditch the Pixels: The Small and Vectorized Web (by) · · svg, images
- Reflection and Custom States in Web Components (by) · · web-components
- Maybe Don’t Name That Landmark (by) · · semantics, accessibility
- Doing My Heading In (by+) · · interviews, headings, accessibility
- Fine-Tuning Text Inputs (by) · · forms, usability
- Semantic Code in HTML: What Is It and Does It Still Matter? (by) · · semantics, accessibility, seo, maintainability, performance
- Responsive Video Works Now—These Features Could Make It Work Better (by) · · multimedia, responsive-design, performance
- Alt Left (by) · · accessibility, alt-text, anti-patterns
- Here’s What We Learned From the First “State of HTML” Survey (by/via) · · lessons
- Progressively Enhanced Popover Toggletips (by/via) · · pop-overs, apis, progressive-enhancement
- Switching It Up With HTML’s Latest Control (by/via) · · forms
- Multipage Version (by) · · websites
- HTML Tags You Might Not Know About (by) ·
- Not So Short Note on “aria-label” Usage—Big Table Edition (by) · · accessibility, aria, labels
- When Should We Use Components and When Should We Just Use HTML? (by) · · components, web-components
- We Need to Talk More About Conformance, if We Want to Stop Fantasy HTML (by) · · conformance, craft, quality
- Test-Driving HTML Templates (by/via) · · templates, testing, server-side-rendering, conformance
- “<style>”: Inline Optimizations for the Bold (by) · · css, performance, optimization
- The Latest in Web UI (by/via) · · videos, css, layout, effects
- Ignore and Acknowledge “class” Attribute on Elements in CSS (by) · · css
- State of HTML 2023 [Results] (by+/via) · · surveys
- Upgrade Your HTML V (by/via) · · books, minimalism, craft, conformance
- Using the Popover API for HTML Tooltips (by/via) · · pop-overs, apis, tooltips
- Using Simple Tools as a Radical Act of Independence (by/via) · · css, simplicity
- Combining CSS “:has()” and HTML “<select>” for Greater Conditional Styling (by/via) · · css, selectors, techniques
- Popover API Is Here (by/via) · · apis, pop-overs
- My Approach to HTML Web Components (by) · · web-components
- The HTML, CSS, and SVG for a Classic Search Form (by/via) · · searching, forms, css, svg
- Design Deja Vu (by) · · design, css, history, comparisons
- HTML Attributes vs. DOM Properties (by) · · dom, comparisons
- How to Escape JavaScript for a Script Tag (by) · · how-tos, javascript, escaping
- Invoking Elements by Using Only HTML: A First Look at Invokers (by) · · modals, pop-overs
- Images as the First Thing in a Button or Link (by) · · accessibility, images, buttons, links
- Converting Plain Text to Encoded HTML With Vanilla JavaScript (via) · · conversion, javascript
- Making Disabled Buttons More Accessible (by) · · accessibility, buttons, aria
- The Biggest Lie in HTML (by) · · videos
- ARIA in HTML (by+/via) · · standards, accessibility, aria
- Don’t Use the “maxlength” Attribute to Stop Users From Exceeding the Limit (by) · · forms, usability
- My “Skip to Content” Markup Was Breaking the Back Button on iOS (by) · · skip-links, accessibility, mobile
- The Dos and Don’ts of Using “tabindex” in Web Design (by/via) · · accessibility, keyboard-navigation
- Figma Prototypes vs. HTML Prototypes (by) · · design, processes, prototyping, figma, comparisons
- Testing HTML With Modern CSS (by) · · css, testing, quality
- Faster Websites With the “picture” Element (by) · · images, performance
- How to Think About HTML Responsive Images (by) · · how-tos, images, responsive-design
- 21 HTML Tips You Must Know About (by) · · tips-and-tricks
- When to Use “tabindex="0"” (by/via) · · accessibility, keyboard-navigation, focus
- Svelte Parses HTML All Wrong (by) · · svelte, parsing
- Kobold Letters (by) · · email, support
- On “disabled” and “aria-disabled” Attributes (by) · · accessibility, aria
- On Popover Accessibility: What the Browser Does and Doesn’t Do (by+) · · accessibility, pop-overs
- HTML Performance Optimization: Tips for Faster Loading Pages · · landing-pages, performance, optimization, tips-and-tricks
- The Problem With Data-Attributes for Text Effects (by) · · css, typography, effects
- Ruby Is Complicated (by) ·
- Streaming HTML (by/via) · · php, streaming
- Distinguishing Between ARIA and Native HTML Attributes (via) · · aria, accessibility, comparisons
- CSS Button Styles You Might Not Know (by) · · css, buttons
- The Quiet, Pervasive Devaluation of Frontend (by) · · css, craft, career, community
- Making Room for Long List Markers With Subgrid (by) · · css, grids
- Techniques to Break Words (by) · · techniques, css, content
- An HTML Switch Control (by+/via) · · css, forms
- YouTube Video Embedding Harm Reduction (by) · · multimedia, embed-code, youtube, privacy
- Filling Gaps With a Polyfill (by) · · polyfills, css, javascript, history
- ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (via) · · videos, accessibility, aria, user-experience
- HTML as the Baseline (by) · · progressive-enhancement
- “X” Marks the Spot: Landmark Elements (by) · · semantics, accessibility, assistive-tech, aria
- Practice Safe DSD With “setHTMLUnsafe” (It’s Complicated) (by/via) · · dom, shadow-dom, apis, security
- A Highly Configurable Switch Component Using Modern CSS Techniques (by/via) · · css
- HTML Web Components on the Server Are Great (by) · · web-components
- Unlocking the Power of HTML’s Native Browser “dialog” Element (by/via) · · modals
- Check for “accesskey” and “aria-keyshortcuts” Bookmarklet (by) · · bookmarklets, accessibility, aria, keyboard-shortcuts
- Mind the Accessibility Gaps—Most of Accessibility Issues Originate in Design and How to Fix That (by) · · accessibility, design, aria
- A Call for Consensus on HTML Semantics (by) · · semantics
- The Color Input and the Color Picker (by/via) · · colors, usability
- Create a Currency Converter With HTML, CSS, and Vanilla JavaScript (by/via) · · functionality, css, javascript
- Basic Accessibility Mistakes I Often See in Audits (by) · · accessibility, mistakes, auditing, semantics, focus, links, buttons
- Disable Browser Caching With “meta” HTML Tags (by) · · metadata, caching
- Options for “optgroup” Labeling of “options” (by) · · accessibility, forms, browsers, screen-readers, assistive-tech, support
- Using “abbr” Element With “title” Attribute (by) · · accessibility, browsers, assistive-tech, support
- Streaming HTML Out of Order Without JavaScript (by) · · streaming
- Buttons and Links—Common Misconceptions (by) · · accessibility, semantics, buttons, links
- Accounting for Internationalization With CSS and HTML (via) · · css, internationalization
- Stop Closing Void Elements (by) ·
- HTML Validation—Pros and Cons · · conformance
- Never Underestimate HTML (by/via) · · user-experience, developer-experience
- The Devil Is in the Details: A Look Into a Disclosure Widget Markup (by/via) · · css, javascript
- The Implied Web (by/via) · · accessibility, semantics
- Recapturing Early-Internet Whimsy With HTML (by/via) · · trends, design, art, decoration
- “HTML First” Is Not HTML First (by) · · principles, quality, craft
- The Road to HTMHell Is Paved With Semantics (by/via) · · semantics, quality
- Revisiting Fundamentals—Semantic Lists for Improved Accessibility (by/via) · · fundamentals, semantics, accessibility
- Web Components (by/via) · · web-components, shadow-dom, dom
- HTML Can Do This? (by) ·
- The Ghosts of Markup Past (by/via) · · web, history
- HTML: The Bad Parts (by/via) ·
- Test-Driven HTML and Accessibility (by/via) · · accessibility, testing, javascript
- Embrace the Platform (by/via) · · web-platform, css, javascript, resilience, progressive-enhancement, craft
- The “hidden” Attribute in HTML (by/via) ·
- Behavior Belongs in the HTML (by) · · javascript, principles
- What the Slot? (by/via) · · web-components, dom, shadow-dom
- Media Queries in HTML Video (by) · · multimedia, css, media-queries, accessibility
- Security Headers Using “<meta>” (by/via) · · security, csp
- The Hellish History of HTML: An Incomplete and Personal Account (by/via) · · history
- “sizes="auto"” Pretty Much Requires “width” and “height” Attributes (by) · · images, maintainability
- Back to Basics: 5 HTML Attributes for Improved Accessibility and User Experience (by/via) · · fundamentals, accessibility, user-experience
- The “form” Attribute—Enhancing Form Layout Flexibility (via) · · forms
- The UX of HTML (by/via) · · semantics, user-experience
- How to Use Responsive HTML Video (…and Audio!) (by) · · how-tos, responsive-design, multimedia
- Weird HTML Hacks (by) · · css, hacks, techniques, history
- The Elevator Pitch for Web Components (by) · · web-components, dom
- Shadow DOM Is for Hiding Your Shame (by) · · shadow-dom, dom, web-components
- The 9 HTML Elements That Have an Attribute of the Same Name, or: The 9 Attributes That Have an Element of the Same Name (by) ·
- An Attempted Taxonomy of Web Components (by) · · web-components
- HTML Web Components Are Just JavaScript? (by/via) · · web-components, javascript
- Using Chrome’s Accessibility Tree for Manual Testing of HTML and ARIA (by/via) · · videos, browsers, google, chrome, dev-tools, accessibility, testing, aria
- Exclusive Accordions Exclude (by) · · accessibility
- HTML Web Components (by) · · web-components
- HTML First (by) · · websites, principles
- Do You Really Need to Validate Your HTML Code? · · discussions, conformance
- Understanding HTML Landmarks and How to Apply Them (by/via) · · semantics, accessibility, aria
- HTML Web Components (by) · · web-components, web-platform
- 13 HTML Attributes You Should Know About (by) ·
- Removing List Styles Without Affecting Semantics (by) · · css, semantics, accessibility
- Don’t Turn a Table Into an ARIA Grid Just for a Clickable Row (by) · · tables, grids, aria, accessibility
- 2023: 0 of the Global Top 100 Websites Use Valid HTML (by) · · css, conformance, metrics, quality
- Let’s Reinvent the Wheel (by) · · css, user-experience, accessibility, web-platform
- HTML vs. DOM? Let’s Debug Them (by/via) · · videos, dom, debugging, comparisons
- 20 Simple Ways to Style the HTML “details” Element (by/via) · · css
- Splitting Within Selects (by) · · accessibility, forms, browsers, support
- Select Element: Now With Horizontal Rules (by/via) · · forms, semantics, browsers, google, chrome, apple, safari, support
- Tailwind vs. Semantic CSS (by) · · tailwind, css, semantics, comparisons, performance
- HTML Meta Tags · · metadata
- Strikethrough Accessibility (by/via) · · accessibility, screen-readers, assistive-tech, support
- Using ChatGPT for Smart Truncation in Responsive Web Design (by) · · content, responsive-design, ai
- Why Unique ID Attributes Matter (via) · · accessibility, conformance
- Does the HTML “hr” (Horizontal Rule) Benefit Screen Reader Users? (by/via) · · accessibility, screen-readers, assistive-tech
- On the Uniting Power of a Commitment to HTML Conformance (by) · · conformance, quality, community, web
- CSS Findings From Photoshop Web Version (by) · · css, adobe, photoshop, case-studies
- The Selected Date Must Be Within the Last 10 Years (by/via) · · forms, validation
- Extending the Properties of an HTML Element in TypeScript (by/via) · · components, typescript
- An Anchored Navbar Solution (by) · · css, navigation
- The Most Minimal Valid HTML Document (by) · · minimalism, conformance, templates