タグ

2007年5月31日のブックマーク (2件)

  • script.aculo.usで、2つのエフェクトを交互に実行する(Effect.toggle)

    script.aculo.usにはエフェクトをトグルする機能が用意されている。 Effect.toggle($('element'), 'slide');このようにすることで 要素が見えている場合はSlideUpを適用して隠し、 要素が見えていない場合はSlideDownを適用して出現させる という処理を自動化できる。自分で判断しなくて良いので楽チンだ。 デフォルトでは Effect.PAIRS = { 'slide': ['SlideDown','SlideUp'], 'blind': ['BlindDown','BlindUp'], 'appear': ['Appear','Fade'] },という3組が用意されているが、これは自分で定義することも可能。 例えば以下のようにすると Grow ⇔ Shrink のトグルエフェクトが定義できる。 Effect.PAIRS['grow-shr

    script.aculo.usで、2つのエフェクトを交互に実行する(Effect.toggle)
  • ウノウラボ Unoh Labs: CSSをデバッグしよう

    こんにちは、Sashaです。CSSって、誰でも比較的簡単に始めることが出来るくせに、何年たってもつまらないバグにハマったりするものです。今日は、CSSをデバッグする手順を紹介します。特にCSS初心者の方々に参考にしていただければ光栄です。ただ、ここで紹介しているのは、CSSの問題解決の方法ではありません。CSS上の問題点の原因を、自分で見つけるためにとるべき手段です。見つかった問題点を、どうやって解決するかは、ここでは触れないのでがっかりしないでくださいね。 ※以下の手順は、下記のサイトをパクッ・・・、じゃなくて、翻訳しつつ簡単にまとめたものです。 参考: http://www.subcide.com/tutorials/debuggingcss/ まず、問題あるって認めましょう。 見なかったフリをしたい気持ちはよくわかります、が。 人的ミスをつぶそう スペルをチェックしよう