<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
		>
<channel>
	<title>本サイトをを改装―閲覧者から華麗に一本を取るために へのコメント</title>
	<atom:link href="http://blog.webbingstudio.com/2009/06/renewal090619.html/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.webbingstudio.com/2009/06/renewal090619.html</link>
	<description>札幌のWebデザイナー・カスタマイズアドバイザー WebbingStudioのよしなし語り</description>
	<lastBuildDate>Sat, 17 Jul 2010 06:25:55 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		<item>
		<title>frankly より</title>
		<link>http://blog.webbingstudio.com/2009/06/renewal090619.html/comment-page-1#comment-108</link>
		<dc:creator>frankly</dc:creator>
		<pubDate>Mon, 22 Jun 2009 10:18:52 +0000</pubDate>
		<guid isPermaLink="false">http://blog.webbingstudio.com/?p=665#comment-108</guid>
		<description>返信ありがとうございました。

&gt; ブログ新着の、日付とカテゴリー名の部分ですね。
&gt; ここ、やっぱり同じ属性の情報になるので
&gt; ul要素がいいのでしょうか。

属性は同じですが種類が異なるので、
1つの同じul要素にまとめるのも微妙かもしれません。
もし同じul要素にまとめるのであれば、
li要素にtitle属性をつけるなどの配慮があると良いと思います。

また1つの記事が複数のカテゴリに属している場合はちょっと複雑です。
複数のカテゴリを1つのli要素にカンマ区切りで入れるのではなく、
li要素のなかにさらにul要素を入れて
複数のカテゴリを並列化すべきかとも思いますが、
そうすると日付のほうはどうマークアップすべきかと悩みます(汗)

そう考えると、dtにdisplay:none;を指定した定義リストが良いかもしれません。
&lt;dl&gt;
&lt;dt&gt;この記事の投稿日時&lt;/dt&gt;
&lt;dd&gt;2009年06月19日 02時07分&lt;/dd&gt;
&lt;dt&gt;この記事のカテゴリ&lt;/dt&gt;
&lt;dd&gt;Webdesign&lt;/dd&gt;
&lt;dd&gt;Work&lt;/dd&gt;
&lt;/dl&gt;
※dd要素のなかにul要素を入れてカテゴリを並列化するのも良いと思います。

ただ仕様書によると、これではdtがどのddに対応するものなのかが
示せていないという問題点が出てきたりします。
(xHTML2ではdtとddをグループ化するdi要素が登場します。)
xHTML1.0の段階で対応関係を明確にするには

&lt;ul&gt;
&lt;li&gt;
&lt;dl&gt;
&lt;dt&gt;この記事の投稿日時&lt;/dt&gt;
&lt;dd&gt;2009年06月19日 02時07分&lt;/dd&gt;
&lt;/dl&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;dl&gt;
&lt;dt&gt;この記事のカテゴリ&lt;/dt&gt;
&lt;dd&gt;Webdesign&lt;/dd&gt;
&lt;dd&gt;Work&lt;/dd&gt;
&lt;/dl&gt;
&lt;/li&gt;
&lt;/ul&gt;

のようになってしまうのかな…と。
HTMLはこだわったら負けかもしれませんね;^^

長文失礼しました。</description>
		<content:encoded><![CDATA[<p>返信ありがとうございました。</p>
<p>&gt; ブログ新着の、日付とカテゴリー名の部分ですね。<br />
&gt; ここ、やっぱり同じ属性の情報になるので<br />
&gt; ul要素がいいのでしょうか。</p>
<p>属性は同じですが種類が異なるので、<br />
1つの同じul要素にまとめるのも微妙かもしれません。<br />
もし同じul要素にまとめるのであれば、<br />
li要素にtitle属性をつけるなどの配慮があると良いと思います。</p>
<p>また1つの記事が複数のカテゴリに属している場合はちょっと複雑です。<br />
複数のカテゴリを1つのli要素にカンマ区切りで入れるのではなく、<br />
li要素のなかにさらにul要素を入れて<br />
複数のカテゴリを並列化すべきかとも思いますが、<br />
そうすると日付のほうはどうマークアップすべきかと悩みます(汗)</p>
<p>そう考えると、dtにdisplay:none;を指定した定義リストが良いかもしれません。<br />
&lt;dl&gt;<br />
&lt;dt&gt;この記事の投稿日時&lt;/dt&gt;<br />
&lt;dd&gt;2009年06月19日 02時07分&lt;/dd&gt;<br />
&lt;dt&gt;この記事のカテゴリ&lt;/dt&gt;<br />
&lt;dd&gt;Webdesign&lt;/dd&gt;<br />
&lt;dd&gt;Work&lt;/dd&gt;<br />
&lt;/dl&gt;<br />
※dd要素のなかにul要素を入れてカテゴリを並列化するのも良いと思います。</p>
<p>ただ仕様書によると、これではdtがどのddに対応するものなのかが<br />
示せていないという問題点が出てきたりします。<br />
(xHTML2ではdtとddをグループ化するdi要素が登場します。)<br />
xHTML1.0の段階で対応関係を明確にするには</p>
<p>&lt;ul&gt;<br />
&lt;li&gt;<br />
&lt;dl&gt;<br />
&lt;dt&gt;この記事の投稿日時&lt;/dt&gt;<br />
&lt;dd&gt;2009年06月19日 02時07分&lt;/dd&gt;<br />
&lt;/dl&gt;<br />
&lt;/li&gt;<br />
&lt;li&gt;<br />
&lt;dl&gt;<br />
&lt;dt&gt;この記事のカテゴリ&lt;/dt&gt;<br />
&lt;dd&gt;Webdesign&lt;/dd&gt;<br />
&lt;dd&gt;Work&lt;/dd&gt;<br />
&lt;/dl&gt;<br />
&lt;/li&gt;<br />
&lt;/ul&gt;</p>
<p>のようになってしまうのかな…と。<br />
HTMLはこだわったら負けかもしれませんね;^^</p>
<p>長文失礼しました。</p>
]]></content:encoded>
	</item>
	<item>
		<title>WebbingStudio より</title>
		<link>http://blog.webbingstudio.com/2009/06/renewal090619.html/comment-page-1#comment-106</link>
		<dc:creator>WebbingStudio</dc:creator>
		<pubDate>Sat, 20 Jun 2009 12:57:50 +0000</pubDate>
		<guid isPermaLink="false">http://blog.webbingstudio.com/?p=665#comment-106</guid>
		<description>franklyさんこんにちは。

