※超小ネタな上にググれば出てくる情報なのですがいつも忘れてしまうので自分の記事で書いておく事にしました。

０．初めに

私はエンジニアではないただのドシロウトです。

Codepenのダウンロードは画面上にExportボタンがあるので簡単です。

JSFiddleにはExportボタンがないのでダウンロードしたい時にいつもググってました。

１．元記事

ググればでてくる情報なので英語が苦にならない方は以下の記事をご覧ください。

この記事を読めばここ以下の内容は不要です。

たまたまJSFiddleのスニペットが貼ってあった以下の記事を使って説明します。
（Windows７、Chromeでのやり方の説明です。）

任意の背景色に対して読みやすい文字色を選択する方法
https://katashin.info/2018/12/18/247

この記事に貼ってあるスニペットを「Edit in JSFiddle」で開くと以下の画像のようになると思います。

この画面のURLの後ろに/showを付けます。

以下の画像の通り右下のフレームが表示されます。

この画面で右クリックで以下の画像の通り「フレームのソースを表示」を選択します。

ソースが表示されるのであとはコピペするだけです。

当たり前で誰でも知ってるのかも知れませんがドシロウトの私には長年の謎でした…(^_^;)

私みたいな初心者の方に役立てばいいなと思い書きました。

以　上