Hackers' Pub

Syntax	Description	Examples
`"` keyword `"`	Finds the string within quotes, including spaces. Case-insensitive. (Escape quotes inside with `\"`)	`"Hackers' Pub"`
`from:` handle	Finds content written by the specified user.	`from:hongminhee` `from:hongminhee@hollo.social`
`lang:` ISO 639-1	Finds content written in the specified language.	`lang:en`
`#` tag	Finds content with the specified tag. Case-insensitive.	`#HackersPub`
condition condition	Finds content that satisfies both conditions on either side of the space (logical AND).	`"Hackers' Pub" lang:en`
condition `OR` condition	Finds content that satisfies at least one of the conditions on either side of the OR operator (logical OR).	`#HackersPub OR "Hackers' Pub" lang:en`
`(` condition `)`	Combines the operators within the parentheses first.	`(#HackersPub OR "Hackers' Pub" OR "Hackers Pub") lang:en`

Stef Walter @stephaniewalter@front-end.social

2/5/2026, 8:30:42 AM

Public

Nest components, like buttons inside a clickable card, are always a tricky pattern. @eric@social.ericwbailey.websiteBailey shows you how to make it work, with a couple of CSS lines, and semantic HTML, do not nest links within buttons!

Accessible faux-nested interactive controls (12min) https://piccalil.li/blog/accessible-faux-nested-interactive-controls/
https://piccalil.li/blog/accessible-faux-nested-interactive-controls/

Accessible faux-nested interactive controls

A really common user interface pattern is a big clickable area, such as a card. Sometimes you need controls within that card that are also clickable. There's lots of ways to do it wrong, but fret not, Eric is here to show you how to do it right.

piccalil.li · Piccalilli

If you have a fediverse account, you can quote this note from your own instance. Search https://front-end.social/users/stephaniewalter/statuses/116017085988161261 on your instance and quote it. (Note that quoting is not supported in Mastodon.)