ブログをずっと見ていただいてたのですね！ありがとうございます。
丁寧なご意見もいただき、助かります！

…やっぱり詳しい方が見ると
時間がなかったことがバレますねorz
今回はロールオーバー効果にもあまり力を入れられませんでした。

＞あとページ下部のはてブとTwitterが読みにくいので、
背景に半透明のレイヤーを入れてみてはどうでしょうか。

Macで見ると、かなり読みづらいことに気付きました。
板に紙を貼っている形をとった方が、良いかもしれませんね！
今度手直しをしてみます。

＞日付やタグに段落要素が使われていたり、
見出し1も見出し2もサイト名になっていたりするのも気になりますが…

ブログ新着の、日付とカテゴリー名の部分ですね。
ここ、やっぱり同じ属性の情報になるので
ul要素がいいのでしょうか。
こういった無機的な情報をどうマークアップしたらいいのかというのは、今でも悩むところです。

うぬう、まだまだ改善が必要ですね。
今のお仕事が落ち着いたら、ブログやFAQもテンプレートを統一化したいので、もっと作り込んでみます！</description>
		<content:encoded><![CDATA[<p>franklyさんこんにちは。</p>
<p>ブログをずっと見ていただいてたのですね！ありがとうございます。<br />
丁寧なご意見もいただき、助かります！</p>
<p>…やっぱり詳しい方が見ると<br />
時間がなかったことがバレますねorz<br />
今回はロールオーバー効果にもあまり力を入れられませんでした。</p>
<p>＞あとページ下部のはてブとTwitterが読みにくいので、<br />
背景に半透明のレイヤーを入れてみてはどうでしょうか。</p>
<p>Macで見ると、かなり読みづらいことに気付きました。<br />
板に紙を貼っている形をとった方が、良いかもしれませんね！<br />
今度手直しをしてみます。</p>
<p>＞日付やタグに段落要素が使われていたり、<br />
見出し1も見出し2もサイト名になっていたりするのも気になりますが…</p>
<p>ブログ新着の、日付とカテゴリー名の部分ですね。<br />
ここ、やっぱり同じ属性の情報になるので<br />
ul要素がいいのでしょうか。<br />
こういった無機的な情報をどうマークアップしたらいいのかというのは、今でも悩むところです。</p>
<p>うぬう、まだまだ改善が必要ですね。<br />
今のお仕事が落ち着いたら、ブログやFAQもテンプレートを統一化したいので、もっと作り込んでみます！</p>
]]></content:encoded>
	</item>
	<item>
		<title>frankly より</title>
		<link>http://blog.webbingstudio.com/2009/06/renewal090619.html/comment-page-1#comment-105</link>
		<dc:creator>frankly</dc:creator>
		<pubDate>Sat, 20 Jun 2009 12:37:12 +0000</pubDate>
		<guid isPermaLink="false">http://blog.webbingstudio.com/?p=665#comment-105</guid>
		<description>こんにちは。
リニューアルお疲れ様です。
欧米風なデザインでかっこいいですね。

昔からブログを見させていただいてましたが、
2006年10月のときのデザインが
私的にすごいいいなーと思います。
WebbingBlogをお気に入りに入れたきっかけでした(笑)

今回のデザイン、ぱっと見はいいんですが、
クリックできるところはマウスオーバーで
もう少し何か装飾が変わったりするともっと良いと思います。
あとページ下部のはてブとTwitterが読みにくいので、
背景に半透明のレイヤーを入れてみてはどうでしょうか。

日付やタグに段落要素が使われていたり、
見出し1も見出し2もサイト名になっていたりするのも気になりますが…

応援しています！</description>
		<content:encoded><![CDATA[<p>こんにちは。<br />
リニューアルお疲れ様です。<br />
欧米風なデザインでかっこいいですね。</p>
<p>昔からブログを見させていただいてましたが、<br />
2006年10月のときのデザインが<br />
私的にすごいいいなーと思います。<br />
WebbingBlogをお気に入りに入れたきっかけでした(笑)</p>
<p>今回のデザイン、ぱっと見はいいんですが、<br />
クリックできるところはマウスオーバーで<br />
もう少し何か装飾が変わったりするともっと良いと思います。<br />
あとページ下部のはてブとTwitterが読みにくいので、<br />
背景に半透明のレイヤーを入れてみてはどうでしょうか。</p>
<p>日付やタグに段落要素が使われていたり、<br />
見出し1も見出し2もサイト名になっていたりするのも気になりますが…</p>
<p>応援しています！</p>
]]></content:encoded>
	</item>
</channel>
</rss>
