since 2004.10.23
カテゴリ:スキン編集( 15 )
CSSの基本こそ重要かも!
 わむさんから貴重なコメントを戴いた。
 これまで3週間、手探り、暗中模索状態で、CSS関連各サイトを探勝しCSSの学習を重ねてきた。exblog内の有名ブロガーのスキン編集エントリイも多いに参考にさせてもらった。さらにexblog以外に、よりレイアウトが自由に行えそうなfc2ブログにも手を出し、二兎を追ってきた。
 そしてやっと、fc2掲示板に発した縁で、「正当な」CSS、あるいはCSSの基本にたどり着けそうな所までたどり着いた。構造化されたCSS記述に真正面から向かい合って、論理的で明解なCSS構文によるブログ構築を一歩ずつ歩み出したい、───と思う。
[PR]
by hkom007 | 2004-11-05 10:58 | スキン編集
tableタグによる分割配置は改めてるべきかもしれない。
 このexblogでは左右2列あるいは3列配置にtableタグを多用しています。
 しかしこのような主張を見つけ、果たしてexblogのスキンはブラウジングのアクセスビリティをどの様に考えているのか、改めて疑問に思い始めています。
CYBER@GARDEN > Web作成 基礎講座 > HTMLの本文[2]
<table> はレイアウト目的で使わない。
 一覧表、数表、年表など「表」を組む必然性があってはじめて <table> 使うべきであり、テキストや画像の成形や配置・配列などレイアウト目的で <table> を使うべきではありません。(中略)CSS がなかった昔は、<table> で上記のようなレイアウトを実現せざるをえなかったので、その慣習が残ってしまっているのです。ただ、<table> をレイアウト目的で使ってしまうと、テキストブラウザや音声ブラウザの誤動作の原因になるなど、アクセシビリティが極端に低下します。今は CSS があるのですから、「見栄えは CSS で」という原則を忘れないでください。

[PR]
by hkom007 | 2004-11-04 14:14 | スキン編集
ブロック変数、単変数・・・・fc2blogについて(2)
CSSの構造比較(fc2blog vs exblog)───への自己TB
 fc2のHTMLにおいては、ブロック変数という変わった変数が導入されている。<!--variable-->~<!--/variable-->という形式の、HTMLコメント記号を利用したものである。
 fc2のブログはphp上において動作しているようであるが、phpにおいてこのようなブロック変数というものは一般的なのであろうか?
------------------------------------------------
 スキン編集(fc2においてはテンプレート編集と呼んでいる)を始めた最初は、ブロック変数をHTML文の可読性を高めるためのコメントと思いこみ、五月蠅いくらいに繰り返されている箇所は削除してしまい、その結果ブラウザ表示が乱れたものの原因が分からずに、四苦八苦した。
[PR]
by hkom007 | 2004-10-31 10:46 | スキン編集
CSSの構造比較(fc2blog vs exblog)
 fc2のCSSとexblogのそれを較べてみると、CSSの利用法にそれぞれの流儀があって面白い。
 fc2blogにおいては、divセレクタに対するID指定を利用せず、class指定によって全体をブロック分けした上で、各ブロック内のセレクタに対しては、要素内の子孫要素へのスタイル適用方式(a_b{・・・} ※_は半角スペース)を採用している。これにより利用するclassの種類は極めて限られる。
 これに対して、exblogでは全体を大きくID指定によって区分した上で、その中のセレクタにそれぞれ独立したclass指定を行っている。このため、定義するclass名は多種類にのぼり記述するCSSの行数はfc2blogよりも多めになっている。
 しかしながら、全体を大きく構造化し、その各部分のセレクタに対して各々のスタイルを設定することに変わりはない。
 結局同じ事を異なる流儀で行っているに過ぎないわけだ。
 従ってどちらの作法を採用するか、それは趣味と好みの問題と言うことになる。
 CSSについては甲乙を付けられないと言えるだろう。 そもそもCSS自体が、その取り決めを忠実に守る限り、その書き方に甲乙を付けられるような構造にはなっていないとも言えるかもしれない。
 -----------------------------------------
 次に比較すべきことはレイアウトの自由度であるが、これは別の機会に譲ろう。お(^o^) や(^O^) す(^^) みぃ(^-^)
[PR]
by hkom007 | 2004-10-30 02:25 | スキン編集
サイドバーの圧縮
 このblog 【はい こちらサポセン。】 を見させて戴いて、下に長~く伸びてしまったサイドバーの圧縮方法を習得。またカテゴリーへのショートカット方法も納得。サイドバー加工の究極の姿は、2週間ほどのサーフィンで知り得た限りでは、【FOOTBALL STYLE】に象徴されると思われる。
 これでもっと「すっきりスキン」にスキルアップ!したい!!(時間が欲しい~~~)
[PR]
by hkom007 | 2004-10-28 01:44 | スキン編集
スクロールバーを加工
 ここに詳しい説明が載っているので直ぐに出来てしまった。
 たったこれだけの指定をするのに、8種類もの属性を指定しなければならないとは!───CSSもJavascriptも序でにHTMLも、み~~んな面倒くさい!!
 がしかし、嵌り込んでしまうと蟻地獄だなあ・・・。
 だからこそ、「わっかりました」さんに感謝!
