CodePen（コードペン）は、オンラインコードエディターおよびフロントエンドWeb開発者コミュニティとして提供されているサービス。
ブラウザ上でHTML/CSS/JavaScriptなど主にフロントエンド言語のコーディング、リアルタイムプレビューができる。
使えるアニメーションやエフェクトの宝庫！最先端スニペットも満載！
単機能だけを抜き出してソースを共有するという特性上、参考スニペット（切り貼りして再利用できる部分）として抽出しやすいのも特徴。
デザイナーやフロントエンドエンジニアは、参考となるアニメーションやエフェクトの抽出の為だけにでも知っておくべき。
▼ 導入に関してはこちらの記事がとても分かりやすいです。
https://goworkship.com/magazine/codepen/
See the Pen
js_tab by 49co (@49c)
on CodePen.
See the Pen Profile Card Hover Effect by P (@petegarvin1) on CodePen.
See the Pen
Link hover animation by Aaron Iker (@aaroniker)
on CodePen.
Follow me!
