タグ

WebとHTMLに関するnorikimuのブックマーク (4)

  • 2カラム固定幅のCSSサンプルソース|floatレイアウトサンプルソース

    ここでご紹介するレイアウト/段組は「floatで段組する固定幅」ですが、いつでも「可変幅|リッキドレイアウト」へ移行しやすいような段組になっています。 勿論、横幅指定は自由に変更可能で、スタイルシートの指定変更で左右のサイドバーを入れ替える事も自在です。 可変幅|リッキドレイアウトへの移行を前提にしているので、変更時の基準はサイドバー部分の幅で考えます。サンプルは「#sidebar:180px」で指定しています。 もっと簡単に言い換えるならば「固定幅」では「#wrapper部分」と「#sidebar部分」のみ「width」を数値指定しています。可変対応の為「#contents」などはマージン指定で設定しています。 また、ユーザビリティを高める為に定番の「パン屑ナビ」等のナビゲーションも配置、アクセシビリティを考慮して、文を常に(x)html上で先に記述する形をとっています。 (X)HTM

  • KCatch.pm / Perl CGI エラーメッセージをブラウザに表示

    KCatch.pmPerl CGI で発生する Internal Server Error を補足して、 エラー内容を HTML としてブラウザ画面に表示してくれるモジュールです。 エラーの発生した行番号なども表示されるので、サーバ上での開発に最適です。 安定版ダウンロード: KCatch-1.13.tar.gz TAR.GZ (2002/07/01版) 開発版ダウンロード: KCatch.pm SVN (CodeRepos) CodeRepos にソースを移動しました!(2007/12/23) KCatch.pm のもっとも簡単な使い方 KCatch.pm のより適切な使い方【オススメ】 KCatch.pm の主なオプション 頻出エラーメッセージ マニュアル 英語版 (Ver.1.13対応) マニュアル 日語版 (Ver.1.10対応) KCatch ニュース KCatch.pm

  • CSSを使ってどのブラウザでもフォントサイズを「%」で統一させる方法 | colori

    CSSによるフォントサイズの指定は「font-size」属性を使って簡単に設定することができますが、ピクセル指定などの絶対的サイズで統一する方法にくらべて非常にやっかいなのが、相対的なサイズによるサイズの統一です。 ブラウザによって異なる、フォントサイズの境界 例えば「font-size:70%」というふうに指定して、Internet Explorer 6とFirefox2.0で見てみたページが以下のようなものです。 ※ページはxmlタグつきのXHTML1.0 Strictで作成、つまりInternet Explorer6は下位互換モードで表示されていますが、標準モードでも同じサイズで表示されます。 あきらかにFirefoxで表示されたページのフォントサイズが小さくなっていることがわかります。 このように、フォントをパーセント指定した場合は、その数値によってフォントサイズを規定する境界に微

  • これは便利だ!Excel→Table化するjQueryプラグイン

    Webページに掲載する面倒な表(テーブル)の作成を楽にしたい――。以前、サイトではExcelファイルを簡単にHTML(Tableタグ)に変換するExcelアドイン「XLS2HTMLTable」を紹介した(関連記事)。XLS2HTMLTableはとても便利なツールだが、それでも表が大量に必要な時にはやはり手間がかかる。 今回はさらに楽をできて便利なアイテムを紹介しよう。それが、CSVファイル(カンマ区切りテキスト)を読み込み、Tableに整形して表示するJavaScriptライブラリ「jquery.csv2table.js」だ。 JavaScript関連の著書も多い高橋登史朗氏が作った「jquery.csv2table.js」は、名前のとおりjQueryのプラグインとして動作するもので、HTMLにわずか数行のスクリプトを書き加えるだけで使える手軽なライブラリだ。さっそく実際にjquery.

    これは便利だ!Excel→Table化するjQueryプラグイン
  • 1