パララックスでレスポンシブでJ query mobileなサイトのつくりかた2. 自己紹介 • 白石 俊平（しらいし しゅんぺい） • html5j.org 管理人 • HTML5とか勉強会 主催 • Web先端技術味見部 部長 • 読書するエンジニアの会 主催 • Google API Expert (HTML5) • Microsoft Most Valuable Professional (IE9) • Twitter: @Shumpei
パララックスというか、スクロールでアニメーションさせるjQueryプラグイン「ScrollTween.js」
パララックスというか、スクロールでアニメーションさせるjQueryプラグイン「ScrollTween.js」 こんにちは、鴨田です。 今年に入ってから、パララックス効果を用いたサイトをよく見かけますね。 春くらいに話題になって、定番のプラグインもあるので、最近もいろいろなところで見かけます。 とはいえ、最近は視差効果で奥行きを表現するというよりも、 単純にスクロールに連動してアニメーションさせることも含めて、 パララックスサイトと呼んでいるが多いのではとも思います。 何かと話題のスマホアプリ「comm」の紹介ページもそうですね。 そんな流行に従って、パララックスサイトの作り方を少しご紹介できればと思います。 今回ご紹介するのは、「ScrollTween.js」というプラグインです。 シーエーモバイル社のコーポレートサイトを作成するために開発され、 せっかくだからということで、公開されている
Unfold – Product development company in Oslo, Norway
Tekna is the leading union for academics with an MBA in the field of science and technology. We've worked with Tekna on the long term vision and strategy for their ambitious focus on career and competency development, as well as developing digital membership services to meet these goals. Karrierekompasset ("The career compass") is on the front line of this new initiative, seeking to guide members
パララックスサイトを徹底比較！国内外の厳選24サイト
昼はWEBディレクター、夜はアフィリエイター。アフィリエイトやアドセンス、サイト運営、ゲームなどについて書いてるブログです。 パララックスとは・・・。 視差（しさ）2つの地点の動きの違い（スピードや距離など）によって、視覚的に立体的に見せたり、リッチなエフェクトを演出することができる表現手法のことを指します。 当然のことながら、使い方によってはものすごく効果的になったり、逆にうまく使わないと逆効果になってしまうことさえあります。 参考サイトを見て、あなたのイメージに近いパララックスサイトを探してみてください。 パララックスをつかった24のWEBサイト http://www.bagigia.com/ ページの中心で商品がぐるんと回る効果や、ページの進行具合をチャックで示して視覚的にしていたりと凝った演出が多数。 ヘッダのロゴ付近にマウスオンした動きにも注目。 一見、氷枕？湯たんぽ？にも見えま
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【メモ (jQuery)】 スクロールアニメーションを作成できるライブラリ「ScrollTween.js」【パララックス】 - DD_log / HTML,CSS,Javascript,Wordpressの解説や雑感サイト
http://nikken-sogyo.info/toyota_j/index.html?gclid=CLr22aPxwsQCFcEIvAodfiYAUg
片想い
