Skip to content

Instantly share code, notes, and snippets.

@ituki
ituki / qiita.css
Created May 27, 2013 06:10
inline-blockで横並びした時の隙間を消す ref: http://qiita.com/items/f977a5b7b28dfe80c74c
ul {
text-align: center;
letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}
li {
display: inline-block;
letter-spacing: normal; /* 文字間を通常に戻す */
}
@ituki
ituki / CSS
Created May 29, 2013 14:20
IE8でjQueryでフェードすると、ガタガタするのを直す ref: http://qiita.com/items/d6d59903cadda9df40c1
a {
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
@ituki
ituki / file0.html
Created June 1, 2013 02:55
横並びしてる要素の高さをそろえ、要素が削除されたあともまた高さをそろえる ref: http://qiita.com/items/ddbf2dc96e6e746a8c1f
<ul id="box01" class="clearfix">
<li>
<p class="text">ダミーダミーダミー</p>
<p><a href="#">削除ボタン</a></p>
</li>
<li>
<p class="text">ダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミー</p>
<p><a href="#">削除ボタン</a></p>
</li>
<li>
<ul>
<li class="textOverFlow02">開いて閉じる。あいうえおかきくけこさしすせそ</li>
<li class="textOverFlow02">開いて閉じる。あいうえおかきくけこさしすせそ</li>
<li class="textOverFlow02">開いて閉じる。あいうえおかきくけこさしすせそ</li>
<li class="textOverFlow02">開いて閉じる。あいうえおかきくけこさしすせそ</li>
<li class="textOverFlow02">開いて閉じる。あいうえおかきくけこさしすせそ</li>
<li class="textOverFlow02">開いて閉じる。あいうえおかきくけこさしすせそ</li>
<li class="textOverFlow02">開いて閉じる。あいうえおかきくけこさしすせそ</li>
<li class="textOverFlow02">開いて閉じる。あいうえおかきくけこさしすせそ</li>
<li class="textOverFlow02">開いて閉じる。あいうえおかきくけこさしすせそ</li>
@ituki
ituki / file0.html
Created June 19, 2013 15:11
140文字を越えるとハイライト風 ref: http://qiita.com/ituki_b/items/1d49e1f218b1d358aac8
<div id="realText">
<p class="textarea"></p>
<textarea name=""></textarea>
<p class="count">0文字</p>
</div>
@ituki
ituki / file0.js
Created July 3, 2013 05:31
appendした要素をクリックしたときに、$(this)を得るには ref: http://qiita.com/ituki_b/items/6c651f8032db6a7d40ea
$('#list li').live('click', function(){ //
alert($(this));
return false;
});
@ituki
ituki / file0.html
Created July 10, 2013 07:59
jQueryで全選択・全解除はprop使う ref: http://qiita.com/ituki_b/items/17eab8c38a2ad5392660
<div class="allCheck">
<input type="checkbox" id="allCheck01"><label for="allCheck01">全選択・全解除</label>
</div>
<div>
<input type="checkbox" id="check01"><label for="check01">アイテム01</label>
<input type="checkbox" id="check02"><label for="check02">アイテム02</label>
<input type="checkbox" id="check03"><label for="check03">アイテム03</label>
</div>
@ituki
ituki / file0.css
Created July 18, 2013 23:31
「CSS3でセレクトボックスをカスタマイズ」のスマホのバグ(?)を直す ref: http://qiita.com/ituki_b/items/5aec099d96874bd79bbc
div {
〜中略〜
z-index: -1; //追加
}
select {
position: absolute;
zoom: 1.1;
/*z-index: 2; はずす*/
opacity: 0;
@ituki
ituki / file0.js
Created July 29, 2013 05:50
disabledをjQueryで変更するTIPS ref: http://qiita.com/ituki_b/items/29eab15611f802b6d16d
$("select").attr("disabled");
@ituki
ituki / file0.html
Last active December 20, 2015 13:29
画面を回転しても、viewportを320pxで固定したいとき ref: http://qiita.com/ituki_b/items/81af23d349ee139d72d3
<meta name="viewport" content="width=320">