ウェブページにコードを載せる際、デフォルトでは単なるリンクでの参照、余裕のあるデスクトップ・ブラウザーではインラインに展開して表示する仕組みのデモ。描画領域のサイズが800x600で切り替えだが、ダイナミックに切り替わるわけではない。実際にはウェブページで使用されているMedia Queriesと揃えて適切なブレークポイントを探るべき。
800x600
特定のクラス名(code-ref)のp要素直下にa要素をつくり、それで参照したいコードの書かれたファイルへリンクを張る。
code-ref
p
a
./497.js