【CSS】ルールが4095個を超えるとIEで無視される at softelメモ
問題 IEでスタイルシートが効かなくなっちゃったんだけど。 それも中途半端に。 あれれれれ？ 答え IEにはこんな仕様があるそうだ。 Internet Explorer 6 to 9.（IE6から9） A sheet may contain up to 4095 rules（1スタイルシートにルールは4095まで） A sheet may @import up to 31 sheets（1スタイルシートに @importは31個まで） @import nesting supports up to 4 levels deep（@importの入れ子は4階層まで） Internet Explorer 10 A sheet may contain up to 65534 rules（1スタイルシートにルールは65534 まで） A document may use up to 4095 styl
【jQuery】formのリセットをで3行で書いてみる at softelメモ
フォームのリセットといえばこれ。 <input type="reset" value="リセット" /> しかしこれは各フォームのデフォルト値に戻すだけで、もともと何か値を持っていた場合、空欄の状態にはなりません。 （とあるフォームにて） そこでjQueryで各フォームを空欄・未選択にできるような処理を書いてみます。 その際、hiddenだけは空欄にしないようにしてみます。 $(".clearForm").bind("click", function(){ $(this.form).find("textarea, :text, select").val("").end().find(":checked").prop("checked", false); }); こんな感じになります。 DEMO ラジオボタン が選択されていても。 なにかチェックされていても。 テキストエリアでも。
【jQuery】.on() の使い方（jQuery1.7～） at softelメモ
jQuery1.7から、.bind()、.live()、.delegate()などは非推奨となり、.on() が推奨となりました。今後すべてのイベントは .on() で、となっていきそうですが、なにやら引数が多くて分かりにくい感じ？では使ってみましょう。 １、$(セレクタ).on(イベント, 関数) セレクタにマッチした要素で、イベントが発生すると、関数が実行されます。 = .bind() ですね。 「セレクタにマッチした要素に」なので、そこにある要素に対してとなり、後から動的に追加した要素に対しては効きません。 example $('#example-button').on('click', function(){alert('clicked!');}); Demo デモ – $(セレクタ).on(イベント, 関数) ２、$(document).on(イベント, セレクタ, 関数) do
ページの下までスクロールしたときに何らかの処理を実行する例 at softelメモ
ページの下までスクロールしたときに何らかの処理を実行する例 $(window).bind("scroll", function() { scrollHeight = $(document).height(); scrollPosition = $(window).height() + $(window).scrollTop(); if ( (scrollHeight - scrollPosition) / scrollHeight <= 0.05) { //スクロールの位置が下部5%の範囲に来た場合 } else { //それ以外のスクロールの位置の場合 } }); demo ページをある程度下までスクロールしたときに何らかの処理を実行する – デモ 「本当にぴったり最下部までスクロールしたら」という条件にすることも可能ですが、ある程度範囲を持たせておいた方がよいことが多いでしょう。 条件
【php】配列の深さ（次元）を調べる方法 at softelメモ
作ってみました。 この手の問題のポイントは再帰関数。関数の中で再び自分自身を呼び出すという点が、よくある普通の関数と異なるところ。 再帰は、「自分自身を呼び出す」のと同等に「自分自身を呼び出さない場合もある」のがポイント。 常に自分自身を呼び出したら無限ループです。 場合によって、自分自身を呼び出したり、呼び出さなかったりして、最終的にうまく処理を完了させる。 そして再帰は日常的によくあること。 辞書をひく 情報を探す 説明の中に他の項目を参照するように記載があれば、他の項目を見る（→1へ） お題に関しては、こう。 引数を見る 配列だろうか、配列じゃないだろうか 配列ならばさらに中を見る（→1へ）、配列でないなら今何階層目か返す では、本題の配列の深さ（次元）を調べる関数。 //短さ優先1行バージョン function array_depth($a, $c = 0) { return (i
bootstrap系UIフレームワーク at softelメモ
そう呼んでよいのか分からないけど、bootstrap系UIフレームワーク、古くからあるものから、最近特に人気のものまで。見つけたものをメモっていきます。 Twitter bootstrap http://twitter.github.com/bootstrap/ Bootswatch twitter bootstrap のカスタマイズ例。 http://bootswatch.com/ Topcoat http://topcoat.io/ Adobe製。軽いのが売り。skeletonっぽくていい感じ。 HTML KickStart みんなと同じ twitter bootstrap では不満な方は。 http://www.99lime.com/ jQuery UI http://jqueryui.com/ jQuery UI Bootstrap jQueryUI を twitter boots
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
