Webサイトのアニメーション実装が上がってきたときに、 公開前に確認する7項目です。A4・1枚のPDF。 ▼ 中身 1. JSを無効にしても内容が読めるか 2. 初期表示が真っ白にならないか 3. 動きを減らす設定で止まるか 4. キーボードだけで全操作できるか 5. LCPが悪化していないか 6. 幅を連続で動かして崩れないか 7. タッチ端末でホバー演出が死んでいないか 上から順に重要度が高い並びです。 1と2で落ちる実装は、見た目がどれだけ良くても受け取らないこと。 ▼ こんな人に ・実装を依頼する側のデザイナー、ディレクター ・何を確認すればいいか分からないまま納品を受け取っている人 印刷して、確認のたびにチェックを入れる使い方を想定しています。 ▼ 出どころ 有料商品「DEEB MOTION」に収録している項目の一部です。 本体には109パーツの動きと、各パーツの「使わない方がいい場面」が入っています。 無料・商用利用可。再配布はご遠慮ください。 制作：DEEB