ロゴ

2019.8.10

スニペット

はじめに

スニペットとは、コピペするだけで特定のデザインや機能、レイアウトなどを作れるようにしたコードのことです。依頼されて作ったもの、たまたま訪れたWebページや街中で見つけた美しいデザインをコーディングして再現したもの、思い付いたアイディアを形にしたものなどをスニペット化しています。

あなたは一部の値やテキストを変えてコードをコピペするだけで、その部品をすぐにご自分のサイトや作成しているサイトで使うことができます。スニペットを使えば、あなたのコーディング作業は一段と効率的になるでしょう!

スニペットはCodePenに載せています。CodePenはデフォルトでコードエディタパネルが表示されています。コードエディタパネルを非表示にして、結果をフルスクリーンで表示させる方法はこちらで説明しています。

スニペットは自由にお使いいただいて構いません。依頼していただけたら僕があなたのサイトにこれらの部品を組み込みます。

スニペット一覧

IE非対応 SNSボタン アコーディオンメニュー 遊び 画像ギャラリー 記事ページ 進行バー スクロールバー タグ タブ テキストエリア ナビゲーションメニュー 背景 パンくずリスト ハンバーガーアイコン ボタン 見出し 文字の装飾 レイアウト ローディング 矢印

その他

不具合を見つけたり、使い方が分からなかったり、より良いコードで書けた場合などはぜひ教えていただきたいです!TwitterのDMかメールまでご連絡ください。