こんにちは、ディレクターのあかねです。 先日お客さんへの提案で、パララックスサイトを作りました。通常のサイトに共通する部分も多いパララックスですが、特にパララックスサイト構築時に限って気を付けたいことがあったので、まとめてみました。 ぜひ、パララックスサイトを作るときの参考になればと思います。 1. パララックスにするメリットを考える まずは、パララックスにするメリットを考えましょう。 「スクロールするとアクティブに動いてかっこいい！」だけじゃメリットとは言えません。 「ユーザに伝えたいこと」をしっかり考えて、使いやすい（UIがしっかりしている）サイトを目指します。 もしかしたら、パララックスじゃない方がユーザは見てくれるかもしれません。そういうときはちゃんと説明して、お客さんに納得してもらいましょう。 そして、とにかく成果を出しましょう！ 2. 仕様をしっかり伝える 大事なのは、お客さん
デモページ フッタはダイナミックに3Dで表示されます。 ScrollRevealの使い方 Step 1: 外部ファイル 当スクリプトとAni.jsを</body>の上、アニメーション用のスタイルシート「animate.css」をhead内に記述します。 <head> ... <link rel="stylesheet" href="http://cdn.jsdelivr.net/animatecss/3.1.0/animate.css"> </head> <body> ... <script src="anijs-min.js"></script> <script src="helpers/scrollreveal/anijs-helper-scrollreveal-min.js"></script> </body> Step 2: HTML 各要素のアニメーションの設定は、HTMLに記述
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
