yakudatsu logo

yakudatsu! v1.2

Copyright (c) 2025 Eric R Outen | MIT License

What is 役立つ

yakudatsu

Yakudatsu is a lightweight JavaScript plugin that makes it easy to add inline help or explanatory text directly within your content. By simply wrapping text in a <span> with a special class, Yakudatsu enhances readability and user guidance without cluttering your layout. It's perfect for tooltips, definitions, or context-aware help — all without needing a full UI framework.

Getting Started

  1. Download the latest release of yakudatsu.js from Github Release Page.
    Or add using CDN method.
    <script src="https://outendesigns.github.io/yakudatsu/yakudatsu.js"></script>
    Be sure to include this Javascript at the bottom of your page before the closing </body> tag.
  2. Initialize using a <span> tag.

This is some arbitrary text

This is help text, it will appear as a question mark icon at the end of the paragraph tag, and hovering over the question mark icon will display this text in a box

Header Tag

It doesn't matter what type of tag you attach this helper to, it will work.
These are blocks
We can add some helper text to a figcaption