タグ

ブックマーク / rcmdnk.com (2)

  • HTMLでブラウザの表示幅が狭い時にテーブルの右側が切れるのを防ぐ

    B! 31 0 0 0 Octopressでブログを書く時に Markdown記法でテーブルを書くことが出来ますが、 そのままtableを使うと幅が大きい時に右側が切れてしまうことがあるので ちょっと調整。 テーブル調整 テーブル調整 やったことはtable要素をscroll: overflowのスタイルを持った div要素で囲っただけ。 ただし、Markdownからテーブルを作るに辺り、 再生時に要素を入れるのが難しいので 表示する時にJavaScriptで入れるようにしました。 Markdown記入時にテーブルの上下に<div>を書いてしまうと 今度はMarkdownとして認識されなくなってしまうので直接書くことは出来ません。 (勿論、テーブルをHTMLで書いてしまうことは可能ですが。) 既に書いてある所も書き換えるのは大変なので安易にJavaScriptで挿入、ということで。 Jav

    HTMLでブラウザの表示幅が狭い時にテーブルの右側が切れるのを防ぐ
  • debugCSSでCSSをチェックする

    B! 49 0 0 0 0 debugCSS というブックマークレットが面白かったのでそれについて。 debugCSS debugCSS debugCSS は表示中のページのCSSをチェックして結果をページ上に表示してくれる ブックマークレットです。 チェックしたいページを表示して ブックマークレットを実行すると こんな感じでページの中に直接エラーメッセージなどを表示してくれます。 右下にエラーなどそれぞれの合計が出ます。 ここではエラーが出ませんでしたが、 エラーがあると こんな感じで赤い枠が。 NoticeやWarningはちょっと基準が厳しくて大量にチェックされすぎな感じもしますが、 チェック自体は大きなページでも一瞬で終わって表示されるので、 手軽にチェックしてみると結構面白いです。 Sponsored Links

    debugCSSでCSSをチェックする
  • 1