Crimson Report

スポンサーサイト

Fri 18 11, 2005

Permalink : http://sug.jugem.cc/?eid=

一定期間更新がないため広告を表示しています

| posted at | filed under - | - | - |

Latest entry


擬フレにまつわるエトセトラ

Thu 28 10, 2004

Permalink : http://sug.jugem.cc/?eid=144

私は帰ってきた。がお客さんも帰ってしまったようだ。前回のお題

いままでは横割りのフレームでトップに固定メニューを置いていたのですがJUGEMのテンプレートhttp://sample12.jugem.cc/を改造して同じようにする方法はあるでしょうか?

に対して中途半端になった擬似フレームついて、やっつけておく。

あるボックス#menu(たとえばメニュー部分)の表示を固定させたい場合、CSSに

#menu {
display: block;
position: fixed;
top: XXpx; left: XXpx;
width: XXpx; height: XXpx;
}

と設定すればよい。

FF

fixedしてないボックス(記事部分)の高さがウィンドウを越えれば勝手にスクロールバーが出て、希望の動作になる。ところが、肝心のシェアNO.1(w)のIEがこのプロパティをノンサポート。そこで、UAがIEだった場合にはoverflowプロパティで擬似フレーム化する方法をとる。以前はこの部分でつまづき、道を外れ側溝のどぶにはまり、酒に溺れ(デフォルトだが)、忌まわしい過去にフタをし、北国の港町で名前を変え身を潜め暮らしていた。だが、いつまでもシッポを巻いて逃げているわけにはいかない。なぜなら私にはシッポがないからである。

続きを読む >>

| posted at 21:53 | filed under Design | comments(4) | trackbacks(10) |


<dl>でサイトを囲む

Fri 24 09, 2004

Permalink : http://sug.jugem.cc/?eid=126

何事もなかったかのように修正。

昔やっていたサイトのパーツをHDの中から掘り出してきて、<div>と<span>を使わないというシバリも解き、ごく普通に作成。なんとなく懐かしい。私が作ってきたホムペはみんなこんな感じだった。

ただしbody直下の要素は<dl>のままだ。前回から引っぱっている”深ーいワケ”について書こう。

続きを読む >>

| posted at 19:31 | filed under Design | comments(2) | trackbacks(0) |


じゅげむダイアリー

Sun 19 09, 2004

Permalink : http://sug.jugem.cc/?eid=122

秋っぽくリニューアル。

飽きっぽいので、とコテコテのオヤジギャグを書こうと思ったが寸前でガマンした。私って大人である。ついにサイドメニューも無くなり、後はエントリを削除するしかないだろう、というところまで追いつめられた緋研の明日はどっちだ?って感じが、秋の枯野のようなモノサビシサを表現している(今日も意味不明)

さて、ひとめ見てもらえばわかるだろう(スクリプトオフだとわからないかもしれない)が、おもいっきりパクリである。みなまで言うな、あなたも大人なのだから。名付けて”じゅげむダイアリー(w)”日記書きと日記読みのためのテンプレだ。

この、はてな・tDiary・さるさる日記などで使われているナビのインターフェイスは実に使いやすい。月別(大分類)数日分(中分類)1日単位の各移動がコンパクトなスペースで実現されている。じゅげむ実装のアーカイブリストとページナビゲーションをこれに近づけたい!というのが今回のテーマである。

眠いので続きは明日の心だ!

| posted at 23:52 | filed under Design | comments(8) | trackbacks(0) |


showerでワンカラム

Tue 31 08, 2004

Permalink : http://sug.jugem.cc/?eid=88

JavaScript ON

王家の紋章の入った金の指輪と銀の指輪(合わせるとゴート文字で宝のありかが書いてある)、梅にうぐいす、サンマに大根おろしのごとく、showerで3カラムと対を成すテンプレ。あちらがメニュー充実の情報発信系とするなら、こちらは、記事主体の読ませ系(?)にお勧め。(うちはそのどちらでもない・・・)

読み込まれたのがjavascriptの実行を許可しているブラウザだった場合、サイドメニューをトップへ移動し横並びにする。linktextの部分を隠しlinktitle部分をポイントすることでメニューを表示させる。この某OSを模したメニューはよく見かけるがスクリプトオフの環境では、見にくくなったり移動ができなくなったりする欠点がある。シャワワン(showerで1カラム)ならば、スクリプトオフの環境ではデフォルトの2カラムで表示されるので、むしろ使いやすくなる(・・・)

JavaScript OFF

スクリプトオンで、記事の幅を広げるメリットは多い。まず、横幅の広い画像を表示しても崩れにくくなる。スクロールなしで読める範囲が広くなる(カニなどを食べながら読む時に便利)読みやすさのために文字サイズを大きくしても、画面あたりの情報量が減りにくい(もともと少ないので貴重である)、など。

いつかは消えるサンプル

続きを読む >>

| posted at 17:38 | filed under Design | comments(25) | trackbacks(5) |


DOM操作まとめ

Wed 25 08, 2004

Permalink : http://sug.jugem.cc/?eid=85

今までやってきたエントリ内スクリプトで、AタグやIMGタグのonclick属性に動作やスタイルを割り当てた。一歩進めてページ内を調べて該当するタグに一括で動作・スタイルを割り当てることはできないだろうか。

毎度の事ながら、方法論は完璧(発表するまでの間は)だけど、何をどうするかの目的がない。じゅげむ界にはJUGEMカスタマイズ講座 | ナビゲーションの折り畳みという超有名なスクリプトがあるので、何を今さらという感じだが、これに挑戦してみる。(向こうを張ってエントリの折りたたみにしようとした。が、それはいったいどんなシーンで必要なのか?)

続きを読む >>

| posted at 20:06 | filed under Design | comments(22) | trackbacks(0) |


Search this site

about this site

Categories

Archives

Appddix