タグ

ブックマーク / www.softel.co.jp (2)

  • border-collapse:collapse;にするべきか separateにするべきか at softelメモ

    HTMLにて、tableに下記のスタイルを指定すると、CSSの見た感じがわかりやすく簡単で、レンダリングもきれいにできているように見えます。 table {border-collapse:collapse;} td, th {border:1px solid #000000;} border-collapse:collapse; の指定は、境界線の共有。 1pxの境界線を共有するということは、計算上隣接するセル同士で0.5pxずつ受け持つことになります。 この指定によって、Firefoxで上の境界線、左の境界線が消える、期待する位置から1pxずれるといった問題が発生します。 ★ ★ ★ こちらをおすすめします。 ★ ★ ★(IE6非対応。CSSハック入りは下に追記。) table { border-collapse: separate; border-spacing:0; empty-ce

    border-collapse:collapse;にするべきか separateにするべきか at softelメモ
  • 【jQuery】easing関数を作る at softelメモ

    戻り値は変化率とでもいえばよいだろうか。 一番簡単な、進捗に正比例して変化する例 こんな変化をさせる場合。横軸が時間(0~1)、縦軸が値の変化。 これでよい。 jQuery.easing.myEasing = function(x, t, b, c, d) { return x; } 進捗率=変化率で、進捗0なら変化も0、進捗1(100%)なら変化も1(100%)。 最初ゆっくり、後から加速の、二次関数を使った例 こんな変化をさせる場合。物が落下するときの感じの変化。 jQuery.easing.myEasing2 = function(x, t, b, c, d) { return x * x; } あら?なんだかとても簡単そうな感じがしてきましたか? 変化のある動きをさせる例 こういうのはどうでしょう。 jQuery.easing.myEasing3 = function(x, t,

    【jQuery】easing関数を作る at softelメモ
  • 1