WebデザインギャラリーサイトI/O 3000のカテゴリ「企画・制作・開発」に関連付けられた記事の一覧です。
企画・制作・開発 | I/O 3000 | Webデザインギャラリー
WebデザインギャラリーサイトI/O 3000のカテゴリ「企画・制作・開発」に関連付けられた記事の一覧です。
【JavaScript】jQuery不要で動く［wow.js］でスクロール連動型アニメーションを実装。
【JavaScript】jQuery不要で動く［wow.js］でスクロール連動型アニメーションを実装。 最近はjQuery不要でも動くスクリプトが流行りのように感じていますが、気のせいでしょうか？ 今日紹介する［wow.js］も、jQuery要らずで実装可能な優良スクリプト。 容量も8KBと軽量で、別途配布されている「Animate.css」との組み合わせで様々なアニメーション効果を付与することができます。 アニメーションが開始されるスイッチはウィンドウのスクロールに依存しており、いくつかのオプションを設定することでタイミングやアニメーションの持続時間、繰り返される回数などを指定できます。 実際に［wow.js］を使ったサンプルサイトを用意しましたので、まずはコチラをご覧ください。 wow.js：サンプルサイト 画面をスクロールさせると、それに合わせてコンテンツがアニメーションするのが確認
イージング関数チートシート
イージング関数は、時間の経過に伴うパラメーターの変化率を指定します。 現実の物体は、即座に動いたり停止したりすることはなく、一定の速度で動くこともほとんどありません。引き出しを開けるとき、私たちは最初に引き出しをすばやく引き出し、それが外に出てくるにつれてゆっくりと動かします。床に向けてなにかを（例えばペンのような）放すと、最初に重力によって下に向かって加速し、床に当たった後上に跳ね返ります。 あなたの必要なイージングを選択して、あなたのプロジェクトの中で使用してみてください。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Coding Methodology | CFニュース | CODING FACTORY - コーディング専門サービス