![Frontend Dogma](https://d1cxmu1ofnef1v.cloudfront.net/media/logo.svg)
“html” Archive (2)
- Data URLs and Pool in Your URL (by) · · urls
- Faking Min Width on a Table Column (via) · · tables, css, responsive-design
- Customizing HTML Form Validation (by) · · forms, validation
- How to Build Great HTML Form Controls (by/via) · · how-tos, forms
- Conditional API Responses for JavaScript vs. HTML Forms (by) · · javascript, forms, security, comparisons
- Theme Toggles · · websites, theming, react
- Enforcing Better HTML Markup With Eleventy (by) · · semantics, conformance, eleventy
- A Problem With Link Relationships (by) · · links, metadata, semantics
- A Theory of Web Relativity (by) · · metadata, structured-data
- Building an Accessible Theme Picker With HTML, CSS, and JavaScript (by) · · accessibility, css, javascript, theming
- Common Nesting Issues in HTML (by) · · nesting
- Interop 2022: End of Year Update (by/via) · · interoperability, user-agents, css
- Mini-Guide to Add an Image (by) · · images
- HTML Dialog (by) · · modals
- Modern HTML as a Foundation for Progressive Enhancement (by) · · progressive-enhancement
- 5 HTML Elements, and a Partridge in a Despair Tree · · semantics, accessibility
- Get That Marquee AeStHeTiC (by) · · css, effects
- An HTML-First Mental Model (by/via) · · dom, performance
- 4 Ways CSS “:has()” Can Make Your HTML Forms Even Better (by) · · css, selectors, forms
- Table Like It’s 2023 (by) · · tables
- One Day We’ll Have a Fully Customisable Select (by) · · css
- There Can Be Only One: Options for Building “Choose One” Fields (by) · · forms
- Dear Developer, Your Assumptions Are Wrong (by) ·
- Inside the Mind of a Frontend Developer: Article Layout (by) · · css, layout
- A Modern HTML Template (2022) (by) · · templates
- Meaningful Labels Using ARIA—or Not (by) · · accessibility, forms, aria
- 4 More HTML Concepts You Didn’t Know (by) · · concepts, forms, focus
- Reading the Meter (by) · · semantics, accessibility
- Brief Note on Description List Support (by) · · semantics, accessibility, assistive-tech, support
- Landmarks and Where to Put Them (by) · · semantics, aria, accessibility
- You Don’t Need ARIA for That (by) · · accessibility, aria
- How to Transfigure Wireframes Into HTML (by) · · how-tos, prototyping, conversion
- HTML Semantics and Accessibility Cheat Sheet (via) · · cheat-sheets, semantics, accessibility
- Shadow DOM and Accessibility: The Trouble With ARIA (by) · · dom, shadow-dom, accessibility, aria
- Newer Things to Know About Good Ol’ HTML Lists (by/via) · · semantics
- Upgrade Your HTML IV (by) · · books, minimalism, craft, conformance
- HTML Content Model Categories (by) · · semantics
- Lazy Loading Images in HTML (by) · · performance, lazy-loading
- The Shape-Shifting “a” Element (by) · · links, semantics
- The “label” Element (by) · · semantics
- What Happened to Text Inputs? (by) · · videos, forms
- Page Title Conventions (by) · · accessibility, seo
- Brief Note on “aria-readonly” Support (by) · · accessibility, aria, assistive-tech, support
- You Don’t Need HTML (by) · · websites, web-platform
- A Guide to Keyboard Accessibility: HTML and CSS (by/via) · · guides, accessibility, keyboard-navigation, css
- Dialogs, Modality, and Popovers Seem Similar—How Are They Different? (by) · · semantics, accessibility, modals, pop-overs
- Foundations: Native Versus Custom Components (via) · · components, comparisons
- Inside the Mind of a Frontend Developer: Hero Section (by) · · css
- 6 Steps to Improve HTML Images for Users and Developers (by) · · images, performance, responsive-design
- 16 Rare HTML Tags You Really Should Know (by/via) · · semantics
- HTML and CSS Features, Tips for a 10× Faster Page Loading Speed (by) · · css, performance, tips-and-tricks
- Intro to HTML-First Frontend Frameworks (via) · · introductions, frameworks
- Building a Tooltip Component (by/via) · · components, css
- Common ARIA Mistakes and How to Avoid Them (by) · · accessibility, aria, mistakes
- Edit Someone Else’s Website: “contenteditable” and “designMode” (by) ·
- HTML 2022: 20 Additional Observations From Analyzing the Web Almanac Data (by) · · metrics
- A Little Semantic HTML Trick for React Components (by) · · react, semantics, components, tips-and-tricks
- Foundations: HTML Semantics (by/via) · · semantics
- When Going Somewhere Does a Thing: On Links and Buttons (by) · · accessibility, links, buttons, semantics
- Templating in HTML (by) · · javascript
- GIFs Without the .gif: The Most Performant Image and Video Options Right Now (by/via) · · performance, multimedia, images, gif
- Learn HTML (by/via) · · courses
- Named Element IDs Can Be Referenced as JavaScript Globals (by/via) · · javascript
- Markup (by/via) · · studies, research
- Two Things I Learned by Validating My HTML Again (by) · · conformance, lessons
- Streamable HTML Fragments (by) · · streaming
- Quick Reminder: HTML5 “required” and “pattern” Are Not a Security Feature (by) · · forms, security
- Will Serving Real HTML Content Make a Website Faster? Let’s Experiment! (by/via) · · studies, research, performance
- A “details” Element as a Burger Menu Is Not Accessible (by/via) · · semantics, accessibility
- How to (Not) Make a Button (by) · · how-tos, accessibility, buttons, semantics
- Brief Note on Super- and Subscript Text (by) · · accessibility, support, assistive-tech
- Why the Number Input Is the Worst Input (by/via) · · forms, validation, accessibility
- Making Sense of WAI-ARIA: A Comprehensive Guide (by/via) · · guides, accessibility, aria
- Wtf Is an Island and Why Is It in My Website? (by) · · frameworks, architecture, concepts
- 2022: 0 of the Global Top 100 Websites Use Valid HTML (by) · · css, conformance, quality
- The “details” and “summary” Elements, Again (by) · · accessibility
- Nuclear Footnotes (by) · · css
- What’s New With Forms in 2022? (by/via) · · forms, javascript
- Building the Main Navigation for a Website (by/via) · · navigation, css
- HTML Markup Tips for Developing Accessible Websites (by/via) · · accessibility, aria
- A Content Warning Component (by) · · components, css
- Disabled JavaScript Turns Off Native Lazy Loading (by) · · javascript, performance, lazy-loading
- Don’t Overwrite Visual Labels With “aria-label” (by) · · accessibility, aria
- Accessible Lists and Tables (via) · · accessibility, tables
- Should I Use a Button or a Link? (by) · · buttons, links, semantics
- Short Note on “figure” and “figcaption” (by) · · accessibility
- CSS Classes Considered Harmful (by) · · css
- TIL: You Can Access a User’s Camera With Just HTML (by) · · permissions
- Creative List Styling (by/via) · · css
- Exploring the Underrated “output” Element (by) ·
- Table Column Alignment With Variable Transforms (by) · · css, tables
- Tip: Use “fetchpriority=high” to Load Your LCP Hero Image Sooner (by) · · performance, web-vitals
- On Ratings and Meters (by) · · semantics, css
- Capturing Images and Videos From the Camera of Mobile Devices Using HTML (by) · · multimedia, mobile
- The Infinite Marquee (by) · · css, animations
- Making a Website Under 1 kB (by) · · performance, minimalism
- Ruby Styling (by/via) · · css
- Abbreviations Suck (by) · · accessibility
- “<article>” vs. “<section>”: How to Choose the Right One (by/via) · · semantics, comparisons
- Roundup of Recent Document Outline Chatter (by/via) · · semantics, accessibility
- Subheadings, Subtitles, Alternative Titles, and Taglines in HTML (by/via) · · semantics, headings, accessibility
- Abbreviations Can Be Problematic (by) · · accessibility
- What Is the Best Way to Mark Up an Exclusive Button Group? (by) · · semantics, accessibility, aria
- Minimal Social Markup (by) · · social-media, minimalism
- What You Need to Know About ARIA and How to Fix Common Mistakes (via) · · accessibility, aria, mistakes
- Avoiding “<img>” Layout Shifts: “aspect-ratio” vs. “width” and “height” Attributes (by) · · performance, web-vitals, comparisons, css
- Why the HTML Outlining Algorithm Was Removed From the Spec—the Truth Will Shock You! (by) · · semantics, accessibility
- Two Levels of Customising “<selectmenu>” (by) · · accessibility
- Best Practices for Images (by) · · images, best-practices
- What the Hell Is “<!DOCTYPE html>”? · · doctype-switching
- Farewell to HTML5Rocks (by/via) · · community, history
- Are You Sure That’s a Number Input? (by) ·
- Write HTML Right (by) · · optimization
- 8 Shocking HTML Tips You Probably Don’t Know About (by) · · tips-and-tricks
- The “Form” Element Created the Modern Web—Was It a Big Mistake? (by/via) · · forms, history, mistakes
- A Perfect Table of Contents With HTML and CSS (by/via) · · css
- Why Are Iframe Titles Important for Accessibility? (via) · · accessibility, writing
- Building a Button Component (by/via) · · components, css, javascript, buttons
- Conditionally Loading CSS or Any Resource Using Media Queries (by) · · media-queries, performance
- How the HTML “lang” Attribute Helps Accessibility (via) · · accessibility, localization
- Don’t Fight the Browser Preload Scanner (by/via) · · user-agents, parsing, performance
- XHTML Syntax Is Still Worth Using (by) · · xhtml
- Divs Are Bad! (by) · · semantics
- Learn HTML [and] CSS (by) · · websites, courses, css
- What’s Your Heading? (by) · · accessibility, headings, semantics
- Please, Stop Disabling Zoom (by) · · accessibility, zooming
- How to Use Videos With Alpha Transparency on the Web (by) · · how-tos, effects
- Under-Engineered Multi-Selects (by) · · accessibility, aria
- Foundations: Lists (by/via) · · accessibility
- Introducing “inert” (by/via) · · accessibility, introductions
- Common Frontend Interview Questions I’ve Been Asked · · interviewing, javascript
- The CSS Art Paradox (by) · · css, art, quality
- Non-Interactive Elements With the “inert” Attribute (by/via) · · semantics
- Plain Old Semantic HTML: A Perfect Basis for Accessibility (via) · · accessibility, semantics
- How Web Browsers Work: Parsing the HTML · · user-agents, parsing
- Progressive Enhancement and HTML Forms: Use “FormData” (by/via) · · forms, progressive-enhancement
- Does Valid and Semantic HTML Still Matter? (by+/via) · · podcasts, semantics, conformance
- Building a Dialog Component (by/via) · · components, modals, css, javascript
- Those HTML Elements You Never Use (by) · · semantics
- How to Turn HTML Webpage Into an Image? (by) · · images, conversion
- Designing Better Breadcrumbs (by/via) · · usability, information-architecture
- HTML Is All You Need to Make a Website (by) ·
- Alternative Text (Alt Text) (via) · · accessibility, writing, alt-text
- 12 Years Beyond a HTML Joke (by) · · semantics
- “aria-labelledby” Usage Notes (by) · · accessibility, aria
- Accessible Cards (by) · · accessibility, css
- How to Match HTML Elements With an Indeterminate State (by) · · how-tos, css, selectors
- HTML-Only Keyboard Shortcuts (by) · · accessibility, keyboard-navigation
- Picture Perfect Images With the Modern “<img>” Element (by/via) · · images, performance, web-vitals
- Those HTML Attributes You Never Use (by/via) ·
- HTML Semantics (by) · · semantics
- Write HTML, the HTML Way (Not the XHTML Way) (by/via) · · xhtml, optimization
- The Impact That High Quality Mark-Up Can Have on Accessibility, Performance, and Discoverability (by) · · videos, accessibility, performance
- Building a Loading Bar Component (by/via) · · components, css, javascript
- How to Automatically Size a Textarea Based on Its [Text] Using Vanilla JavaScript (by) · · how-tos, javascript
- The Weirdly Obscure Art of Streamed HTML (by) · · streaming, performance
- It Needs to Map Back to a Role (by) · · accessibility, aria, semantics
- Aligning Content in Different Wrappers (by) · · css
- A Look at the Dialog Element’s Super Powers (by) · · modals, javascript
- Creating Native Web Components (via) · · web-components, javascript
- It’s Always Been You, Canvas2D (by/via) · · css, canvas, javascript
- HTML Tips and Tricks · · tips-and-tricks
- Foundations: Headings (by/via) · · accessibility, headings, semantics
- Web Component Pseudo-Classes and Pseudo-Elements Are Easier Than You Think (by/via) · · css, web-components
- (Not So) Short Note on Being Owned (by) · · aria, accessibility
- HTML Comments Work in JavaScript Too (by) · · javascript, documentation
- Support for Marking Radio Buttons Required, Invalid (by) · · accessibility
- Column Headers and Browser Support (by) · · accessibility, semantics
- There Is No Character Limit for “Alt Text” (by) · · accessibility, alt-text
- How to Create a Search Page for a Static Website With Vanilla JS (by) · · how-tos, functionality, searching, javascript
- Why Radio Buttons Are Called Radio Buttons in UIs? (by) · · semantics, naming
- MHTML in Chromium (by) · · user-agents
- Replace JavaScript Dialogs With the New HTML Dialog Element (by/via) · · modals, semantics
- Introducing the Dialog Element (by/via) · · introductions, modals
- 24 Lesser-Known HTML Attributes You May Want to Use (by) ·
- How to Convert Markdown to HTML (by/via) · · how-tos, markdown, conversion
- More to Give Than Just the Div: Semantics and How to Get Them Right (by) · · semantics, accessibility
- Context-Aware Web Components Are Easier Than You Think (by/via) · · web-components, javascript
- Div Divisiveness (by) · · semantics
- Find HTML Parsing Errors (by/via) · · user-agents, dev-tools, parsing, quality
- On the Peculiarities of Counting the Number of HTML Elements (by) ·
- Boolean Attributes in HTML and ARIA: What’s the Difference? (by) · · aria
- HTML Is General, ARIA Is Specific (by) · · aria
- Alt Tag Emptiness (by) · · accessibility, images, alt-text, aria
- Labeling the Point: Scenarios of Label Misuse in WCAG (by/via) · · accessibility, wcag
- Accessible Heading Structure (by/via) · · accessibility, headings
- Faster Websites by Using Less HTML (by) · · cross-posted, performance, optimization, minimalism
- Form Autocomplete (by) · · forms
- 5 Common Misconceptions About WAI-ARIA and Accessibility (via) · · accessibility, aria
- How to Define Your Relationship to Sites You Link To (by) · · how-tos, links, semantics, seo
- Image Display Elements (by) · · images, responsive-design
- 4 HTML Concepts You Didn’t Know (by) · · concepts, tables
- CSS Can Help Improve Your HTML!? Buttons and Links (by) · · css, buttons, links, accessibility
- Details/Summary (by) · · semantics
- Embrace the Platform (by/via) · · css, javascript, web-platform
- Defer Non-Critical Resources (by/via) · · performance
- Markup (by/via) · · studies, research
- On Yak Shaving and “<md-block>”, a New HTML Element for Markdown (by) · · web-components, markdown
- The 6 Ways of Writing HTML (and Their Combinations) (by) ·
- Control Layout in a Multi-Directional Website (by/via) · · internationalization, css
- Dear HTML Element (by) ·
- How to Make Blob Menu Using HTML, CSS and JavaScript (by) · · how-tos, css, javascript
- Generate a Pull Request of Static Content With a Simple HTML Form (by/via) · · github
- Get Your “Head” Straight (by/via) · · videos, performance
- Detecting Specific Text Input With HTML and CSS (by/via) · · css
- Debugging HTML: Accessibility (by) · · accessibility, debugging
- Designing a Reorderable List Component (by) · · software-design, components, css
- In Defence of Dialog (by) · · modals
- Learn Forms (by/via) · · courses, forms
- Building Real-Life Components: Facebook Messenger’s Chat Bubble (by) · · components, css
- Accessible Toggles (by/via) · · accessibility, javascript
- HTMLoween—HTML, JS, and CSS to Make Your Blood Boil (by) · · css, javascript
- Indecisive Skip Links and Their Targets—the Renaissance of the “<hr>” Element (by) · · accessibility, links
- If HTML and ARIA Don’t Allow It, It’s Probably a Bad Idea (by) · · aria, accessibility
- Switch Role Support (by) · · accessibility, support
- Decoupling HTML, CSS, and JavaScript in Design Systems (by) · · css, javascript, design-systems
- Semantic “menu” Context (by) · · semantics
- Making the Web Developer’s Pilgrimage (by) ·
- HTML With Superpowers (by) · · videos, components
- Landmarks (by) · · aria, accessibility
- Beginner’s Guide to Responsive Images: How to Get Them Right (by/via) · · guides, images, responsive-design
- Building a Multi-Select Component (by/via) · · components, css, javascript
- How to Win at CORS (by) · · how-tos, security, cors, http
- A Tangled Web of ARIA (by) · · accessibility, aria
- Buttons vs. Links (by) · · semantics, buttons, links, comparisons
- How to Implement and Style the “Dialog” Element (by/via) · · how-tos, modals, css
- The Options for Password-Revealing Inputs (by/via) · · css, security, passwords, usability
- How to Build an Expandable Accessible Gallery (by/via) · · how-tos, accessibility, css
- Redundantly Redundant a11y Accessibility (by) · · accessibility
- Links, Missing “href” Attributes, and Over-Engineered Code (by) · · links, accessibility
- How I Built a Modern Website in 2021 (by) · · css, javascript
- Declaring Page Language—and Declaring Changes in Language (by) · · accessibility, user-agents
- Comparing Page Language Declaration Setups in Screen Readers (by) · · accessibility, http, user-agents, assistive-tech, screen-readers, comparisons
- Specification for Spoken Presentation in HTML (by+/via) · · pronunciation
- 7 Useful HTML Attributes You May Not Know (via) ·
- 29 Projects to Help You Practice HTML CSS JavaScript 2021 (by) · · css, javascript
- Blowing Up HTML Size With Responsive Images (via) · · images, performance, responsive-design
- Element Diversity (by) ·
- Twitter’s Div Soup and Uglyfied CSS, Explained (by) · · css, twitter
- Building a Split-Button Component (by/via) · · components, css, javascript
- Building a Stepper Component (by) · · components, css
- Small Wins for Accessibility and Resilience (by) · · accessibility, resilience
- Named and Framed (by) · · accessibility
- One Favicon to Rule Them All (by) · · images, favicons
- ARIA Spec for the Uninitiated (by/via) · · accessibility, aria
- The Complete Guide to HTML Forms and Constraint Validation (by/via) · · guides, forms, validation
- On the “<dl>” (by) ·
- The Ultimate Cheat Sheet List for Web Developers (by) · · css, javascript, cheat-sheets
- 6 Useful Frontend Techniques That You May Not Know About (by) · · css, javascript, techniques
- Accessibility of the “Section” Element (by) · · accessibility