NOTE 026 / 2019年
本文を邪魔しないリンクの見せ方
リンクの先にある情報を、本文を邪魔せず伝える方法です。
読了目安 約2分
本文の中の外部リンクは、URL だけでは何のページか分かりにくいことがあります。タイトル、説明、画像を小さなカードにすると、読む前に内容を判断できます。
ただし、カードを増やすと本文の流れが途切れます。リンクの数と大きさを抑え、読み込みに失敗したときは普通のリンクとして表示する。控えめな使い方が大切です。
押さえたい点
- 01タイトルと説明を添える
- 02カードの大きさを抑える
- 03失敗時は通常のリンクに戻す
参考資料
外部サイトが開きます。内容は各サイトの管理下にあります。
- Nuxt 入門 外部サイトnuxt.com
- Nuxt モジュール 外部サイトnuxt.com
- Nuxt の描画 外部サイトnuxt.com
- Vue.js ガイド 外部サイトvuejs.org
- TypeScript ドキュメント 外部サイトtypescriptlang.org
- TypeScript の設定 外部サイトtypescriptlang.org
- MDN Web Docs 外部サイトdeveloper.mozilla.org
- React リファレンス 外部サイトreact.dev
- web.dev 外部サイトweb.dev
- W3C WAI 外部サイトw3.org
- GitHub Docs 外部サイトdocs.github.com
- Chrome for Developers 外部サイトdeveloper.chrome.com
- MDN HTTP 外部サイトdeveloper.mozilla.org