マウスカーソルに反発する!?リペリングエフェクトを取り入れたコードスニペット9選 - Workship MAGAZINE(ワークシップマガジン)
インタラクティブなエフェクトにもさまざまな種類があります。今回ご紹介するのは、マウスカーソルから粒子や線が逃げ出すような動きをする「リペリング（反発）エフェクト」。 この記事では、リペリングエフェクトを作品として落とし込んだコードスニペット9選をご紹介します。 1. Repeling Lines 一見するとギターの弦のようですが、カーソルをあわせるとその部分の線が曲がり、円形の空白ができます。 ぜひ右側のオプションパネルから、エフェクトを調整してみてください。円の半径や線の数、線の間隔などが変更可能です。自然な動きが実現されていますね。 See the Pen Repeling Lines by Daniel Velasquez (@Anemolo) on CodePen.default Repeling Lines 2. 30,000 Particles 3万個もの粒子がぎっしりと詰まっ
原子の再定義 - Atomic ReDesign -
Atomic ReDesign とは 「Atomic ReDesign」 は、かの有名な「Atomic Design」の拡張概念です。React や Vue.js を用いたコンポーネント設計において、私たちはしばしば頭を抱えることがありました。UI 粒度の分類制約は、コンポーネント設計最適化を阻むことがあるからです。 「この粒度のコンポーネントはどこに属するものなのか？」という疑問に対し統一された解はなく、プロダクト毎の性質によって定める必要がありました。また、文脈が散在することにより、コードに対する集中力低下を招きました。 Atomic ReDesign は顕在化した 「Atomic Design とアプリケーション設計の乖離」 をとらえ、現実的な設計指針となることを目指します。 Atomic Design とアプリケーション設計の乖離 本家 Atomic Design はデザインシステ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
