トップ(最新) | 次>

nDiki : CSS

CSS - Cascading Style Sheets - カスケーディングスタイルシート

編集

Firefox 拡張 Web Developer が便利

関連情報

スポンサード リンク

Related term

2002年10月21日 (月)

NaneyOrgWiki 改良 このエントリーを含むはてなブックマーク

WikiEngine開発にははいったけれども、稼働するのはずっと後になりそうなので、今使用している engine もまだまだ手を入れて遊びます。

@ DanglingLink の強調

WikiName と違って[[, ]]で区切るページ名は DanglingLink の時に「どこまでが名前かわからない」かなと思い、 CSS で破線をつけるようしてみる。

@ shared lock の導入

今までは CGI スクリプトの最初で必ず exclusive lock をかけるというバカ lock だった。 これだと WantedPages のような時間のかかる処理のあるページにアクセスがあると、他のページの read が軒並み sleep させられてしまう。

なので、書き込みのないアクセス時には shared lock で flock するように修正。 これで read vs read でのアクセスが待たされたくなったはず。 それでも時間のかかる shared lock なアクセスがあると write 系のアクセスはやっぱりしばらく待たされてしまうのだけれど、write 系は頻度が低いから……。

スポンサード リンク


[ 10月21日全て ]

2003年12月26日 (金)

[ WiKicker ] deb 化 このエントリーを含むはてなブックマーク

WiKicker開発PCを移行(DynaBook -> ThinkPad)してから、手元で動作確認をする環境を用意していなかった(実サーバ上でテストしている)。 そろそろまた大幅な改造をする予定なので、手元に動作環境を作らねば。

ということで、これを機に deb も作るかなと。 dh-make-perl で雛型を作ってパッケージ化。 ライブラリ部分はこれで簡単にまとまるのだが、CGI プログラムCSS、デフォルトプロパティファイルをどうやって提供するかな。 実際、今の source tar ball でも提供してないし。


[ 12月26日全て ]

2004年1月13日 (火)

[ WiKicker ] CSS修正 このエントリーを含むはてなブックマーク

Safari だとリスト項目の時が小さくなりすぎるというので、修正。


[ 1月13日全て ]

2004年1月30日 (金)

word-break: break-all このエントリーを含むはてなブックマーク

NaneyOrgWikiサイドバーで、長いWikiNameを表示すると折り返すところがなくてはみ出ししてしまって見苦しい。

CSSword-break: break-all してみた。 IE6だと効く。 Galeon 1.3.11a だと駄目。


[ 1月30日全て ]

2004年2月4日 (水)

[ WiKicker ] textarea ビヨーン このエントリーを含むはてなブックマーク

今日IEで、WikiPage を編集しようとしたら textarea ビヨーンに遭遇。 CSS で'width: %' を指定していると発生する比較的有名な問題のようだが、WiKicker ではそういえば今まで起きていなかったなぁ。

昨日だか、今日だかに Windows Update をしたから? トリガーは何だか良くわからんが、IEユーザは少くないしなんか対策とらねばならないか。

しかしLinux開発していると、ここら辺の検証面倒なんだよねぇ。


[ 2月4日全て ]

2004年5月4日 (火)

[ DiKicker ] くっつき BBSをくっつけてみた。 このエントリーを含むはてなブックマーク

DiKicker でのコメント機能についてだがあらためて実装するのも大変なので、たつを氏のくっつき BBSを組み込んでみた (v1.0rc2)。

@ ファイルレイアウト

 $HOME/etc/kuttukibbs/kuttukibbs.conf - 設定ファイル (一部変更)
 $HOME/var/log/kuttukibbslog.txt - 管理者用ログファイル

 $HTML/kuttukibbs/kuttukibbs.cgi - CGIプログラム (一部変更)
 $HTML/kuttukibbs/getlog.cgi - (一部変更)
 $HTML/var/kblog/$ID.log
 $HTML/var/kblog/$ID.js

@ DiKicker への埋め込み

記事毎ののHTMLフラグメントを生成する際に、kuttukibbs.cgi へのリンクと、(getlog.cgi経由での)Feedファイルの読み込み部分を埋め込むように変更。

くっつくFeedファイルが無い場合は commentshortクラスの div要素 (tDiary スタイル)が存在しなくなるようにしたかったのでレンダラではこれを埋め込まず、getlog.cgi で出力するようにした。

ついでに getlog.cgi は

  • charset指定を UTF-8 に修正
  • 違う階層Feedファイルを読むように修正

した。

@ kuttukibbs.cgi のUTF-8対応

Feedファイル用にコメントを切りつめる際、UTF-8 だと後続バイトが切り捨てられる場合がある。 WiKickerUTF-8 用の substr / length ラッパがあるのでこれを使うように修正。

@ tDiary テーマの修正

tDiary では日単位でのコメントでありテーマもそれにあわせてデザインされている。 DiKicker では記事単位にコメントをつけるようにしたいので(またそうでないと記事単位で集約した場合に困るので)、使っているテーマ(Nana さんの flower をベースにしているもの)のCSSを修正。

@ くっつけてみる

