Fontsize : [ Large Size ] / [ Default Size ]

Home : Blog(What's New / Memo)

index > Archives: April 2007

CSS Naked Day

CSS Naked Day

(07/04/06追記)CSSを再び適用しましたが、まだ外れたままだという方は、「Font Size」からLargeまたはDefaultをクリックしてみてください。

なんか巡回先のWebサイトで結構はやっているようなので、僕も便乗してみましたCSS Naked Day。ロゴがピンクだし微妙にYAHOO!ぽいデザインだしなんか恥ずかしいですが、4月5日にみんなでCSSを外した裸の状態にして、(X)HTMLの構造とかを見直しましょうよ、っていうちゃんとしたイベントです。

このサイトもリデザインしてそろそろ1年くらいなので、今見ると色々気になる部分があります。今となってはあまり好まれないテクニックも使ってたりしますね。

最近新しいサイトを作っていますが、これを作った頃と比べてもなんかか環境がかわったなぁと思います。次回リニューアル時はこの裸の状態でもより美しくしたいと思います。笑

Note > WEB | - | -

[ Skip To Top ]


Re2:Serene Bachの空タグを消してみる

SereneBachが生成する空タグについて、pixelさまの記事から始まり、宵闇書房さまの記事でそのレスが書かれていますが、自分も反応してみます。

ちなみに僕の携帯はN900iなので、「Re:Re:」とはならずに「Re2:」となります。この機能結構便利です。

エントリーIDの空アンカータグ

まず、pixelさまの記事で紹介されている「カテゴリーINDEX化プラグイン」を使用してエントリーIDの空アンカータグの生成が防げることは、実はpixelさまの「ココだけの話」って記事で読んで早速実践してました。
これによって、テンプレートの方に<div class="entry" id="eid{entry_id}">と書いて対処しています。

追記部分関連の空タグ

お二方が触れられている<div class="entry_more"></div><a id="sequel"></a>ですが、僕はContent.pmの_body_text関数あたりを以下のように改造して対処しています。

思いっきり改造しているのでkyoさんの考え方とは正反対になってしまうのですが、こういう方法もあるよ、ってことで。

sub _body_text
{ # 本文・続き・概要
	my $cms   = shift;
	my $entry = shift;
	my %var   = @_;
	if ($entry->body ne '')
	{ # 本文
		my $body = $entry->formated_body;
		# $body .= '<a id="sequel"></a>' if ($entry->more ne '' and $var{'mode'} eq 'ent');
		$cms->tag('entry_description'=>$body);
	}
	if ($entry->more ne '')
	{ # 続き
		my $permalink = &_permalink($entry,$var{'cat'},'more',$var{'mode'});
		my $more = ($var{'mode'} eq 'ent') 
		         ? $entry->formated_more 
		         : '<a href="' . $permalink . '">' . $var{'lang'}->string('parts_sequel') . '</a>';
		$more = ($var{'mode'} eq 'ent') 
		         ? '<div class="entry_more" id="sequel">' . $more . '</div>'
		         : '<p class="entry_more">' . $more . '</p>';
		$cms->tag('entry_sequel'=>$more);
	}
	$cms->tag('entry_excerpt'=>$entry->sum);
}

肝は後半部分の追加で、divタグやpタグがすでに追加された状態で{entry_sequel}が生成されるようになっています。これは、以下の条件で次のようなタグに括られて生成されます。

個別エントリの場合

<div class="entry_more" id="sequel">追記内容</div>」が生成

それ以外(インデックスページとか)

<p class="entry_more">続きを読む>></p>」が生成

もちろんテンプレートには「{entry_sequel}」と書くだけです。

この仕様は、もともとのSereneBachのテンプレートタグのコンセプトから多少離れている気もしますが、とりあえず僕はこうやって空タグの生成を防いでいます。実はこのネタずっと書きたかったのでこういう機会に書けてよかったです。笑

[ Continue Reading ]

sb,SereneBach | - | -

[ Skip To Top ]


CSS プロパティの記述順を考える

今までずっとやろうと思っていて怠けていた「CSSをきちんと書くこと」ですが、Web制作会社で働かせてもらった関係もあって最近自分のCSSの記述を見直しています。今さら^^;
(ちなみにこのサイトの記述は一年くらい前のなのでぐちゃぐちゃです。汗)

[ Continue Reading ]

Note > WEB | - | -

[ Skip To Top ]



Sub Contents

Weblog Navigation

Latest Entries
Category
Recent Comments
Recent Trackback
Archives
Recommend

Web標準の教科書―XHTMLとCSSでつくる“正しい”Webサイト 「Web標準の教科書―XHTMLとCSSでつくる“正しい”Webサイト」

WEBの歴史からXHTML,CSSの解説さらにはアクセシビリティにも触れられているまさに「教科書」

Serene Bach オフィシャルガイド~カスタマイズ自在のウェブログツール 「Serene Bach オフィシャルガイド~カスタマイズ自在のウェブログツール」

Serene Bachユーザ必読のガイドブック

世界の「最先端」事例に学ぶCSSプロフェッショナル・スタイル 「世界の「最先端」事例に学ぶCSSプロフェッショナル・スタイル」

有名サイトのCSSデザインテクニックが学べます

Joined

Other