Entries
レイアウトで悩む
新しいテンプレのHTMLが決定したので、次はCSSの制作。
個人的には今まで幅固定のデザインを多く手がけてきたので、サイズ可変のリキッドデザインを試みたいところだが、カスタマイズの要望には絶えずセンタリングの話題が挙がる。制作者としては悩みどころだ。
今回取り入れてみたポイント
- アクセシビリティの向上
- 新タグの導入
- プラグインの導入
- 絵文字の導入(標準ではオフにしてあります)
- アフィリエイト誘導
- 外部スクリプトの導入
- カスタマイズを促すコメント群
利用者としては幅固定とリキッド、どちらの要望が強いのだろうか?画像を使いたい人には幅固定の方が使い勝手は良いとは思うのだが。
指摘を受け、サイトの先頭へ戻るナビゲーションリンクのリンク先を修正。トラックバックリンク先を<%topentry_no>から<%topentry_tb_no>へ変更。トラックバックを送るためのリンクを追加。
3件のコメント
[C123] 幅固定+センタリングが主流?
こんにちは。
たしかにサポートフォーラムで「真ん中に持っていきたい」という要望、多いですね。左寄せ,というのは流行らないみたいですね。
私はリキッドが好きなのですが(ウィンドウを広げたり狭めたりすると文字が動くのが好きー最初にHTML文書をブラウザで見たときに感動しました)、一般的には幅固定が全体像をイメージしやすいので、ウケるのでしょうね。おっしゃるように画像を使うケースも。でもリキッドデザインもやってみていただきたいです。
ところで今回もCSSにバックスラッシュがありますよね。Safariでバックスラッシュが?に化けてしまうので、毎回Firefoxで編集しているのですが、デフォルトで使っているのがSafariなのでついそっちでやってしまい、エディタで?を探してバックスラッシュに変換してFirefoxの編集画面にペーストして……という失敗を何度もやっています。CHOU-FLEURさんのテンプレートはベースにさせていただくのにとても♪なので、また使わせていただきたいと楽しみにしているのですが、その部分がちと辛くて……バックスラッシュなしにならないものでしょうか(ならなければFirefoxで編集すればいいだけの話ですが)。
もうひとつ、最初にfont-styleとfont-weightを初期化しているので、そのままではコメントの装飾機能で「b」と「i」が利きません。装飾機能を使っているひとは多いのにあまり話題になっていないのは、主に絵文字のみ使われているからでしょうか?CSSにその部分「b」と「i」を追加しましたが、配布時にご考慮いただけるとありがたいです。
たしかにサポートフォーラムで「真ん中に持っていきたい」という要望、多いですね。左寄せ,というのは流行らないみたいですね。
私はリキッドが好きなのですが(ウィンドウを広げたり狭めたりすると文字が動くのが好きー最初にHTML文書をブラウザで見たときに感動しました)、一般的には幅固定が全体像をイメージしやすいので、ウケるのでしょうね。おっしゃるように画像を使うケースも。でもリキッドデザインもやってみていただきたいです。
ところで今回もCSSにバックスラッシュがありますよね。Safariでバックスラッシュが?に化けてしまうので、毎回Firefoxで編集しているのですが、デフォルトで使っているのがSafariなのでついそっちでやってしまい、エディタで?を探してバックスラッシュに変換してFirefoxの編集画面にペーストして……という失敗を何度もやっています。CHOU-FLEURさんのテンプレートはベースにさせていただくのにとても♪なので、また使わせていただきたいと楽しみにしているのですが、その部分がちと辛くて……バックスラッシュなしにならないものでしょうか(ならなければFirefoxで編集すればいいだけの話ですが)。
もうひとつ、最初にfont-styleとfont-weightを初期化しているので、そのままではコメントの装飾機能で「b」と「i」が利きません。装飾機能を使っているひとは多いのにあまり話題になっていないのは、主に絵文字のみ使われているからでしょうか?CSSにその部分「b」と「i」を追加しましたが、配布時にご考慮いただけるとありがたいです。
- 2005-09-07
- 編集
[C125] ありがとうございます
> sugarさん
ご指摘ありがとうございます。
確かにSafariではバックスラッシュが化けてしまうようですね。今回は出来る限りアンダーバーを使ったハックに切り替えましたが、一部ではどうしても必要になってしまいますね。
今回はユーザーの要望で追加されたタグを使用しています。クリエイティブ・コモン・ライセンスに従って、カスタマイズ等に活用してみて下さい。
> 深月さん
ご指摘・ご要望のあったところは改修しておきました。ありがとうございます。
ご指摘ありがとうございます。
確かにSafariではバックスラッシュが化けてしまうようですね。今回は出来る限りアンダーバーを使ったハックに切り替えましたが、一部ではどうしても必要になってしまいますね。
今回はユーザーの要望で追加されたタグを使用しています。クリエイティブ・コモン・ライセンスに従って、カスタマイズ等に活用してみて下さい。
> 深月さん
ご指摘・ご要望のあったところは改修しておきました。ありがとうございます。
- 2005-09-10
- 編集
コメントの投稿
0件のトラックバック
- トラックバックURL
- http://cfdn.blog1.fc2.com/tb.php/103-735fd0ae
- この記事に対してトラックバックを送信する(FC2ブログユーザー)

たしかにサポートフォーラムで「真ん中に持っていきたい」という要望、多いですね。左寄せ,というのは流行らないみたいですね。
私はリキッドが好きなのですが(ウィンドウを広げたり狭めたりすると文字が動くのが好きー最初にHTML文書をブラウザで見たときに感動しました)、一般的には幅固定が全体像をイメージしやすいので、ウケるのでしょうね。おっしゃるように画像を使うケースも。でもリキッドデザインもやってみていただきたいです。
ところで今回もCSSにバックスラッシュがありますよね。Safariでバックスラッシュが?に化けてしまうので、毎回Firefoxで編集しているのですが、デフォルトで使っているのがSafariなのでついそっちでやってしまい、エディタで?を探してバックスラッシュに変換してFirefoxの編集画面にペーストして……という失敗を何度もやっています。CHOU-FLEURさんのテンプレートはベースにさせていただくのにとても♪なので、また使わせていただきたいと楽しみにしているのですが、その部分がちと辛くて……バックスラッシュなしにならないものでしょうか(ならなければFirefoxで編集すればいいだけの話ですが)。
もうひとつ、最初にfont-styleとfont-weightを初期化しているので、そのままではコメントの装飾機能で「b」と「i」が利きません。装飾機能を使っているひとは多いのにあまり話題になっていないのは、主に絵文字のみ使われているからでしょうか?CSSにその部分「b」と「i」を追加しましたが、配布時にご考慮いただけるとありがたいです。