[PR]
by hkom007 | 2004-10-27 01:05 | スキン編集
アクアチックなアナログ時計の配置場所
 すてきな時計なのでカレンダーの傍か画面トップの画像にかぶせて配置したいと思ったのだが、無理なような。<embed>タグがセキュリティ上危険とみなされてしまって、HTML内に記述出来ないからである。
 仕様であれば仕方ないが残念である。
[PR]
by hkom007 | 2004-10-26 02:03 | スキン編集
誰か教えて!画面最下部左側に<$cmtjs$>と表示されてしまう <おかげで解決しました!
 画面最下部左サイドに<$cmtjs$>と表示されてしまうのです。どうすればこれを表示しないように出来るのでしょうか?
 exciteの説明によれば、この<$cmtjs$>は削除出来ないと書いてあり、コメントに関わるものだそうです。今利用しているスキン以外のテンプレートを開いてみると<$cmtjs$>は見あたりません。スキン適用後に自動的に挿入されるのかも知れませんが、他の方のブログを見てもこのように<$cmtjs$>が表示されているものは見あたりません。
 スキン編集で何か間違えたのかも知れないのですが、原因が解明出来ません。
 どなたか教えて頂けないでしょうか?
====================
 お騒がせしましたが、解決しました。コメントしてくださった方々に心からお礼申し上げます。
[PR]
by hkom007 | 2004-10-26 00:11 | スキン編集
サイト(ブログ含む)のバリアフリーについて
 Homepageやブログ作成では、どうしてもそのデザイン等が自己満足に陥りやすいことは言を待たない。
 現に我がブログでも、視覚障害者への配慮は何もしていない。文字を大きくしていることは唯一の配慮だが、それは自己対策でもある。すなわち、いわゆる一つの中高年対策である。(因みに、若い人のhomepageはことさらに薄い色を多用したり、文字は極めて小さかったり、穴が空くほど画面とにらめっこしないとコンテンツが理解出来ないものが目立つ!)
 そもそも、どうして9ptという小さな文字サイズが一般化し、普及してしまったのだろうか?
 Windowsにおいても、exblogにおいても9ptが大手を振って標準を主張している!
 ───これは急速に進展するIT文明の当面し、今後ますます問題視されるであろう大問題であると言わねばならない!
 さて、IBMが先進的に取り組み、日経パソコン等のPC雑誌が盛んに強調してきたこと、それはサイトのバリアフリーだ。 誰でもそのコンテンツを自己の情報として入手出来ることは、デジタルデバイド対策としても必須のことだ。

地方公共団体のホームページより
自分よがりのサイトであれば、さして気にしないことでも、公共の目で見ると全然違った角度でページを見て作成しなければならない。
たとえば、
視覚障害者の方々への配慮。
音声への対応。
文字サイズの可変 ・・・などなど、まだまだいっぱいあるんだな。

[PR]
by hkom007 | 2004-10-25 22:46 | スキン編集
exblogのCSS:TXTFLDについて(解明編)
■ 現象
 TXTFLDのfont-sizeを12ptに変えてみたら、いきなりサイドバーの横幅が広がってしまった。最初は原因が分からず戸惑い、焦り、苛立つばかりであったが、もしや、とfont-sizeを9ptに戻したら事なきを得た。
■ 解明
 TXTFLD classはソースで調べるとコメントのテキストエリアと検索窓の2箇所に使われている。そして検索窓では
 <INPUT TYPE=TEXT NAME=kwd SIZE=15 CLASS=TXTFLD>
とそのサイズとして15が指定されている。12pt指定でサイドバーが広がってしまった真犯人はここにいた!!
 では、入力フィールドのsize指定の単位は何か?───HTMLタグリスト/フォームタグ/テキストの入力欄を作る等によれば、「IEとNetscapeでは長さが若干異なります。(IEは短めに、Netscapeは長めに表示されてしまいます)」とあるが、その単位は明示されていない。
 おそらくは常識的に考えて、inputタグのsize属性の単位は、当該inputタグが設置されている箇所におけるフォントサイズに対応した入力文字数と考えて良いだろう。
 そして回答はここ(Always with HTML - Section 10)にあった。
 曰く「SIZE 属性は何文字の大きさのテキストボックスを生成するかを指定することができる。 」
[PR]
by hkom007 | 2004-10-25 22:06 | スキン編集
検索
以前の記事
最新のトラックバック
テラびしょびしょw
from お・な・に・ぃ
負けても勝ち組w
from ドンパッチ
zeumemod oqoin
from eow neiyan
eir ioxamv
from lmiatia jqeu
eibej ujuqufa
from fqeiwese nwao..
iapc qeik
from zaavani luuvopu
fucking from..
from fucking from b..
digimon girls
from digimon girls
girl girl ki..
from girl girl kiss..
free teen up..
from free teen upsk..
カテゴリ
ライフログ
その他のジャンル
ファン
記事ランキング
ブログジャンル
画像一覧