「クリック（タップ）で拡大」というエリアをクリック（スマホ等の場合はタップ）すると、そのコンテンツが拡大表示されます。もう一度クリック（タップ）すると元の表示に戻ります。いきなりパッと切り替わってしまうと違和感が出るため、フワッと表示されるようにCSSで調整しています。

【 CSS・JavaScript（jQuery非使用）】

タブをクリック（タップ）することで、下のボックスの表示が切り替わります。縦スクロール量を減らしたい時、ページをコンパクトに納めたい時などにどうぞ！いつも通り、JavaScriptを使っていますがjQueryは非使用です！
【CSS・JavaScript】

Webページを開いた直後など、画面を下にスクロールさせる前はトップへ戻るボタンは必要ないので消しておき、少し画面を下にスクロールさせるとトップへ戻るボタンが出現する機能のサンプルです。JavaScriptを使っていますが jQuery は使用していません。また、いきなりパッと現れたり消えたりすると違和感が出るため、フワッと表示・非表示になるようにCSSで設定しています。
【CSS・JavaScript】

ハンバーガーアイコンのクリック（タップ）で、メニューの表示・非表示が切り替わる機能です。ハンバーガーアイコン（三本線）に簡単なアニメーションも実装しています。JavaScriptを使っていますがjQueryは使用していません。
サンプル表示の都合上、実際は position:fixed; とすべきところを、relativeやabsoluteを使っています。コードをコピペする際はpositionプロパティの値にご注意下さい！
【CSS・JavaScript】

マウスホバーで表示されるメニューのサンプルです。マウスホバーで表示されるメニューにはシンプルなアニメーションもつけてみました。
PC専用です。レスポンシブには対応していないので、ご了承ください！
【CSS】