パララックスサイトの作り方の初歩
最近パララックス（視差効果）を取り入れたサイトが増えてきました。 仕組みや簡単なものを作れるようにしておきたかったのでいろいろ試してみました。 ちなみにもっと効率良く作れる方法とかもあるかもしれませんので、一例ということで御覧ください。プラグインはまだ試したことがないので そちらを使ったほうが楽かもしれません。 パララックス効果のjQueryプラグインまとめ あと動作はこの記事時点でのFirefoxの最新版でしか確認はしていません。 スクロール量を取得する まずはスクロールすると動くので、スクロール量を取得します。ちなみにjQueryを使ってます。 $(function(){ $(window).scroll(function(){ var y = $(this).scrollTop(); $("#num").text("スクロール量：" + y);//表示用 }); }); サンプルペー
CSS3で、ダミーテキストを簡単に表示できるのか？
CSS3で、ダミーテキストを簡単に表示できるのか？ 2012-06-14 サイトを制作する時は完全原稿で進めたい。 とりあえずJavaScript ダミーテキストを出してくれるjQueryのプラグインもあるので、試してみてもいいかもしれません。 lorem.js - github lorem.jsの記述 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="lorem.js"></script> <div data-lorem="2p"></div> <img src="" data-lorem="gray" width="100" height="124"> ただdata-*属性を付けるのが面倒な
CSS3-D Clock
Andrew Hoyer/Experiments Everything you see in the experiment below (provided your browser supports CSS3 transformations) is actually a div. The hands are divs. The facets are divs. The pin is made of divs. Everything is a div. 'Why?' you ask? Why not... Hmm... looks like your browser doesn't fully support all the goodness that is required for this experiment. To get the full effect, you need a br
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://atmarkit.itmedia.co.jp/ait/subtop/features/da/ap_introhtml5_index.html