<?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>Commit Lab &#187; web design scratch</title>
	<atom:link href="http://commitlab.com/category/web-design-scratch/feed" rel="self" type="application/rss+xml" />
	<link>http://commitlab.com</link>
	<description>ちょっとだけwebデザインやサイト制作について考えてみた。</description>
	<lastBuildDate>Sat, 20 Aug 2011 12:40:01 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
		<item>
		<title>限りなく存在しない事に等しいブログがホッテントリに入ると</title>
		<link>http://commitlab.com/20100923/clab-googleanalytics.html</link>
		<comments>http://commitlab.com/20100923/clab-googleanalytics.html#comments</comments>
		<pubDate>Thu, 23 Sep 2010 12:56:31 +0000</pubDate>
		<dc:creator>しるべっと</dc:creator>
				<category><![CDATA[web design scratch]]></category>
		<category><![CDATA[web制作・担当]]></category>

		<guid isPermaLink="false">http://commitlab.com/?p=1016</guid>
		<description><![CDATA[こんにちは、前回の記事が多くの方々に見て頂いただけたようで、嬉しい反面かなりビックリした僕です。 というわけで書いたと思ったら３ヶ月くらい放置したりするダメ個人ブログなのですが、前回の記事を書き終えた後に寝て起きて出社す [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-1043" title="my" src="http://commitlab.com/cmswp/wp-content/uploads/2010/09/my.png" alt="" width="500" height="181" /></p>
<p>こんにちは、前回の記事が多くの方々に見て頂いただけたようで、嬉しい反面かなりビックリした僕です。</p>
<p>というわけで書いたと思ったら３ヶ月くらい放置したりするダメ個人ブログなのですが、前回の記事を書き終えた後に寝て起きて出社すると、まさかのホッテントリ入りをしてました。</p>
<p><a title="女子のための情報サイトデザイン21+4" href="http://commitlab.com/20100906/female_design2101.html">女子のための情報サイトデザイン21+4</a> <img src="http://b.hatena.ne.jp/entry/image/http://commitlab.com/20100906/female_design2101.html" alt="" /></p>
<p>現在は約1100程ブクマして頂いていますが、公開後24時間で集まったブックマークは大体950くらいだっと思います。あんまり覚えてないのですが、1000突破が二日目だった事は覚えています。</p>
<p>前回の記事を公開した直後にTwitterの<a href="http://twitter.com/silvetjude">silvetjude</a>と<a href="http://twitter.com/wdscratch/">wdscratch</a>のアカウントで「ブログ書いたよ！」と報告しました。実感としてTwitterの効果はとても大きく「Twitterって凄いなー」と再確認しました。またRTしてくれたフォロワーさんや見てくれた方々に「ありがとうございました」と言いたい気持ちで一杯です。</p>
<p>結構調子に乗ってる感は否めませんが、上を見ればキリがないということを承知の上で「限りなく存在しないことに等しいブログが、ホッテントリに1回入るとアクセス数がどのように動くのか?」というポイントで見て感じたことなどを箇条書きにしたいと思います。</p>
<p><span id="more-1016"></span><br />
<div id="moread"><script type="text/javascript"><!--
google_ad_client = "pub-3776424825129477";
google_ad_slot = "0675227435";
google_ad_width = 300;
google_ad_height = 250;
//--></script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
</div></p>
<ul>
<li>9月5日までの1日の平均セッションが50程度だったが9月6日は7206セッションに。</li>
<li>その後は５日間で1日ごとに7206→3200→1544→575→399とおよそ半分ずつセッションが減少。</li>
<li>ホッテントリ入りから6日目の9月11日のセッションが232となり、現在は日によって200前後のセッションを維持。</li>
<li>ホッテントリ入りの直接的な効果は約1週間</li>
<li>しかしホッテントリ入りによりセッションが底上げされたため、その後の1日平均が約50から200前後に。</li>
<li>ちなみに9月5日から一週間の参照元サイト上位は
<ol>
<li style="margin-top:10px;">はてな = 3221セッション</li>
<li>某羅列系個人サイト = 817セッション</li>
<li>Twitter = 715セッション</li>
<li>某web情報サイト = 246セッション</li>
</ol>
</li>
<li>サイトの種類によってセッションにつながるまで時差があったのが興味深かったです。</li>
</ul>
<p><img src="http://commitlab.com/cmswp/wp-content/uploads/2010/09/san3.png" alt="" title="san3" width="500" height="137" class="alignnone size-full wp-image-1113" /><br />
サイトのジャンルごとにセッションの波を比べた図。※数の比を表した図ではありません。</p>
<p>図によるとはてブ=Twitterからweb情報系サイトを経由して羅列系ニュースサイトへという流れになっており、はてぶとTwitterが同時に一番の波が来たように見えますが、実際はTwitter→はてブへという流れが1日の中でおこなわれました。しかしこれは前回に限った話しで、何処で火が付いたかで変わってくるものだと思います。</p>
<p>全体的な感想は一番最初に言った「Twitterは凄いなぁ」なのですが、もっと噛み砕くと<a href="http://twitter.com/silvetjude">silvetjude</a>と<a href="http://twitter.com/wdscratch/">wdscratch</a>のフォロワーの皆さんのおかげでホッテントリに入る事が出来たという感じです。また、Twitterに限らずソーシャルメディアの影響力の大きさを再確認いたしました。</p>
<p>他にも色々思う所はあるのですが詳細に書くと長くなりますので、また機会があれば経験論として書きたいと思います。</p>
]]></content:encoded>
			<wfw:commentRss>http://commitlab.com/20100923/clab-googleanalytics.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>女子のための情報サイトデザイン21+4</title>
		<link>http://commitlab.com/20100906/female_design2101.html</link>
		<comments>http://commitlab.com/20100906/female_design2101.html#comments</comments>
		<pubDate>Sun, 05 Sep 2010 16:19:14 +0000</pubDate>
		<dc:creator>しるべっと</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[web design scratch]]></category>
		<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://commitlab.com/?p=942</guid>
		<description><![CDATA[現在業務で女性向けの情報サイトのような物を作ってるのですが、デザインで少々詰まってましまいました。情報サイトとなると自然と文字数も多くなってゴチャゴチャしがちなうえに、元々女性的なデザインを意識して行った事があまりないの [...]]]></description>
			<content:encoded><![CDATA[<p><img style="margin:0 0 20px" src="http://commitlab.com/cmswp/wp-content/uploads/2010/09/twit.png" alt="twit" width="450" height="209" /><br />
現在業務で女性向けの情報サイトのような物を作ってるのですが、デザインで少々詰まってましまいました。情報サイトとなると自然と文字数も多くなってゴチャゴチャしがちなうえに、元々女性的なデザインを意識して行った事があまりないので中々アイデアが出てこなくて困っていました。</p>
<p>いつも通りGoogle先生に訪ねてみたものの、案外見つからないんですよね。どうしようかなと悶々と悩んだ末に、ググれカスと言われるのを覚悟してwdscratchのフォロワーさん達に参考になりそうなサイトを教えて頂きました。</p>
<p>という事で今日はGoogle先生とwdscratchのフォロワーさん達が教えてくれた女子向け情報サイトをご紹介したいと思います。</p>
<p>今回協力して頂いた皆さん、本当にありがとうございました。助かりました。</p>
<p>追記1：ひとつ掲載漏れがありましたので修正しました。<br />
追記2：コメント欄でご紹介いただいたサイトを追加いたしました。<br />
追記3：コメント欄でご紹介いただいたサイトを追加いたしました。<br />
追記4：サイトを追加いたしました。</p>
<p><span id="more-942"></span></p>
<p><div id="moread"><script type="text/javascript"><!--
google_ad_client = "pub-3776424825129477";
google_ad_slot = "0675227435";
google_ad_width = 300;
google_ad_height = 250;
//--></script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
</div></p>
<div class="showcase">
<p><a href="http://nylongirls.jp/">東京ナイロンガールズ &#8211; TOKYO NYLON GIRLS<br />
<img title="nylon" src="http://commitlab.com/cmswp/wp-content/uploads/2010/09/nylon.png" alt="nylon" width="450" height="200" /></a></p>
<p><a href="http://www.milkytokyo.com/">大人女子のモテ力向上ウェブマガジン＆ストア Milky<br />
<img class="alignnone size-full wp-image-962" title="milky" src="http://commitlab.com/cmswp/wp-content/uploads/2010/09/milky.png" alt="milky" width="450" height="200" /></a></p>
<p><a href="http://www.afro-fukuoka.net/">AFRO福岡 | 福岡天神エリアの総合情報ポータルサイト<br />
<img class="alignnone size-full wp-image-996" title="afro" src="http://commitlab.com/cmswp/wp-content/uploads/2010/09/afro.png" alt="afro" width="450" height="200" /></a></p>
<p><a href="http://www.jeanasis10th.jp/">才食主義WEBマガジン | JEANASIS 10th<br />
<img class="alignnone size-full wp-image-959" title="JEANASIS" src="http://commitlab.com/cmswp/wp-content/uploads/2010/09/JEANASIS.png" alt="JEANASIS" width="450" height="200" /></a></p>
<p><a href="http://www.hellomag.jp/">ライフスタイルWEBマガジン｜Hello magazine<br />
<img class="alignnone size-full wp-image-958" title="Hello-magazine" src="http://commitlab.com/cmswp/wp-content/uploads/2010/09/Hello-magazine.png" alt="Hello-magazine" width="450" height="200" /></a></p>
<p><a href="http://www.felissimo.co.jp/kraso/">kraso<br />
<img class="alignnone size-full wp-image-960" title="kraso" src="http://commitlab.com/cmswp/wp-content/uploads/2010/09/kraso.png" alt="kraso" width="450" height="200" /></a></p>
<p><a href="http://www.afternoon-tea.net/main.html">Afternoon Tea<br />
<img class="alignnone size-full wp-image-950" title="Afternoon" src="http://commitlab.com/cmswp/wp-content/uploads/2010/09/Afternoon.png" alt="Afternoon" width="450" height="200" /></a></p>
<p><a href="http://tokyojoshi.com/">東京女子プロジェクト<br />
<img src="http://commitlab.com/cmswp/wp-content/uploads/2010/09/tokyojyosi.png" alt="tokyojyosi" title="tokyojyosi" width="450" height="200" class="alignnone size-full wp-image-1009" /></a></p>
<p><a href="http://www.asajikan.jp/">朝時間.jp &#8211; 朝からはじまる すこやかなココロ、きれいなカラダ<br />
<img class="alignnone size-full wp-image-951" title="asa" src="http://commitlab.com/cmswp/wp-content/uploads/2010/09/asa.png" alt="asa" width="450" height="200" /></a></p>
<p><a href="http://www.ozmall.co.jp/">OZmall [オズモール]<br />
<img class="alignnone size-full wp-image-977" title="ozma" src="http://commitlab.com/cmswp/wp-content/uploads/2010/09/ozma.png" alt="ozma" width="450" height="200" /></a></p>
<p><a href="http://www.vogue.co.jp/">Tokyobookmark.jp<br />
<img class="alignnone size-full wp-image-968" title="tokyo_b" src="http://commitlab.com/cmswp/wp-content/uploads/2010/09/tokyo_b.png" alt="tokyo_b" width="450" height="200" /></a></p>
<p><a href="http://www.style-arena.jp/">スタイルアリーナ style-arena.jp<br />
<img class="alignnone size-full wp-image-967" title="style_a" src="http://commitlab.com/cmswp/wp-content/uploads/2010/09/style_a.png" alt="style_a" width="450" height="200" /></a></p>
<p><a href="http://www.s-woman.net/">集英社　s-woman.net<br />
<img class="alignnone size-full wp-image-965" title="s-woman.ne" src="http://commitlab.com/cmswp/wp-content/uploads/2010/09/s-woman.ne.png" alt="s-woman.ne" width="450" height="200" /></a></p>
<p><a href="http://www.palm.charmworld.jp/ja/">Fashion &amp; Culture Magazine palm<br />
<img class="alignnone size-full wp-image-964" title="palm" src="http://commitlab.com/cmswp/wp-content/uploads/2010/09/palm.png" alt="palm" width="450" height="200" /></a></p>
<p><a href="http://mico.allabout.co.jp/">All About ミーコ<br />
<img class="alignnone size-full wp-image-961" title="mi_ko" src="http://commitlab.com/cmswp/wp-content/uploads/2010/09/mi_ko.png" alt="mi_ko" width="450" height="200" /></a></p>
<p><a href="http://woman.gnavi.co.jp/">女性のためのグルメガイド【ぐるなびWoman】<br />
<img class="alignnone size-full wp-image-957" title="guru_w" src="http://commitlab.com/cmswp/wp-content/uploads/2010/09/guru_w.png" alt="guru_w" width="450" height="200" /></a></p>
<p><a href="http://eyeco.fcart.jp/shop/c/c30/">ファッション通販ならeyeco<br />
<img class="alignnone size-full wp-image-954" title="eyeco" src="http://commitlab.com/cmswp/wp-content/uploads/2010/09/eyeco.png" alt="eyeco" width="450" height="200" /></a></p>
<p><a href="http://www.dd-magazine.net/">DD　女性のためのWEBサイト<br />
<img class="alignnone size-full wp-image-953" title="DD" src="http://commitlab.com/cmswp/wp-content/uploads/2010/09/DD.png" alt="DD" width="450" height="200" /></a></p>
<p><a href="http://www.cafeglobe.com/">カフェグローブ<br />
<img class="alignnone size-full wp-image-952" title="cafe" src="http://commitlab.com/cmswp/wp-content/uploads/2010/09/cafe.png" alt="cafe" width="450" height="200" /></a></p>
<p><a href="http://www.frontstyle.com/index.html">ファッションサイト frontstyle.com<br />
<img class="alignnone size-full wp-image-956" title="FRONTSTYLE" src="http://commitlab.com/cmswp/wp-content/uploads/2010/09/FRONTSTYLE.png" alt="FRONTSTYLE" width="450" height="200" /></a></p>
<p><a href="http://madamefigaro.jp/">madame FIGARO.jp<br />
<img class="alignnone size-full wp-image-955" title="FIGARO" src="http://commitlab.com/cmswp/wp-content/uploads/2010/09/FIGARO.png" alt="FIGARO" width="450" height="200" /></a></p>
<p><a href="http://www.vogue.co.jp/">VOGUE.COM<br />
<img class="alignnone size-full wp-image-969" title="vogue" src="http://commitlab.com/cmswp/wp-content/uploads/2010/09/vogue.png" alt="vogue" width="450" height="200" /></a></p>
<p><a href="http://www.shotmagazine.jp/">SHOT Magazine :: ホーム<br />
<img class="alignnone size-full wp-image-966" title="shot" src="http://commitlab.com/cmswp/wp-content/uploads/2010/09/shot.png" alt="shot" width="450" height="200" /></a></p>
<p><a href="http://scrapture.org/">ファッションスナップ &#8211; SCRAPTURE™<br />
<img class="alignnone size-full wp-image-1001" title="SCRAPTURE" src="http://commitlab.com/cmswp/wp-content/uploads/2010/09/SCRAPTURE.png" alt="SCRAPTURE" width="450" height="200" /></a></p>
<p><a href="http://brigit.jp/">BRIGIT ファッションスナップ ストリートスナップ<br />
<img class="alignnone size-full wp-image-1007" title="BRIGIT" src="http://commitlab.com/cmswp/wp-content/uploads/2010/09/BRIGIT.jpg" alt="BRIGIT" width="450" height="200" /></a></div>
]]></content:encoded>
			<wfw:commentRss>http://commitlab.com/20100906/female_design2101.html/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>今週のweb制作情報ランキング &#124; WDS 04</title>
		<link>http://commitlab.com/20100705/wds4.html</link>
		<comments>http://commitlab.com/20100705/wds4.html#comments</comments>
		<pubDate>Sun, 04 Jul 2010 16:41:42 +0000</pubDate>
		<dc:creator>しるべっと</dc:creator>
				<category><![CDATA[web design scratch]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://commitlab.com/?p=909</guid>
		<description><![CDATA[「web制作情報の流行がすぐ解る!!」というテーマでやらせて頂いてる「今週のweb制作情報まとめ」ですが、４回目にして早くも２ヶ月ぶりの更新ということで、何処が今週の情報なんだという状態です。(隔月刊のweb制作情報？) [...]]]></description>
			<content:encoded><![CDATA[<p>「web制作情報の流行がすぐ解る!!」というテーマでやらせて頂いてる「今週のweb制作情報まとめ」ですが、４回目にして早くも２ヶ月ぶりの更新ということで、何処が今週の情報なんだという状態です。(隔月刊のweb制作情報？)</p>
<p>ということで過去のことは全部忘れて早速今週のまとめ行ってみましょう。</p>
<p><a href="http://b.hatena.ne.jp/guide/twitter"><img class="alignnone size-full wp-image-923" title="hbxtws" src="http://commitlab.com/cmswp/wp-content/uploads/2010/07/hbxtws.png" alt="hbxtws" width="500" height="149" /></a></p>
<p>さて、6月28日にはてなブックーマークがtwitterとの連携強化を発表しまして、これに伴い今後の記事の書き方をちょっと変更したいと思います。連携強化の詳細はリンク先で見て頂くとして、今回の連携強化の何が素晴らしいかというと、なんとtwitterに投稿したURLのClick数が見れる！という所ですね。これにより自分が投稿したURLをどれくらいの人が見てくれたかが簡単に解ります。</p>
<p>前三回まではRTとふぁぼったーを元に紹介する記事を決めていたのですが、今回からはClick数とRTとふぁぼったーを集計し、独自のランキングとして発表してみようと思います。</p>
<p><span id="more-909"></span></p>
<p>1位　980ポイント<br />
<a href="http://www.fallinstar.org/2010/06/post_107.html">デザインは、デザイナーに任せるには重要すぎる</a><br />
デザインに言及した記事が今週の一位です。WDSをフォローしてくれてる方々の中にwebデザイナーさんやデザイン業務に関わる方が多いからでしょうか。刺激的なタイトルではありますが、中身は企業担当への言及ですね。企業担当者さんに完成イメージが無いために何度も振り回される事も多いので、デザイナーからしても歓迎したい話ですね。</p>
<p>2位　811ポイント<br />
<a href="http://journal.mycom.co.jp/news/2010/07/01/059/index.html">IEのブラウザシェア増加に転向、IE6も増加|マイコミジャーナル</a><br />
毎回定期的に発表されるブラウザシェアの調査ですね。毎回あまり話題にはならないのですが、IE6が増加ということで様々な悲鳴が寄せられました。</p>
<p>3位　233ポイント<br />
<a href="http://www.seojapan.com/blog/%E3%81%82%E3%81%AA%E3%81%9F%E3%81%AE%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84%E3%81%8C%E3%81%A4%E3%81%BE%E3%82%89%E3%81%AA%E3%81%84%E3%81%93%E3%81%A8%E3%82%92%E7%A4%BA%E3%81%9920%E3%81%AE%E5%8D%B1">あなたのコンテンツがつまらないことを示す20の危険信号 ? SEO Japan</a><br />
これが沢山ある場合はあなたのコンテンツはつまらないかもしれないチェックシートですね。耳が痛いです。</p>
<p>4位　181ポイント<br />
<a href="http://slashdot.jp/it/article.pl?sid=10/06/30/0040241">Flash を捨て HTML5 に移行するポルノ業界 &#8211; スラッシュドット・ジャパン</a><br />
VHSvsベータに始まり、メディアの主権争いにはポルノは欠かせない要素なんですね。全てのウェブサイトの 37% がポルノコンテンツ!!</p>
<p>5位　144ポイント<br />
<a href="http://www.webcreatorbox.com/tech/ecsite-design-tips/">ECサイトをデザインする時の8つのポイント | Webクリエイターボックス</a><br />
いつも良質の記事を書いてらっしゃるwebクリエイターボックスさん。お互いにフォローワーさんの大多数が被っているので、現在の集計方法では他記事より不利ですが流石の貫禄で5位。</p>
<p>6位　140ポイント<br />
<a href="http://naldzgraphics.net/inspirations/50-corporate-website-examples/">50 Corporate Website Examples | Naldz Graphics</a><br />
海外サイトで唯一のランクイン。企業サイトの作例ですね。最近海外サイトの紹介が少なくなっていて申し訳ないです。</p>
<p>７位　132ポイント<br />
<a href="http://coliss.com/articles/build-websites/operation/design/10-tips-to-boost-creativity-for-web-design.html">ワンパターンなウェブデザインから抜け出すための10のヒント | コリス</a></p>
<p>8位　133ポイント<br />
<a href="http://www.tatuo-web.com/wordpress/sozai/sozaisuki/">商用に使える！無料素材集のサイト厳選７ | WordPress【ワードプレス】初心者の部屋～使い方知っとこ？</a></p>
<p>9位　131ポイント<br />
<a href="http://phpspot.org/blog/archives/2010/06/30_2.html">白黒のクールなサイトをデザインする際に参考になる30選:phpspot開発日誌</a></p>
<p>10位　123ポイント<br />
<a href="http://design-develop.net/design/subtle-grunge-textures.html">商用可！シンプルで汚れ過ぎていないグランジテクスチャ20「20 Simple &amp; Subtle Grunge Textures」 | DesignDevelop</a></p>
<p>以下は100ポイント以上獲得するもランクイン出来なかった素晴らしい記事です。<br />
<a href="http://kachibito.net/wordpress/html-wp-theme-lists.html">HTMLをWPテーマ化する時の手順リスト &#8211; かちびと.net</a><br />
<a href="http://photoshopvip.net/archives/16839">Photoshop Vip 「水」に関するテクスチャ素材100枚、あつめました</a><br />
<a href="http://www.mdn.co.jp/di/articles/2187/">WEBの作業が楽になるテクニック総まとめ　第7回 &#8211; 目次 &#8211; MdN Design Interactive</a><br />
<a href="http://www.adobe.com/jp/devnet/dreamweaver/articles/iphone_site_extension.html">iPhone向けサイト制作ノウハウ＆拡張機能 for Dreamweaver CS4/5</a><br />
<a href="http://m-ishikawa.com/blog/2010/06/28/1311/">俗説に惑わされないSEO | ウェブ力学</a><br />
<a href="http://jp.techcrunch.com/archives/20100629youtube-weighs-in-on-flash-vs-html5-video/">YouTubeがあらためてFlashとHTML5ビデオの比較論を展開&#8211;HTML5はまだ劣勢</a><br />
<a href="http://gihyo.jp/design/serial/01/imadoki_ui/0003">Webデザイン最新トレンド ～イマドキUIのつくりかた ：第3回　トップページを彩るスライドショーのポイント｜gihyo.jp … 技術評論社</a><br />
<a href="http://coliss.com/articles/build-websites/operation/design/design-showcase-using-photos-web-design.html">実例から学ぶ、写真画像を使ってウェブデザインに奥行きを与える方法 | コリス</a></p>
]]></content:encoded>
			<wfw:commentRss>http://commitlab.com/20100705/wds4.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>今週のweb制作情報まとめ &#124; Web Design Scratch 03</title>
		<link>http://commitlab.com/20100518/web-design-scratch-03.html</link>
		<comments>http://commitlab.com/20100518/web-design-scratch-03.html#comments</comments>
		<pubDate>Tue, 18 May 2010 06:23:26 +0000</pubDate>
		<dc:creator>しるべっと</dc:creator>
				<category><![CDATA[web design scratch]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[web制作]]></category>

		<guid isPermaLink="false">http://commitlab.com/?p=862</guid>
		<description><![CDATA[更新が遅くなってしまって、今週ではなくて先週のまとめになってしまいました、こんちわ。 web制作情報まとめではwdscratchとしてtwitter上で紹介したweb制作関連情報の中から、先週一週間の間にフォロワーさんか [...]]]></description>
			<content:encoded><![CDATA[<p>更新が遅くなってしまって、今週ではなくて先週のまとめになってしまいました、こんちわ。<br />
web制作情報まとめでは<a href="http://twitter.com/wdscratch">wdscratchとしてtwitter上で紹介したweb制作関連情報</a>の中から、先週一週間の間にフォロワーさんから特に反響があったものをご紹介いたします。<br />
<span id="more-862"></span></p>
<div class="matome">
<h2>webデザイン</h2>
<ul>
<li><a href="http://e0166.blog89.fc2.com/blog-entry-772.html">120+ PSD to HTML チュートリアル【記事紹介】*ホームページを作る人のネタ帳</a>Photoshopでのwebデザインチュートリアルです。</li>
<li><a href="http://newsteam.livedoor.biz/archives/51478414.html">最もデザインが良い小学校のホームページを決めようぜ</a>やはり私立強し？公立校は学校のサイトも生徒が作ってそうなイメージです。</li>
<li><a href="http://seo.siyo.org/seostudy/seo1228/">アフィリエイター必見！クリックしたくなるバナーボタンの色は？</a></li>
<li><a href="http://blog.creamu.com/mt/2010/05/web_17.html">タイポグラフィーの美しいWebデザイン集</a></li>
<li><a href="http://coliss.com/articles/build-websites/operation/design/web-design-trends-2010.html">よりリッチで、よりフレンドリーになったウェブデザインの現状 -2010年のトレンド | コリス</a></li>
<li><a href="http://coliss.com/articles/build-websites/operation/css/css-tutorial-css3-gradient-buttons.html">CSS3を使用した素敵なボタンを実装するチュートリアルの決定版 | コリス</a></li>
<li><a href="http://photoshopvip.net/archives/15613">すごいテキストエフェクトのPhotoshopチュートリアル60個まとめ 2010年5月度</a>ここからはPhothoshop VIPさん。</li>
<li><a href="http://photoshopvip.net/archives/15659">ウェブデザインのワイヤーフレームに使えるPhotoshop関連のフリー素材キット27個まとめ</a>ワイヤーフレームやラフなカンプなど作るのに便利ですね。</li>
<li><a href="http://photoshopvip.net/archives/15781">テクスチャをデザインする30個のPhotoshopチュートリアルまとめ</a>ちょっとした所は自作のテクスチャで！</li>
</ul>
<h2>フォント</h2>
<ul>
<li><a href="http://blog.petitboys.com/archives/webfonts-overview.html">ウェブで任意の書体を使う方法まとめ &#8211; フォントブログ</a>@font-faceなどの解説です。</li>
<li><a href="http://www.yomotsu.net/wp/?p=565">WebFonts として利用できるフリーの和文フォント | ヨモツネット</a>@font-faceなどwebfontとしてフリーで利用できる日本語フォントの紹介</li>
<li><a href="http://decomoji.jp/">デコもじで、ホームページが、ブログが、もっと楽しくなる♪</a>難しい事を考えず、コードを貼り付けるだけで日本語fontが使えるwebサービス</li>
<li><a href="http://commitlab.com/20091114/typekit.html">Commit Lab | フォント･クラウド？Typekitを試してみた。</a>ちなみにうちはTypekitを使っています。</li>
</ul>
<h2>SEO関連</h2>
<ul>
<li><a href="http://web-tan.forum.impressrd.jp/e/2010/05/14/7986">隠しテキストでインデックス削除のペナルティ ⇒ 死にたい!? など10+2記事</a></li>
<li><a href="http://m-ishikawa.com/blog/2010/05/10/1264/">SEOでアクセスアップするためのただ３つの方法 | ウェブ力学</a></li>
</li>
</ul>
<h2>Javascript / jQuery</h2>
<ul>
<li><a href="http://design-develop.net/web-design/20-best-and-useful-jquery-plugins.html">最近発表された使えるjQueryプラグイン20選 | DesignDevelop</a></li>
<li><a href="http://5509.me/log/whatinout">ありそうでなかった？要素をふわっと表示させるjQueryプラグイン whatInOut :: 5509(+1.1)</a></li>
<li><a href="http://www.skuare.net/2010/04/javascriptnehan.html">縦書きを実現するJavaScript「nehan」｜skuare.net</a></li>
</ul>
<p>以上の記事が、今週紹介した中で反響のあった話題やブログとなっております。ちなみに今週の個人的なお気に入りはこの三本。</p>
<ul>
<li><a href="http://redline.hippy.jp/lab/css/win_css_2010514.php">RedLine Magazine : ブラウザ(Win) CSSセレクタ対応状況まとめ （2010年5月14日版）</a></li>
<li><a href="http://wordpress.siyouyo.com/teku/technique/1651/">WordPressをインストールしたら最初に設定しておきたい22項目</a></li>
<li><a href="http://ascii.jp/elem/000/000/520/520256/">ASCII.jp：ショッピングカート＆EC構築ツール 徹底比較表</a></li>
</ul>
<p>フォロワーやブロガーのみなさん、今週(先週)もありがとうございました。
</p></div>
]]></content:encoded>
			<wfw:commentRss>http://commitlab.com/20100518/web-design-scratch-03.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>今週のweb制作情報まとめ &#124; Web Design Scratch 02</title>
		<link>http://commitlab.com/20100507/web-design-scratch-02.html</link>
		<comments>http://commitlab.com/20100507/web-design-scratch-02.html#comments</comments>
		<pubDate>Fri, 07 May 2010 12:29:30 +0000</pubDate>
		<dc:creator>しるべっと</dc:creator>
				<category><![CDATA[web design scratch]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[web制作]]></category>

		<guid isPermaLink="false">http://commitlab.com/?p=832</guid>
		<description><![CDATA[既に3週間近く更新が無かったような気がしないでもない「今週のweb制作情報まとめ&#124; Web Design Scratch」第2回です。「web制作情報まとめ」ではwdscratchとしてtwitter上で紹介したweb制 [...]]]></description>
			<content:encoded><![CDATA[<p>既に3週間近く更新が無かったような気がしないでもない「今週のweb制作情報まとめ| Web Design Scratch」第2回です。「web制作情報まとめ」では<a href="http://twitter.com/wdscratch">wdscratchとしてtwitter上で紹介したweb制作関連情報</a>の中から、フォロワーさんから特に反響があったものをご紹介いたします。</p>
<div class="matome">
<h2>ニュース</h2>
<p>今ネットでホットな話題と言えばAppleとAdobe(Flash)の関係ですよね。ジョブスがFlashに対する文章を発表し、それに対してAdobeのCTOが反論したりとますますヒートアップしています。Flashが身近な存在であるweb関係者の多くが気になるニュースです。そんななかついに</p>
<p><a href="http://www.itmedia.co.jp/news/articles/1005/06/news036.html">米当局、Appleへの独禁法調査を検討かiPhoneアプリ開発の制約めぐり</a></p>
<p>米当局はAppleが独占禁止法に違反していないか、目下調査を検討中という話しがでてきました。</p>
<p>またその他には、直接言及したわけではありませんが<a href="http://jp.techcrunch.com/archives/20100506tim-oreilly-steve-jobs-is-trying-to-build-a-fundamental-challenge-to-the-web/">ティム・オライリーがApple対してコメント</a>をしたり、<a href="http://japanese.engadget.com/2010/05/06/opera-flash/">Operaも「Flashは現時点で不可欠。タマゴも焼ける」</a>とコメントを述べたりしばらくはこの話題から目が離せそうにありません。</p>
<p><span id="more-832"></span></p>
<h2>webデザイン</h2>
<ul>
<li><a href="http://photoshopvip.net/archives/15508">PhotoshopVip レトロ＆ビンテージデザインに便利なPhotoshopチュートリアル50個</a></li>
<li><a href="http://photoshopvip.net/archives/15537">PhotoshopVip ベクターアートでデザインされた高品質な世界地図の無料素材25個</a></li>
<li><a href="http://photoshopvip.net/archives/15386">PhotoshopVip よく行う作業に便利なPhotoshop用テンプレートPSDファイル34個</a></li>
<li><a href="http://www.designwalker.com/2010/05/wireframe-resource.html">ワイヤーフレームに使える素材いろいろ | DesignWalker</a></li>
<li><a href="http://coliss.com/articles/freebies/freebies-website-template-aurelius.html">シンプルなデザインの各種コンテンツが揃った無料テンプレート | コリス</a></li>
<li><a href="http://bluefaqs.com/2010/04/60-highly-clever-minimal-logo-designs/">60 Highly Clever Minimal Logo Designs</a>60個のハイクオリティでミニマルなロゴデザイン</li>
<li><a href="http://kachibito.net/web-design/logo-inspiration.html">ロゴデザインのインスピレーション向上に役立ちそうなサイトいろいろ &#8211; かちびと.net</a></li>
</ul>
<h2>Javascript / jQuery</h2>
<ul>
<li><a href="http://blog.creamu.com/mt/2010/05/jquery25_5.html">サイトをかっこよくするためのjQueryプラグイン25+ | CREAMU</a></li>
<li><a href="http://blog.creamu.com/mt/2010/05/2010jquery12.html">2010年の間に見ておきたいjQueryプラグイン12 | CREAMU</a></li>
<li><a href="http://design-develop.net/web-design/40-useful-jquery-techniques-and-plugins.html">40 Useful jQuery Techniques and Plugins &#8211; Smashing Magazine</a>40個の効果的なjQueryのテクニックとプラグイン</li>
<li><a href="http://design-develop.net/web-design/40-useful-jquery-techniques-and-plugins.html">使いやすいjQueryテクニック&amp;プラグイン「40 Useful jQuery Techniques and Plugins」 | DesignDevelop</a></li>
<li><a href="http://c-brains.jp/blog/wsg/10/05/06-171000.php">[作って学ぶ！jQuery] 第5回 ajaxを使って複数ブログの最新記事一覧を表示する | バシャログ。</a></li>
<li><a href="http://crocro.com/write/manga_javascript/wiki.cgi">FrontPage &#8211; マンガで分かる JavaScriptプログラミング講座</a></li>
</ul>
<h2>携帯・モバイルサイト</h2>
<ul>
<li><a href="http://www.webcreatorbox.com/tech/make-website-iphone-layout/">WebサイトをiPhoneで見やすくする5つの方法 | Webクリエイターボックス</a></li>
<li><a href="http://codezine.jp/article/detail/5066">「携帯用ページ」の作り方（1/4）：CodeZine</a></li>
</ul>
<h2>SEO関連</h2>
<ul>
<li><a href="http://www.authority-site.com/2010/05/wordpress/20-seo-plugin.html">SEOのための20個の人気のあるWordPressプラグイン | AUTHORITY SITE</a></li>
<li><a href="http://www.atmarkit.co.jp/fwcr/design/benkyo/webstudy05/01.html">5分で絶対に分かるリスティング広告＋運用テクニック &#8211; ＠IT</a></li>
<li><a href="http://www.seojapan.com/blog/%E6%A4%9C%E7%B4%A2%E9%80%A3%E5%8B%95%E5%9E%8B%E5%BA%83%E5%91%8A%E3%83%9E%E3%83%BC%E3%82%B1%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0%E3%81%AB%E5%BD%B9%E7%AB%8B%E3%81%A410%E3%81%AE%E3%82%A2%E3%83%89">検索連動型広告マーケティングに役立つ10のアドバイス ? SEO Japan</a></li>
<li><a href="http://m-ishikawa.com/blog/2010/04/26/1254/">アドセンスで１ヶ月２万円稼ぐための１３のルール | ウェブ力学</a></li>
</ul>
<p>以上の記事が、今週紹介した中で反響のあった話題やブログとなっております。</p>
<p>ちなみに今週個人的に助かったのは<br />
<a href="http://www.benricho.org/map_static/">みんなの知識【ちょっと便利帳】 &#8211; 地図画像を作り携帯サイトなどで使う &#8211; Google Static Map API -</a><br />
です。携帯サイトでGoogleMapを表示させるコードを自動で生成してくれます。この場を借りてお礼申し上げます。</p>
<p>それではまた来週。たぶん・・・</p></div>
]]></content:encoded>
			<wfw:commentRss>http://commitlab.com/20100507/web-design-scratch-02.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>今週のweb制作情報まとめ &#124; Web Design Scratch 01</title>
		<link>http://commitlab.com/20100418/web-design-scratch-01.html</link>
		<comments>http://commitlab.com/20100418/web-design-scratch-01.html#comments</comments>
		<pubDate>Sat, 17 Apr 2010 15:09:14 +0000</pubDate>
		<dc:creator>しるべっと</dc:creator>
				<category><![CDATA[web design scratch]]></category>
		<category><![CDATA[html css]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://commitlab.com/?p=761</guid>
		<description><![CDATA[前回の記事で(かなり間が開いてますが)現在Twitterでweb制作関連のwebサイトやブログ記事を紹介しています。 twitter &#8211; web design scratch 今後はtwitterで紹介した中 [...]]]></description>
			<content:encoded><![CDATA[<p>前回の記事で(かなり間が開いてますが)現在Twitterでweb制作関連のwebサイトやブログ記事を紹介しています。</p>
<p><a href="http://twitter.com/wdscratch">twitter &#8211; web design scratch</a></p>
<p>今後はtwitterで紹介した中から、RTやふぁぼったーを参考に反響の多かった記事を一週間のまとめとして配信したいと思います。</p>
<p>ちなみに前回の記事ですが、1000フォローでのぼせ上がったというか、思うところがあり伸びに伸びてしまってます。近いうちに現状も踏まえてちゃんと書けたらと思います。</p>
<p><span id="more-761"></span></p>
<div class="matome">
<h2>Webデザイン関連</h2>
<ul>
<li><a href="http://www.designwalker.com/2010/04/call-to-action.html">ついついクリックしたくなるボタンデザインいろいろ | DesignWalker</a>完全復活されたDesignWalkerさん。海外の素敵なボタンのまとめです。</li>
<li><a href="http://www.1stwebdesigner.com/inspiration/revolution-future-blogging-world-art-direction-trend/">Revolution And Future In Blogging World &#8211; Art Direction Trend</a>格好いいブログが一杯。タイポグラフィやミニマムなのが多いですね。</li>
<li><a href="http://webdesignledger.com/inspiration/50-inspiring-examples-of-hand-drawn-elements-in-web-design">50 Inspiring Examples of Hand Drawn Elements in Web Design | Inspiration</a>手書きの要素を取り入れたwebデザインのまとめ。</li>
<li><a href="http://photoshopvip.net/archives/15073">Photoshop Vip » 商用可、ウェブデザインに必要なアイコンを750個</a>こういうのを用意しておくと、簡単なモックを作るときに便利ですね。</li>
<li><a href="http://wdscratch.tumblr.com/">design inspiration</a>tumblrでネットで見かけた好みのグラフィックやwebデザインを投稿しています。</li>
<li><a href="http://photoshopvip.net/archives/15000">Photoshop Vip » 写真加工用Photoshopアクションファイル100個まとめ</a></li>
<li><a href="http://coliss.com/articles/build-websites/operation/design/how-to-stop-banding-in-your-images.html">画像にできる濃淡の縞「バンディング」をおさえる方法 | コリス</a></li>
</ul>
<h2>web制作・コーディング関連</h2>
<ul>
<li><a href="http://www.seojapan.com/blog/target%E2%80%9D_blank%E2%80%9D-%E3%81%AE%E6%AD%A3%E3%81%97%E3%81%84%E4%BD%BF%E3%81%84%E6%96%B9%E8%AC%9B%E5%BA%A7">target=”_blank” の正しい使い方講座 » SEO Japan</a>この使い方なら納得できる人も多いはず。</li>
<li><a href="http://www.1stwebdesigner.com/resources/templates-and-psds-ease-workflow/">34 Various Templates And PSDs To Ease Daily Workflow</a>毎日の作業を楽にするテンプレートやPSDファイル</li>
<li><a href="http://web-tan.forum.impressrd.jp/e/2010/04/16/7316">リンク切れやHTMLなどのクオリティ自動チェックツール8選 | Web担当者Forum</a>リンク切れチェッカー&#038;バリデーターサービス</li>
<li><a href="http://www.authority-site.com/2010/04/wordpress/27-wordpress-plugin.html">WordPressでブログを作ったら入れるべき27個のプラグイン</a>blogデザインも格好いいです。</li>
<li><a href="http://www.mdn.co.jp/di/articles/2113/">WEBの作業が楽になるテクニック総まとめ &#8211; MdN</a>web制作Tips。便利な12のテクニック。</li>
<li><a href="http://www.publickey1.jp/blog/09/webhtml5css3javascript_20.html">いま起きているWeb標準の進化、HTML5、CSS3、JavaScript 2.0 － Publickey</a></li>
<li><a href="http://www.mdn.co.jp/di/articles/664/?page=8">最近注目を集めているJavaScript/jQueryのツール・テクニック45 &#8211; MdN</a></li>
<li><a href="http://coliss.com/articles/build-websites/operation/css/css-technique-fit-and-shrink.html">サイズがばらばらで無指定の画像を一定サイズで表示するスタイルシート | コリス</a></li>
<li><a href="http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-simplesli-de.html">シンプルだけどフレキシブルなコンテンツスライダーの軽量スクリプト | コリス</a></li>
<li><a href="http://d.hatena.ne.jp/tyru/20091130/nichan_uni_utf8_matome">UnicodeとUTF-8の違いは？ &#8211; 自分的まとめ &#8211; おつあり</a></li>
</ul>
<h2>ブラウザ関連</h2>
<ul>
<li><a href="http://journal.mycom.co.jp/news/2010/04/13/071/index.html">Firefox 3.7a4、新機能まとめ | エンタープライズ | マイコミジャーナル</a>visitedの扱いが変わるので注意。</li>
<li><a href="http://journal.mycom.co.jp/news/2010/04/13/008/index.html">Chrome HTML検証エクステンション登場 | エンタープライズ | マイコミジャーナル</a></li>
<li><a href="http://www.atmarkit.co.jp/fdotnet/special/ie9preview/ie9preview_01.html">開発者が知っておくべきIE9の新機能 − ＠IT</a></li>
</ul>
<h2>携帯サイト制作関連</h2>
<ul>
<li><a href="http://kachibito.net/web-service/mobile-site-tips.html">携帯サイトを作る時に役立ちそうな情報まとめ &#8211; かちびと.net</a>これさえ見れば携帯サイトが作れますね。</li>
<li><a href="http://speckyboy.com/2010/04/12/mobile-web-and-app-development-testing-and-emulation-tools/">Mobile Web and App Development Testing and Emulation Tools</a>モバイルサイトのエミュレーションツール</li>
<li><a href="http://ke-tai.org/blog/2010/04/15/uaswitch/">ソフトバンク2Gの停波に伴ってユーザエージェントによるキャリア判定のロジックを書き直してみました | ke-tai.org</a></li>
<li><a href="http://www.mdn.co.jp/di/articles/2097/?page=3">ケータイサイト制作をスマートに進めるために &#8211; 今“ 知っておくべき”ケータイサイト制作事情 &#8211; MdN</a></li>
<li><a href="http://www.kagua.biz/mobile/ga-ketai-kiso.html">ゼロから学ぶGoogle Analytics 携帯版 | カグア！Google Analytics 活用塾</a></li>
</ul>
<h2>SEO関連</h2>
<ul>
<li><a href="http://www.suzukikenichi.com/blog/google-webmster-tools-adds-awesome-features/">Googleウェブマスターツールの上位の検索クエリが大進化 | 海外SEO情報ブログマガ</a></li>
<li><a href="http://www.seojapan.com/blog/seo%E3%81%AE7%E3%81%A4%E3%81%AE%E5%8E%B3%E3%81%97%E3%81%84%E7%8F%BE%E5%AE%9F">SEOの7つの厳しい現実 » SEO Japan</a></li>
<li><a href="http://www.seojapan.com/blog/2010%e5%b9%b4%e6%9c%80%e6%96%b0%e3%81%aeseo%e6%89%8b%e6%b3%95%e3%80%8c%e3%82%b3%e3%83%b3%e3%83%86%e3%83%b3%e3%83%84%e3%83%9f%e3%83%ab%e3%80%8d%e3%81%a8%e3%81%af%e4%bd%95%e3%81%8b%ef%bc%9f">2010年最新のSEO手法「コンテンツミル」とは何か？</a></li>
</ul>
</div>
<p>今週はいつもより携帯サイト関連の記事が多かった気がします。ちょうど仕事で携帯サイトを作っていたので助かりました。今週一番興味が沸いたのはPublickeyさんの<a href="http://www.publickey1.jp/blog/09/webhtml5css3javascript_20.html">いま起きているWeb標準の進化、HTML5、CSS3、JavaScript 2.0</a>です。新しい技術を覚えるのは大変だけど楽しい。ワクワクするけど、嬉しいような面倒なような複雑な心境です。</p>
]]></content:encoded>
			<wfw:commentRss>http://commitlab.com/20100418/web-design-scratch-01.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

