Posted by poundhound on
先日Twitterで問いかけた所色々な意見が出たtitle属性の使い方について少々まとめてみることにしました。事の始まりはh1を画像で表現したい場合、どのようなマークアップが良いのだろうか？と言う問いかけが発端です。
title = text [CS]
この属性は、当該要素に関する助言的情報を提供する。
文書全体に関する情報を提供し1文書に1度しか出現し得ないTITLE要素とは異なり、 title属性は幾つの要素に現れてもよい。 ある要素がtitle属性をサポートしているかどうかについては、当該要素の定義を参照されたい。
要するにW3Cの仕様では要素に大して補足的な説明が必要な時に使用する属性な訳です。
Posted by poundhound on
CSS Happy Lifeさんの記事で面白いのがあったので僕もやってみました。IE6で閲覧するとヘッダーに『アナログ』が出るというもの。
画像も使わせていただきました。
Posted by poundhound on
本日プリント用CSSをゴリゴリと書いていましたが、その時2つほど問題になった点があったのでメモ代わりに書いておきます。
まず一つはナビゲーションやバナーが表示されているサイドバー（div#secondary）をdisplay: noneで消しました。このサイドバーはdiv#secondaryで定義してあり、中にdiv.localNavが定義されています。その下にバナー群がpタグで定義されていますが、Firefoxのプリントプレビューではきちんとサイドバーが消えてくれるのですが、IE6では何故かバナー群が消えてくれません。なのでdiv#secondaryの子要素を消すためにユニバーサルセレクタを使いました。
div#secondary * { display: none; }
こいつでIE6でもサイドバーが非表示になってくれました。
次に問題になったのがdivごとに改ページされてしまったのです。メインコンテンツ部はdiv.sectionで各ブロックを定義してあり、簡易clearfixとしてoverflow: hiddenを記述していたのですが、こいつが悪さをしていた模様です。なのでoverflow: visibleで上書きしました。
div.section { overflow: visible; }
これで印刷用CSSで奇麗に印刷出来るようになりました
Posted by poundhound on
Mac miniの時に購入したPrincetonのHDD 250GBがパンパンになってしまったので新たなる外付けディスクの購入を検討。Front AttackやTwin SATANは色々調べたら音がうるさいとの事で却下。結局LaCie d2 Quadra 1TBを購入。ファンレスなので（またファンレスを買ってしまった）音は静かだし値段も26500円とお手頃で満足。
この所Gunsブームの勢いでドライブ名をSlash(メイン900GB)、Izzy（サブ100GB）にしてしまいました。
Princetonのディスクのパーティションを1つにするためにSlashにデータを移動し、フォーマットをかけディスク名をAxlにしました。さらにI-O DATAの160GBをDuffにしました。
あとはStevenを加えれば初期メンバーがそろう...
Posted by poundhound on
2エントリー連続でPhotoshop関連になります。今回は左のような見出し画像を書き出すリソースファイルを変数を使って管理します。
このような見出し画像を作成する場合、通常だと背景画像レイヤーを複数枚と見出し名テキストレイヤーを大量に作らなければなりません。私も今まではテキストレイヤーだらけになっていました。このような余分なレイヤーを作らないでリソースを管理出来る方法が変数を使ったリソース管理法になります。
簡単に変数を使った管理法の説明をすると、背景画像レイヤーを数種類用意し、日本語名の見出しと英語名の見出しはCSVファイルで管理すると言う方法になります。
それでは詳しく説明をしていきます。
