SAVED · 0 / 187

MY COLLECTION

トップの ★ と各ページの ☆ SAVE で保存したエフェクトが、ここに集まります。保存はこのブラウザの中だけ（登録不要・送信なし）。コードは1ファイルにまとめてコピーでき、共有リンクでチームに渡せます。

+ ADD FROM CATALOG

SAVED EFFECTS

まだ保存したエフェクトがありません。
カタログでカードの ☆ を押す（キーボードは f）か、各エフェクトページの「☆ SAVE」で追加できます。

HOW IT WORKS

01 · SAVEカタログのカード右下の ☆、またはエフェクトページの「☆ SAVE」。ブラウザの localStorage に slug だけを保存します。
02 · COPY ALL CODE保存した各ページから HTML・CSS・JS を集め、1つの HTML ファイルに束ねます（40 種まで）。貼り付けて保存すればそのまま動き、prefers-reduced-motion の対応も末尾に入ります。
03 · SHARESHARE LINK で #c/slug,slug 形式のURLをコピー。受け取った人は「自分のコレクションに追加」で取り込めます。
04 · NEWトップの「✦ NEW」は前回の訪問日より後に追加されたものだけを表示。更新履歴と RSS でも追加を追えます。

BOOKS · PR · AMAZON

📖 なかしまぁ先生のCSSアニメーション入門 → 📖 UIデザインの教科書 新版 マルチデバイス時代のインターフェース設計 → 📖 Fundamentals of Web Animation with GSAP →

※当サイトはAmazonアソシエイトプログラムの参加者です。リンクから商品をご購入いただくと、当方に紹介料が発生します。

学びを止めない · AMAZONサブスク

📚 Kindle Unlimited — 技術書・デザイン書が読み放題。30日無料体験 → 🎧 Audible — 移動中に耳で学ぶオーディオブック。30日無料体験 → 📦 Amazon Prime — Prime Reading・配送特典つき。30日無料体験 → 🎵 Music Unlimited — 作業用BGMに。1億曲が聴き放題・30日無料体験 →

※当サイトはAmazonアソシエイトプログラムの参加者です。リンクから商品をご購入いただくと、当方に紹介料が発生します。

CREATOR TOOLS · スクール（PR）

🎬 Adobe Creative Cloud — After Effects / Photoshop 業界標準ツール → 💻 SkillHacks — プログラミング・動画編集オンラインスクール → 🚀 デイトラ — Web制作スクール・実案件レベルまで習得 →

※本サイトはアフィリエイトリンクを含みます。リンク経由のご購入・お申し込みで運営者が紹介料を受け取る場合があります。