<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	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/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>inkdesign - html,css,webのあれこれ &#187; tips</title>
	<atom:link href="http://www.inkdesign.jp/v5/tag/tips/feed" rel="self" type="application/rss+xml" />
	<link>http://www.inkdesign.jp/v5</link>
	<description>hibernation.</description>
	<lastBuildDate>Tue, 20 Jan 2009 11:22:46 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>2008年の24waysがまもなく終了,そして来年の抱負？</title>
		<link>http://www.inkdesign.jp/v5/2008/12/24/24ways2008.html</link>
		<comments>http://www.inkdesign.jp/v5/2008/12/24/24ways2008.html#comments</comments>
		<pubDate>Tue, 23 Dec 2008 16:43:15 +0000</pubDate>
		<dc:creator>hiloki</dc:creator>
				<category><![CDATA[weblog]]></category>
		<category><![CDATA[inspiration]]></category>
		<category><![CDATA[tips]]></category>

		<guid isPermaLink="false">http://www.inkdesign.jp/?p=40</guid>
		<description><![CDATA[2005年から、毎年12月のクリスマスまでに名だたるWebデベロッパーがそれぞれのtipsなどをつづっていくという素敵なイベントサイト 24ways。
実がこれを知ったのは今年からでして、数年前からこんな素敵なサイトが存 [...]]]></description>
			<content:encoded><![CDATA[<p>2005年から、毎年12月のクリスマスまでに名だたるWebデベロッパーがそれぞれのtipsなどをつづっていくという素敵なイベントサイト <a href="http://24ways.org/">24ways</a>。</p>
<p>実がこれを知ったのは今年からでして、数年前からこんな素敵なサイトが存在してたなんて知りませんでした。<br />
もしかしたら見たことがあったのかもしれないけど、あんまり意識していなかったのかもしれません。今年はこうした海外のサイトやそのご本人様から学んだ機会が多くあり、アンテナが広がったように思います。</p>
<p>このサイト、注目すべきは記事なんですけど、グッと引きつけられたのはサイトそのもののデザインです。</p>
<p><span id="more-40"></span></p>
<p>パッと見でわかるとおもうのですが、非常にトリッキーなデザイン。<br />
アルファチャンネルを上手く活用して不思議な遠近感のある仕上がりになっています。</p>
<p>HTML構造は非常にシンプルで、CSSもまたキレイにまとまっていて、半透明の表現はCSS3のrgbaをただ使っているというだけです。<br />
※一部はopacityプロパティを使っています。<br />
あとはpositionの使い方が上手い。どうもレイアウトにpositionを使うのを自分はなんとなく避けてしまうのですが、国内外関係なくレイアウトにpositionを上手く活用できれば、グラフィック面でもっと遊べて面白いことできますね。<br />
実は今（2008/12/24現在）の前のテーマでも結構トリッキーなことをやってましたが、いろいろ実験したら出来たみたいなものだったので、あんまり褒められたもんではありません。</p>
<p>昨年から今年にかけて、CSSとかもうネタないよねーとかおもってたけど、ホントは全然拾えてないんですよね。まぁ「CSSだけで再現する～」というネタも一時期は「それJavaScriptでやればいいじゃん」的ものも多かったわけなんですけど。なんというかCSSの可能性といいますかそういうのも感じますし、CSSはじゃなくてJavaScriptを採用するにしてもそれぞれのメリット・デメリットがあるわけで、それらをちゃんと押さえて考えないといけないですね。あとwordpressを自由に使えるようphpも・・・phpもまた表現の可能性を広げますね。うわー時間が足りねぇ。</p>
<p>来年末には「俺24ways」みたいなのが書けるようになりたい。というか<a href="http://www.re-creators.jp/">リクリ</a>でもこんな企画やりたいなぁ。また考えましょう。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.inkdesign.jp/v5/2008/12/24/24ways2008.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>この文章はダミーです</title>
		<link>http://www.inkdesign.jp/v5/2008/04/22/dummytext.html</link>
		<comments>http://www.inkdesign.jp/v5/2008/04/22/dummytext.html#comments</comments>
		<pubDate>Mon, 21 Apr 2008 16:58:11 +0000</pubDate>
		<dc:creator>hiloki</dc:creator>
				<category><![CDATA[weblog]]></category>
		<category><![CDATA[seo]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[ライティング]]></category>

		<guid isPermaLink="false">http://www.inkdesign.jp/?p=18</guid>
		<description><![CDATA[おっと、これはミスでなく、本記事のタイトルです。
ブログ用でHTML+CSSのtipsなどを紹介するときよく「この文章はダミーです」という文章を流し込みます。それを外部ネットワークのクライアントなどに見せるため、本番サー [...]]]></description>
			<content:encoded><![CDATA[<p>おっと、これはミスでなく、本記事のタイトルです。<br />
ブログ用で<strong>HTML+CSS</strong>のtipsなどを紹介するときよく「この文章はダミーです」という文章を流し込みます。それを外部ネットワークのクライアントなどに見せるため、本番サーバにアップしちゃったままにすると&#8230;<br />
<span id="more-18"></span><br />
<a href="http://209.85.175.104/search?hl=ja&#038;client=firefox&#038;rls=org.mozilla%3Aja%3Aofficial&#038;hs=6fJ&#038;q=%E3%81%93%E3%81%AE%E6%96%87%E7%AB%A0%E3%81%AF%E3%83%80%E3%83%9F%E3%83%BC%E3%81%A7%E3%81%99&#038;btnG=%E6%A4%9C%E7%B4%A2&#038;lr=lang_ja">Google「この文章はダミーです」での検索結果</a></p>
<p>約 6,670 件のヒット！</p>
<p><a href="http://209.85.175.104/search?hl=ja&#038;client=firefox&#038;rls=org.mozilla%3Aja%3Aofficial&#038;q=%E3%81%93%E3%81%AE%E6%96%87%E7%AB%A0%E3%81%AF%E3%83%80%E3%83%9F%E3%83%BC&#038;btnG=%E6%A4%9C%E7%B4%A2&#038;lr=lang_ja">「この文章はダミー」</a>にすると、約 183,000 件のヒット&#8230;。</p>
<p>別にこの文章で検索する人は多くないですが、こうして晒してみると、大手コーポレイトサイトとかもヒットすることもあって、あんまり良いものとはいえません。</p>
<h2>インデックスされないために</h2>
<ol>
<li>metaタグにロボット用のタグをいれる
<pre lang="html"><meta name="robots" content="noindex,nofollow"></pre>
</li>
<li>robots.txtでロボット用の記述を書く
<pre lang="html">User-Agent : *
Disallow : /test/
</pre>
<p>※「http://aaa.co.jp/test」ディレクトリにダミーページがあるときに、ルート階層にこのファイルをアップ</li>
</ol>
<p>前者は単体ページの場合、後者はディレクトリ以下の多くのページの<strong>インデックス</strong>を避けたい場合に使えます。</p>
<p>基本的に、<strong>Google Webmaster Tools</strong>のようにサイトマップを登録してインデックスをおこなうサービスを使っていない、またはインデックスされているサイトからリンクを張らない限りは、ダミーのページが表に出ることはありません。</p>
<p>こうした対処というのはあくまで「念のため」みたいなものなので、もしも不要なデータであればサーバ上からダミーページを削除することをおすすめします。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.inkdesign.jp/v5/2008/04/22/dummytext.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

