2021年にCodepenで話題！コピペ可なHTMLスニペット ベスト100発表

HTMLなどのコードをブラウザ上で確認ができ、公開や共有もできるなど、世界中のデベロッパーが愛用するCodepen。 この記事は、2021年に特に人気の高かったHTMLスニペットをランキング形式でまとめた The Most Hearted of 2021 が発表されていたので、その中でも実用性の高いHTMLスニペットを中心にまとめて紹介しています。 CSSのみで表現されたお手軽なHTMLスニペットから、Three.jsをつかったインタラクティブな動きやアニメーションにも注目が集まっています。 HTML/CSSやJSなどのコードの確認や編集を行うことができるので、今後のデザイン制作に活用してみてはいかがでしょう。 2021年にCodepenで話題！コピペ可なHTMLスニペット ベスト100発表 97位 Metallic Bordered Text with CSS Photoshopで作成し

[degucho]

かっこいいけど情報は見づらい系

[mkon03]

有効活用するにはセンスが必要

[PerolineLuv]

コピペで使える系はたまに見るけど、こんなの喜んで使ってる人は実践力と応用力は身に付かないな（さっそくコピペして試そう）

[kako-jun]

コピペ不可なスニペットがあるの……？って思ったけど、あー、そーゆーことね、完全に理解した

[lucky_pool]

すごい。けど実務ではたぶん触れることはない。カービィかわええな。

[djshigy]

javascript,snippet

[chienavi]

いつかは使ってみたい。そのいつかは訪れない

[tmayuko312]

5位かわいいー！でも使う時ないんだよなぁ仕事で…

[suquiya0]

とりあえずメモだけ。結局サイトを作るときは、ちょっとだけインタラクティブなアクションを仕込むだけがちょうどよくなる気がする。

[shinagaki]

紙吹雪が飛び出すやつ、詐欺サイトでよく見るやつだ

[otchy210]

実用系というよりはネタ系多数。技術的に可能なのは分かるけどあとはアイディア次第よねってやつ。それ系は、CSS3 ドラえもんの頃からある伝統芸能カテゴリだと思う。

[An7s]

すごい

[nbinbi]

“。 78位 Awesome Context Menu v2 ブラウザ上で右クリックすると、デフォル”

[wamiwami1225]

さ