デザインを変更
別サイトの製作過程上に得た tips もだいぶ溜まってきたので、いくつか修正を加えたい箇所があったブログの方を修正しました。
今まで何度もデザインの修正はしてきましたが、今回はVicunaのスキン自体を扱いやすいタイプに選び直してから再構築しています。
あっちに行ったりこっちで描いたり
別サイトの製作過程上に得た tips もだいぶ溜まってきたので、いくつか修正を加えたい箇所があったブログの方を修正しました。
今まで何度もデザインの修正はしてきましたが、今回はVicunaのスキン自体を扱いやすいタイプに選び直してから再構築しています。
Sample: { white-space :nowrap;}
仮設ページの表示内容の変更の際の備忘録として記録。
紙媒体で時々使われている方法ではあるけど、ウェブページだとスペースがあったり日本語の場合、指定された幅の中で改行されてしまうので、それを好まない人にとってはネックとなります。
というのも、以前そういったリンク集を制作してもらいたいという依頼があって、ただ li { display: inline; } と定義したら「改行されないようにして欲しい」と苦情が来たことがあり、結局どうすればいいのか分からかったことがあったため、そういった依頼に対応できるようにしたかった思いもあります。
ウェブページの場合、論理構造も考える必要があるため、ただ単に単語を羅列して強制改行したところで、文字の大きさを変更した途端にして欲しくない改行が意図も簡単にされてしまうので、紙媒体のように楽ではないです。
最近は <div> を用いてブロックを作成するCSSレイアウトがやっと主流になったばかりで、 <table> タグの使いどころが本来の用途の通りに表として使用されたり、ちょっと特殊だとカレンダーに使われるくらいしかない時代となりました。
「脱テーブルレイアウト」なんて叫ばれていた頃もあったけど、あれはヴィジュアルを厳密に表現できるDTP的な要素では一部のユーザーエージェントでしかその成果が反映されないことと、音声読み上げブラウザやテキストブラウザも考慮したアクセシビリティに優れたレイアウトを目指すために提唱されたようなものですからね。
それでも結構便利なので、レイアウトととして使うときもしばしばあります。
このブログは duskfalls.org に付随するブログで、草壁 が自分の思うがままに様々なことを書き連ねています。
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | ||||
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 | 31 |