最短一致について
正規表現で最長一致じゃ困るときの対処。?を使う。/SELECT(.+?)FROM/i
 
PHP による日付・時刻・時間の計算・演算のまとめ
『2つの日付の差(何日間あるか)を求める』。mktime(0, 0, 0, $month1, $day1, $year1)の引数の順番にイラっと来た。
 
preg_match — 正規表現によるマッチングを行う
つい、忘れがちなので。
 
sprintf — フォーマットされた文字列を返す
ゼロ・パディングするのに本当にこれしか方法がないのかよ、と思う。

list-style-imageに設定した画像と文字がずれて気持ち悪いときがありますよね。
でも list-styleでは微調整ができなくて、「ああ、こんなもんか」と思うだけなんですけど、そういうときは backgroundでやったらどう?ということです。


ul {
  list-style-type:none;
}
li {
  background:url(images/sankaku.gif) left no-repeat;
  text-indent:10px;
}

こんな感じです。それだけですけど、なにか?

jCarousel Liteでカルーセル(縦横スライド)してるとき、スライドする要素を入れ替えたいなと。
 

<div class="carousel">
  <div class="jCarouselLite">
    <ul>
    <li><img class="c1" src="images/thumb-01" /></li>
    <li><img class="c2" src="images/thumb-02" /></li>
    <li><img class="c3" src="images/thumb-03" /></li>
    </ul>
  </div>
</div>

 
普通、こんな風に書きます。(idとclassは普通付けませんが説明のため便宜的に付けました)
この<li>要素をこういう風に書かないで、投稿のカテゴリ一覧から取ってきて、動的に突っ込むのはどうだろうということです。(最初の<ul>は空っぽということですね)
 


jQuery("#xxx").append("<li><img src='images/thumb-04' /></li>");

 
こうして appendすると確かに要素としてはアペンドされてるっぽいんですけど、アペンドされた内容がカルーセルしません。
じゃあ、最初に必要な分だけ並べておいて、srcを書きかえればいいじゃん、ということで、
 


jQuery("#i1").attr("src", "images/thumb-04");

 
こうやってみましたが、うまくいきません。正解はコレ!
 


jQuery("#c1").attr("src", "images/thumb-04");

 
jCarousel Liteのコードを読んでみるとわかるんですが、サーキュラー(くるくる回る)のときは、<li>要素をクローンしているんですね。
 

if(o.circular) {
ul.prepend(tLi.slice(tl-v-1+1).clone())
.append(tLi.slice(0,v).clone());
o.start += v;
}

 
だから、idでソースを指定してもクローンされる前のソースが書き変わるわけではないのでダメ、なのかな?
クラス指定だったら、元のもクローンのも全部書き変えちゃうからOKね。
appendがダメなのは、クローンされる前に appendできないからだろうか。jCarousel Liteより先に appendしてるつもりなんだけど、難しいね。
 
参考:jQuery でoption要素を追加した際の諸問題

vertical-align関係が相変わらずうまくいかず、うまくいかずは違うな、理解が足りず、全然うまくいかないのでメモ。
 
CSSで<div>を、画面のボトムで中央に配置するにはどうしたらよういでしょうか?
 
スタイルシートリファレンス > bottom
 
スタイルシート(CSS) » position(ボックスの基準位置)
 
<div valign=bottom>は効かないのでしょうか?
 
ちゃんと理解したらそのうちまとめる。キリッ!

ALT or TITLE属性でテキスト改行表示する方法
 
すぐに思いつかなかったので、敗北記念として。
これだけではなんなんで、PHP Tipsも少し。


これで、2行目の”BBB”が取り出せます。賢いね!

ACCESS R > CSS > CSSプロパティ > vertical-align
 
どうしても揃わなくてイライラしていたんだけど、vertical-align:-5pt とかでビシッと揃って気持ちいい感じです。
 
あと、何回も出てくるIEハック(
わずか四文字でIE6/7/8を区別するCSSハック
)。これ最強!
 
これ(IEでCSSで指定してもフォントのサイズが小さくならない)にも注意。
 
これ(フォントの種類でレイアウトを崩さないために:font-size-adjustプロパティ)はやったことないので、メモ。