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`

Patrick Brosset @patrickbrosset@mas.to

6/5/2025, 12:29:03 PM

Public

The ability to style grid and flex gaps is coming fast in a browser near you!
Bubbling with ideas for what this will be useful for!

Code: https://github.com/MicrosoftEdge/Demos/tree/main/css-gap-decorations

Webpage layout example, dark background, light text, and light separator lines between the various items like header, navigation, and between various pieces of text and images in the main content. The lines are horizontal and vertical, and have different styles.

Magazine-like webpage, with a header, navigation, three articles, and a sidebar with a sudoku game grid.
The various pieces of the UI are visually separated with horizontal and vertical lines of different styles.
The sudoku game grid has differently styled lines too, which are also achieved with the CSS gap decorations feature.

A notebook sheet demo web page. It has a date, title, and then some lines of text in the main area of the page.
There's a line that separates the header, the footer, and a line for the margin on the side. In the main area, there are also more subtle lines where the text is written.

A magazine-style layout demo. The site is called "The Daily Oddity", and it has fake articles about weird facts and news.
The site uses multiple columns of content, which are separated by vertical and horizontal lines to make them more visually distinct.

If you have a fediverse account, you can quote this note from your own instance. Search https://mas.to/users/patrickbrosset/statuses/114630757135548846 on your instance and quote it. (Note that quoting is not supported in Mastodon.)