[JS]スクロールするのが楽しくなる！多彩なパララックスのエフェクトを簡単に実装できるオープンソースのスクリプト -Jarallax
Loodsmedia ディスプレイ内のコンテンツもパララックスします。 Jarallaxの使い方 「Demo 3」を例に、実装方法を簡単に紹介します。 外部ファイル 「jquery.js」と当スクリプトをhead内に外部スクリプトとして記述します。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jarallax-0.2.3b.js"></script> HTML HTML自体は通常通りに実装し、アニメーションのエフェクトを適用するエレメントには参照できるようid, classなどを付けます。 <h1 class="logo">Jarallax</h1> <div class="container" id="slide1"> <h2>見出し：slide
Nikebetterworld Parallax Effect Demo | Ian Lunn - Front-end Developer
A couple of months ago, I created a jQuery Vertical Parallax Demo that manipulated CSS to make multiple backgrounds move at different speeds relative to the users movement of the scroll bar. This type of effect is slowly appearing across various websites on the web, achieved using many different techniques. Nikebetterworld took the idea to a new level. In today’s tutorial, we’re going to take the
RIAxDNP
ホームページやアプリにとって「UIデザイン」は欠かせない要素の1つです。このUIデザインを仕事にしたいと考えている人も多いのですよね。しかし、勉強方法が分からない人が多いのが現実です。そこで本記事では、独学でUIデザインを習得する際のおすすめの勉強方法をいくつか紹介していきます。 まず「UI」とは何かをおさらい UIデザインの勉強方法を紹介する前に、まずは「UI」とは何なのかといった点をおさらいしておきましょう。 UIが何者なのか知らないのにUIデザインの勉強をするというのは、おかしな話ですよね。 UIとは「ユーザインターフェース」の略です。 ユーザーと自分のプロダクトを繋ぐ接点という意味がありますが、現在ではwebサービスだけではなく、様々な業界のサービスや商材で使用されるワードとなっています。 ホームページ・アプリにとってのUIとは、「デザイン性」と「操作性」の事を指します。 ユーザー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