テストした範囲ではうまくいっているようだ。 HTMLレンダリング済みの記事はキャッシュが更新されないとコメントするためのリンクが現れないが順次出てくるはず。

くっつきとして見るには要 JavaScript サポート。


[ 5月4日全て ]

2004年6月6日 (日)

過去の今ごろ このエントリーを含むはてなブックマーク

過去の6月6日より。


[ 6月6日全て ]

2005年2月5日 (土)

Firefox 拡張機能の整理 このエントリーを含むはてなブックマーク

ユーザプロファイルをクリアしたついでに、インストールする拡張機能を整理してみる。

@ テーマ

@ Debian パッケージで入れてしまう拡張

  • DOM Inspector (mozilla-firefox-dom-inspector)
  • Diggler (mozilla-diggler)
  • Live HTTP Headers (mozilla-livehttpheaders)
  • Firefox Development JLP

@ 必須拡張

  • タブブラウザ拡張
  • Add Bookmark Here
    • Galeon ユーザだった自分には必須。
  • SwitchProxy Tool
  • Web Developer
    • CSS書き時必須。フォームの POST -> GET 変換も便利。

@ あった方が便利 (入れる)

  • Google Pagerank Status
  • googlebar
  • mixiツールバー

@ 以前いれていたけどあまり使っていないもの (今回保留)

  • ContextMenu Extensions
  • Configuration Mania
  • ChromEdit
  • Ez Sidebar
  • ScrapBook
  • GooglePreview

[ 2月5日全て ]

2005年9月11日 (日)

Firefox ユーザプロファイル作り直し このエントリーを含むはてなブックマーク

ブックマークSage まわりその他がおかしくなったので、ユーザプロファイルを半年ぶりに作り直し。 拡張機能の整理(New は 前回から新たに使うようになったもの)。

@ テーマ

@ Debian パッケージで入れてしまう拡張

  • DOM Inspector (mozilla-firefox-dom-inspector)
  • Diggler (mozilla-diggler)
  • Live HTTP Headers (mozilla-livehttpheaders)
  • Firefox Development JLP

@ 必須拡張

  • タブブラウザ拡張
    • Tab Mix + Tab Mix Plus にしようと思ったけれど、ツールバーを左に持ってこれなさそうなので、やっぱりコレに。
  • Add Bookmark Here
    • Galeon ユーザだった自分には必須。
  • SwitchProxy Tool
  • Web Developer
    • CSS書き時必須。フォームの POST -> GET 変換も便利。
  • Google Pagerank Status
  • (New) Google Toolbar for Firefox
    • 本家のやつ。
  • (New) Adsense Notifier
  • (New) Sage

[ 9月11日全て ]

2006年3月2日 (木)

nDikiサイドバーを右に移動 このエントリーを含むはてなブックマーク

WiKicker開発でログインフォームとその CSS の検討をしているうちに、全体の CSS が興味が移ってしまった。

nDiki の日付見出し部分の背景画像をグラデーションに変更。 ページの印象がちょっと明るくなったかな。

それからサイドバーを右側に移動。 基本的には、今までメイン部分の左マージンを大きくとって position: absolute; で左側にサイドバーを配置していたところを、メイン部分の右マージンを大きくとるようにして、サイドバーを右側からの position: absolute; にしたぐらい。

左側にサイドバーがあると、メインである記事を読む時にちょっと目がチラチラするかなと以前からちょっと感じていたので。

変えてすぐは自分でもかなり違和感があったが、しばらくいじっている間に慣れてきた。


[ 3月2日全て ]

スポンサード リンク

■よく検索されるキーワード

perl(62) torrent(54) linux(48) 提案書(47) windows(43) 書き方(41) 使い方(29) アジェンダ(26) x31(25) 充電式カイロ(25) cvs(22) インストール(20) サンプル(20) thinkpad(19) アジェンダとは(19) f-01a(18) wiki(17) c#(16) 感想(16) カイロ(16) usb(16) java(16) 秋葉原(15) debian(15) ヨドバシカメラ(15) subversion(15) 壁紙(15) 作り方(15) 静電気(14) apache(14) グッズ(14) デロンギ(13) フリー(13) sh-01a(13) ganttproject(13) 修理(13) ssh(12) svn(12) ヨドバシ(12) truecrypt(12) ダイソー(11) 手帳(11) activeperl(11) ubuntu(11) ほぼ日手帳(11) firefox(10) mew(10) mp980(10) ドラマ(10) 日本語(10) n-01a(10) google(10) tc-1(10) 評判(10) ツール(10) djunit(9) cgi(9) 動画(9) mp3(9) オイルヒーター(9) docomo(9) rcs(9) 除去(9) centos(9) メモリ(9) エネループ(9) 設定(9) p-01a(9) tortoisesvn(9) 無印(8) ケース(8) 口コミ(8) ミノルタ(8) メール(8) インストーラ(8) 会議(8) xampp(8) 加湿器(8) af(7) 値段(7)

この日記のはてなブックマーク数 Add to Google RSS

Process Time: 15.110496s / load averages: 0.25, 0.47, 0.32
nDiki by WATANABE Yoshimasa (profile)
Powered by DiKicker
Base theme by Nana (for tDiary)