Skip to main content
CSS-Tricks
  • Articles
  • Notes
  • Links
  • Guides
  • Almanac
  • Picks
  • Shuffle
Search

Articles Tagged
semantics

38 Articles
{
,

}
Direct link to the article Tooltip Best Practices
dialog popover semantics

Tooltip Best Practices

What are tooltips, exactly? There's two kinds and the one you use has implications on the user experience, as Zell illustrates in this explainer on best practices.
Zell Liew on Oct 29, 2024
Direct link to the article Quick Hit #17
accessibility HTML semantics

Quick Hit #17

“Wrapping the <labelaround the <inputis fine, and is sufficient for conformance on its own, however adding explicit association with for and id is still necessary in practice.” —James Edwards…

Juan Diego Rodríguez on Sep 9, 2024
Direct link to the article Quick Hit #16
css fundamentals semantics

Quick Hit #16

“Never, ever hire for JavaScript framework skills. Instead, interview and hire only for fundamentals like web standards, accessibility, modern CSS, semantic HTML, and Web Components.” — Alex Russell…

Geoff Graham on Sep 5, 2024
Direct link to the article Paragraphs
accessibility semantics

Paragraphs

I sure do love little reminders about HTML semantics, particularly semantics that are tougher to commit to memory. Scott has a great one, beginning with this markup:

<pI am a paragraph.</p<spanI am also a paragraph.</span<div
…
Geoff Graham on Aug 30, 2024
Direct link to the article Basic keyboard shortcut support for focused links
accessibility Links & URLs semantics

Basic keyboard shortcut support for focused links

Eric gifting us with his research on all the various things that anchors (not links) do when they are in :focus.

Turns out, there’s a lot!

That’s an understatement! This is an incredible amount of work, even …

Geoff Graham on Aug 27, 2024
Direct link to the article Quick Hit #9
semantics

Quick Hit #9

Heydon with a reminder that <address isn’t for, you know, mailing addresses.…

Geoff Graham on Aug 12, 2024
Web Form Accessibility with focus-within
Direct link to the article Accessible Forms with Pseudo Classes
accessibility CSS focus forms HTML semantics

Accessible Forms with Pseudo Classes

In this post, I am going to take you through creating a simple contact form using semantic HTML and an awesome CSS pseudo-class known as :focus-within. The :focus-within pseudo-class allows for great control over focus and lets your users …

Chris DeMars on Sep 3, 2024
Direct link to the article The Double Emphasis Thing
emphasis italic semantics

The Double Emphasis Thing

I used to have this boss who loved, loved, loved, loved to emphasize words. This was way back before we used a WYSIWYG editors and I’d have to handcode that crap.

<pI used to have this 
…
Geoff Graham on Feb 6, 2023
Direct link to the article Roundup of Recent Document Outline Chatter
accessibility document outline headers HTML semantics

Roundup of Recent Document Outline Chatter

It’s not everyday that HTML headings are the topic de jour, but my folder of saved links is accumulating articles about the recently merged removal of the document outline algorithm in the WHATWG Living Standard.

First off, you should know …

Geoff Graham on Jul 25, 2022
  • 1
  • 2
  • 3
  • ...
  • 5
  • Older

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • About DO
  • Cloudways
  • Legal stuff
  • Get free credit!
CSS-Tricks
  • Contact
  • Write for CSS-Tricks!
  • Advertise with us
Social
  • RSS Feeds
  • CodePen
  • Mastodon
  • Bluesky
Back to Top