サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
大谷翔平
site-study.com
よく忘れてしまうので備忘録 ページ内のすべての画像が読み込まれたら実行 jQuery.event.add(window,"load",function(){ //実行式 }); ページを読み込んだら実行 $(window).load(function(){ //実行式 }); こちらは画像を完全に取得してくれ無い場合があります。
モバイルのweb制作業務に携わっていると100KB制限なんてのがついて回ります。 納品前の段階で必ずチェックをするのですが、慣れてくるといちいちモバイル端末で確認するのは面倒になってきます。 そんな時に便利なのがページ容量をチェックすることができるFirefoxのアドオンです。 Firefox アドオン View Dependencies lori (Life-of-request info) 上記二つのアドオンが有名です。 「View Dependencies」はページを右クリック→ページ情報→依存関係タブから「ページの容量」「表示されているファイルの容量」等を事細かに確認することができます。 「lori (Life-of-request info)」は直接アドオンバーに「ページ容量」や「表示スピード」等を表示することができます。 ページ容量の確認だけであれば「lori (Life-of
bgSwitcher このプラグインの特徴は クロスフェード 背景要素の切り替え 設定項目が豊富 といったところでしょうか。 背景スライドショーによく使われる「maximage」よりも断然使いやすいと思います。 一度お試しあれ~。 デモ 使い方 まずはおなじみjQuery公式からjQueryの最新版をダウンロードしてください。 次にRewishさんからbgSwitcherの最新版をダウンロードしてください。 下記のコードをHTMLのhead内に記述します。 <script type="text/javascript" src="/js/jquery.js"></script> <script type="text/javascript" src="/js/jquery.bgSwitcher.js"></script> javascriptとして下記のコードを記述します。 jQuery(
iOSやAndroidに搭載されているモバイルSafariではposition:fixedが利用できません。 position:fixedを再現するためにはjavascriptを使うのが楽ちんです。javascriptのライブラリではYUIや有料版のSencha Touchというものがあるらしいですが、今回はiscroll.jsを利用します。 まずはじめに iscroll公式サイトから最新版のiscroll.jsをダウンロードします。 jsの読み込み <script type="application/javascript" src="iscroll.js"></script> iscroll.jsのみ利用する場合はjquery等のライブラリは必要ありません。 iscroll.jsを利用するためのjsタグ 公式サイトでは基本的な利用タグが紹介されています。 <script type="te
このページを最初にブックマークしてみませんか?
『site-study.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く