Publishing my citation preferences

2026-01-06 · Source: James' Coffee Blog · Field: Technology & Digital — Software Development & Engineering, Emerging Technologies & Innovation · Depth: Intermediate, short

Summary

On January 6, 2026, James G. published an article detailing his method for indicating citation preferences on his personal blog. Prompted by a fellow blogger's inquiry, he developed a "How to cite pages on my website" page and a compact widget for blog posts. This widget, implemented using an HTML `details` element, appears at the bottom of relevant posts (currently IndieWeb and Coding categories). It includes a short statement on preferred citation (name, site name, pronouns) and a text field with the page's URL. The `details` element is closed by default, titled "Reference this post," and can be deep-linked using `#cite` to automatically open it, a feature that may be visually enhanced with CSS. The full citation guidelines are available on a dedicated `/cite` page.

Key takeaway

For web developers or content creators considering how to manage inbound links, implementing a clear, accessible citation preference system can streamline the process for others. By providing explicit guidance on your preferred name, site name, and linking format, you empower fellow creators to accurately credit your work. Consider using an unobtrusive UI element like a collapsible section to present this information directly on relevant content pages, enhancing discoverability and encouraging proper attribution.

Key insights

Clearly stating citation preferences on a personal website enhances linking confidence for other bloggers.

Principles

• Provide clear, concise citation guidance.
• Design citation information to be apparent yet unobtrusive.

Method

Implement a collapsible HTML `details` element at the bottom of blog posts, containing citation preferences and the page URL, with a dedicated `/cite` page for detailed guidelines.

In practice

• Use `<details>` for optional content.
• Link directly to opened details with `#cite`.
• Create a dedicated `/cite` page.

Topics

• Citation Preferences
• IndieWeb
• HTML `details` element
• Web Development
• Blog Publishing

Best for: Software Engineer, Creative Technologist

Related on AIssential

• New ways to find your favorite sources and original content in AI Search — Google's AI Search updates prioritize user-selected sources and original content through new labeling and content presentation features.
• Living design systems in HTML are more effective than traditional design tools — HTML files can serve as dynamic, shareable design systems, enhancing collaboration and version control.
• Designing an A-Z navigation web component — An A-Z web component enhances navigation for long alphabetical lists by linking to closest available headings.
• CVPR workshop farming citations - how is this ethical?? [D] — Mandatory citation of unrelated papers in academic challenges constitutes unethical citation farming.
• IndieWeb wiki pages I really like — Curating and sharing less-obvious wiki content enhances its discoverability and value for a wider audience.
• [D] Self-Promotion Thread — Community self-promotion threads foster innovation sharing while maintaining main forum focus.

Open in AIssential →

Editorial summary, takeaway, and curation by AIssential. Original article published by James' Coffee Blog.