<?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>Template Style</title>
	<atom:link href="http://www.templatestyle.in/feed" rel="self" type="application/rss+xml" />
	<link>http://www.templatestyle.in</link>
	<description>WordPress Tips,  WordPress Themes &#38; Icons..!</description>
	<lastBuildDate>Thu, 01 Dec 2011 07:53:31 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>html5.js は何をやっているのか？</title>
		<link>http://www.templatestyle.in/item/html5js.html</link>
		<comments>http://www.templatestyle.in/item/html5js.html#comments</comments>
		<pubDate>Thu, 01 Dec 2011 07:37:05 +0000</pubDate>
		<dc:creator>Template Style</dc:creator>
				<category><![CDATA[WordPress Tips]]></category>

		<guid isPermaLink="false">http://www.templatestyle.in/?p=2090</guid>
		<description><![CDATA[Web ページを作る際に、IE のバグ取りは重要な作業です。HTML5 でコーディングをするにあたっても、壁となるのはやはり IE です。 IE8 以下では、HTML5 の要素に CSS が適用されません。 IE8 以下で、CSS を適応させるための方法として、WordPress の Twenty Eleven テーマにも採用される html5.js というスクリプトがあります。 html5.js を head 内に記述 html5.js のようなスクリプトを使用する場合は、以下のように条件付きコメントを使って、IE9 以前の IE6, 7, 8 に適用させる方法があります。 &#60;!--[if lt IE 9]&#62; &#60;script src="http://html5shim.googlecode.com/svn/trunk/html5.js" type="text/javascript"&#62;&#60;/script&#62; &#60;![endif]--&#62; html5.js を使う場合は、CSS で以下を定義 HTML5 の要素を、display:block; させる。 &#60;style type="text/css"&#62; article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary { display:block; } &#60;/style&#62; これで、他のモダンブラウザと同じよう !? に [...]]]></description>
			<content:encoded><![CDATA[<p>Web ページを作る際に、IE のバグ取りは重要な作業です。HTML5 でコーディングをするにあたっても、壁となるのはやはり IE です。</p>
<p>IE8 以下では、HTML5 の要素に CSS が適用されません。<br />
IE8 以下で、CSS を適応させるための方法として、WordPress の Twenty Eleven テーマにも採用される html5.js というスクリプトがあります。</p>
<h2>html5.js を head 内に記述</h2>
<p>html5.js のようなスクリプトを使用する場合は、以下のように条件付きコメントを使って、IE9 以前の IE6, 7, 8 に適用させる方法があります。</p>
<pre name="code" class="javascript">
&lt;!--[if lt IE 9]&gt;
&lt;script src="http://html5shim.googlecode.com/svn/trunk/html5.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;![endif]--&gt;
</pre>
<h2>html5.js を使う場合は、CSS で以下を定義</h2>
<p>HTML5 の要素を、display:block; させる。</p>
<pre name="code" class="javascript">
&lt;style type="text/css"&gt;
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
	display:block;
}
&lt;/style&gt;
</pre>
<p>これで、他のモダンブラウザと同じよう !? に IE6, 7, 8 でも、HTML5 でコーディングすることができます。</p>
<h2 style="margin-top: 60px">ところで、html5.js は何をやっているの？</h2>
<p>使い方はわかりましたが、html5.js 内は何をやっているのか気になります。認識していたほうが、やはり良いだろうということで、ちょっと調べてみました。</p>
<p><span id="more-2090"></span></p>
<ol>
<li><a href="#createElement">HTML5 の要素を document.createElement()</a></li>
<li><a href="#css">IE6/7/8 で印刷するための CSS を処理</a></li>
</ol>
<h2 id="createElement">HTML5 の要素を document.createElement()</h2>
<p>以下に記述してある HTML5 の要素を Javasprict で document.createElement() することによって認識できるようにしている。</p>
<ul>
<li>abbr</li>
<li>article</li>
<li>aside</li>
<li>audio</li>
<li>canvas</li>
<li>details</li>
<li>figcaption</li>
<li>figure</li>
<li>footer</li>
<li>header</li>
<li>hgroup</li>
<li>mark</li>
<li>meter</li>
<li>nav</li>
<li>output</li>
<li>progress</li>
<li>section</li>
<li>summary</li>
<li>time</li>
<li>video</li>
</ul>
<h2 id="css">IE6, 7, 8 で印刷するための CSS を処理</h2>
<p>HTML5 の要素は、IE6, 7, 8 で印刷すると崩れてしまいます。印刷するための CSS を処理しています。</p>
<p>※ 印刷に関しては、html5.js を使用しても正確に印刷されない場合があるようですので気をつけてください。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.templatestyle.in/item/html5js.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ログインシェルを bash にする</title>
		<link>http://www.templatestyle.in/item/chsh.html</link>
		<comments>http://www.templatestyle.in/item/chsh.html#comments</comments>
		<pubDate>Wed, 16 Nov 2011 13:25:14 +0000</pubDate>
		<dc:creator>Template Style</dc:creator>
				<category><![CDATA[Misc.]]></category>

		<guid isPermaLink="false">http://www.templatestyle.in/?p=2087</guid>
		<description><![CDATA[CORESERVER や XREA の SSH 接続は、デフォルトのログインシェルが rbash に設定されています。rbash は制限付きのシェルのため、ls や cd などのコマンドを使うと、次のようなエラーが発生します。 &#62; cd -rbash: cd: restricted &#62; ls -rbash: /bin/ls: restricted: cannot specify `/' in command names そこで、ログインシェルを rbash から bash に変更します。 &#62; chsh Changing login shell for [ユーザーID]. Password: パスワードを入力して [Enter / Return] キーを押すと、、ログインシェルを聞かれるので、 Enter the new value, or press return for the [...]]]></description>
			<content:encoded><![CDATA[<p>CORESERVER や XREA の SSH 接続は、デフォルトのログインシェルが rbash に設定されています。rbash は制限付きのシェルのため、ls や cd などのコマンドを使うと、次のようなエラーが発生します。</p>
<pre>&gt; cd
-rbash: cd: restricted
&gt; ls
-rbash: /bin/ls: restricted: cannot specify `/' in command names</pre>
<p>そこで、ログインシェルを rbash から bash に変更します。</p>
<pre>&gt; chsh
Changing login shell for [ユーザーID].
Password:</pre>
<p>パスワードを入力して [Enter / Return] キーを押すと、、ログインシェルを聞かれるので、</p>
<pre>Enter the new value, or press return for the default.
        Login Shell [/bin/rbash]:</pre>
<p><code>/bin/bash</code> と入力して [Enter / Return] キーを押すと、</p>
<pre>Shell changed.</pre>
<p>と表示されて、ログインシェルが変更されます。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.templatestyle.in/item/chsh.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WordPress 自動アップデートのエラー</title>
		<link>http://www.templatestyle.in/item/wordpress-auto-update-error.html</link>
		<comments>http://www.templatestyle.in/item/wordpress-auto-update-error.html#comments</comments>
		<pubDate>Thu, 23 Jun 2011 14:24:19 +0000</pubDate>
		<dc:creator>Template Style</dc:creator>
				<category><![CDATA[WordPress Tips]]></category>

		<guid isPermaLink="false">http://www.templatestyle.in/?p=2081</guid>
		<description><![CDATA[WordPress の自動アップデートの途中で不具合が発生すると、サイト内のページアクセスしても正しく表示されず、次の表示になってしまう場合があります。 予定に基づいたメンテナンスを行っているためしばらくの間ご利用できません。 少し間をおいて再度確認してください これは、アップデートを開始したときにメンテナンスモードに入り、アップデートが途中で止まったため、メンテナンスモードの状態のままになっているために起こります。 そこで、メンテナンスモードに入るとき WordPress をインストールしたフォルダに作成される .maintenance ファイルを削除します。.maintenance  ファイルを削除するとメンテナンスモードが解除されるので、もう一度アップデートをできるようになります。]]></description>
			<content:encoded><![CDATA[<p>WordPress の自動アップデートの途中で不具合が発生すると、サイト内のページアクセスしても正しく表示されず、次の表示になってしまう場合があります。</p>
<pre><strong>予定に基づいたメンテナンスを行っているためしばらくの間ご利用できません。
少し間をおいて再度確認してください</strong></pre>
<p><span id="more-2081"></span>これは、アップデートを開始したときにメンテナンスモードに入り、アップデートが途中で止まったため、メンテナンスモードの状態のままになっているために起こります。</p>
<p>そこで、メンテナンスモードに入るとき WordPress をインストールしたフォルダに作成される .maintenance ファイルを削除します。.maintenance  ファイルを削除するとメンテナンスモードが解除されるので、もう一度アップデートをできるようになります。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.templatestyle.in/item/wordpress-auto-update-error.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WordPress メディアアップロードを XREA や CORESERVER で使えるようにする</title>
		<link>http://www.templatestyle.in/item/wordpress-media-upload-xrea-coreserver.html</link>
		<comments>http://www.templatestyle.in/item/wordpress-media-upload-xrea-coreserver.html#comments</comments>
		<pubDate>Sat, 11 Jun 2011 08:36:42 +0000</pubDate>
		<dc:creator>Template Style</dc:creator>
				<category><![CDATA[WordPress Tips]]></category>

		<guid isPermaLink="false">http://www.templatestyle.in/?p=2076</guid>
		<description><![CDATA[WordPress をアップロードとインストールをしただけの状態で、投稿ページから画像などのメディアをアップロードしようとすると、次のエラーが出てしまいます。 /wp-content/uploads を作成できませんでした。この親ディレクトリのアクセス権はサーバーによる書き込みを許可していますか ? そこで、wp-content フォルダのパーミッションのその他に書き込み権限を追加します。(757 もしくは 707 に設定します。) しかし、パーミッションを変更しただけでは次のエラーが出てしまいます。 アップロードしたファイルを /wp-content/uploads/ に移動できませんでした。 このエラーは自動アップデートのエラーと同じで PHP がセーフモードで実行されるためです。そこで、アップロードのためのファイル async-upload.php を CGI モードで実行するように、次のコードを .htaccess ファイルに追記します。 &#60;files async-upload.php&#62; AddHandler application/x-httpd-phpcgi php &#60;/files&#62; これで、画像などのメディアファイルを投稿ページからアップロードできるようになります。]]></description>
			<content:encoded><![CDATA[<p>WordPress をアップロードとインストールをしただけの状態で、投稿ページから画像などのメディアをアップロードしようとすると、次のエラーが出てしまいます。</p>
<p><code>/wp-content/uploads を作成できませんでした。この親ディレクトリのアクセス権はサーバーによる書き込みを許可していますか ?</code><br />
<span id="more-2076"></span></p>
<p>そこで、wp-content フォルダのパーミッションのその他に書き込み権限を追加します。(757 もしくは 707 に設定します。)<br />
しかし、パーミッションを変更しただけでは次のエラーが出てしまいます。</p>
<p><code>アップロードしたファイルを /wp-content/uploads/ に移動できませんでした。</code></p>
<p>このエラーは<a href="http://www.templatestyle.in/item/wordpress-auto-update-xrea-coreserver.html">自動アップデートのエラー</a>と同じで PHP がセーフモードで実行されるためです。そこで、アップロードのためのファイル async-upload.php を CGI モードで実行するように、次のコードを .htaccess ファイルに追記します。</p>
<pre><code>&lt;files async-upload.php&gt;
AddHandler application/x-httpd-phpcgi php
&lt;/files&gt;</code></pre>
<p>これで、画像などのメディアファイルを投稿ページからアップロードできるようになります。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.templatestyle.in/item/wordpress-media-upload-xrea-coreserver.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WordPress で Twitter や Facebook などのボタンを表示するプラグイン</title>
		<link>http://www.templatestyle.in/item/wordpress-social-bookmark-plugin.html</link>
		<comments>http://www.templatestyle.in/item/wordpress-social-bookmark-plugin.html#comments</comments>
		<pubDate>Tue, 24 May 2011 09:43:44 +0000</pubDate>
		<dc:creator>Template Style</dc:creator>
				<category><![CDATA[WordPress Plugins]]></category>

		<guid isPermaLink="false">http://www.templatestyle.in/?p=2061</guid>
		<description><![CDATA[WordPress に WP Social Bookmarking Light プラグインをインストールすると、各記事やページに Twitter や Facebook などソーシャルネットワークのボタンを簡単に表示できます。 WP Social Bookmarking Light をインストールすると、左メニューの設定の中に WP Social Bookmarking Light が表示され、投稿やページに表示したいボタンの指定や設定ができるようになります。 表示できるボタンは次のとおり非常にたくさん用意されています。 はてなブックマーク Twitter livedoor クリップ Yahoo! ブックマーク Yahoo! Buzz BuzzURL @nifty クリップ Tumblr newsing Choix Google ブックマーク Google バズ Delicious Digg FriendFeed Facebook reddit LinkedIn Evernote Instapaper StumbleUpon mixi チェック gree サービスによっては、ブックマークされているカウント数やサイズ、アイコンの種類なども設定することもできます。 ただし、 mixi [...]]]></description>
			<content:encoded><![CDATA[<p>WordPress に <a href="http://www.ninxit.com/blog/2010/06/13/wp-social-bookmarking-light/">WP Social Bookmarking Light</a> プラグインをインストールすると、各記事やページに Twitter や Facebook などソーシャルネットワークのボタンを簡単に表示できます。<span id="more-2061"></span><br />
WP Social Bookmarking Light をインストールすると、左メニューの設定の中に WP Social Bookmarking Light が表示され、投稿やページに表示したいボタンの指定や設定ができるようになります。<br />
表示できるボタンは次のとおり非常にたくさん用意されています。</p>
<ul>
<li><img class="alignnone" src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="Hatena Bookmark" width="20" height="20" /> はてなブックマーク</li>
<li><img class="alignnone" src="/wp-content/plugins/wp-social-bookmarking-light/images/twib.gif" alt="Twitter" width="18" height="18" /> Twitter</li>
<li><img class="alignnone" src="/wp-content/plugins/wp-social-bookmarking-light/images/livedoor.gif" alt="livedoor Clip" width="16" height="16" /> livedoor クリップ</li>
<li><img class="alignnone" src="/wp-content/plugins/wp-social-bookmarking-light/images/yahoo.gif" alt="Yahoo Bookmark" width="16" height="16" /> Yahoo! ブックマーク</li>
<li><img class="alignnone" src="/wp-content/plugins/wp-social-bookmarking-light/images/yahoo_buzz.png" alt="Yahoo Buzz" width="16" height="16" /> Yahoo! Buzz</li>
<li><img class="alignnone" src="/wp-content/plugins/wp-social-bookmarking-light/images/buzzurl.gif" alt="BuzzURL" width="21" height="15" /> BuzzURL</li>
<li><img class="alignnone" src="/wp-content/plugins/wp-social-bookmarking-light/images/nifty.gif" alt="@nifty Clip" width="16" height="16" /> @nifty クリップ</li>
<li><img class="alignnone" src="/wp-content/plugins/wp-social-bookmarking-light/images/tumblr.png" alt="Tumblr" width="16" height="16" /> Tumblr</li>
<li><img class="alignnone" src="/wp-content/plugins/wp-social-bookmarking-light/images/newsing.gif" alt="newsing" width="16" height="16" /> newsing</li>
<li><img class="alignnone" src="/wp-content/plugins/wp-social-bookmarking-light/images/choix.gif" alt="Choix" width="16" height="16" /> Choix</li>
<li><img class="alignnone" src="/wp-content/plugins/wp-social-bookmarking-light/images/google.png" alt="Google Bookmarks" width="16" height="16" /> Google ブックマーク</li>
<li><img class="alignnone" src="/wp-content/plugins/wp-social-bookmarking-light/images/google-buzz.png" alt="Google Buzz" width="16" height="16" /> Google バズ</li>
<li><img class="alignnone" src="/wp-content/plugins/wp-social-bookmarking-light/images/delicious.png" alt="Delicious" width="16" height="16" /> Delicious</li>
<li><img class="alignnone" src="/wp-content/plugins/wp-social-bookmarking-light/images/digg.png" alt="Digg" width="16" height="16" /> Digg</li>
<li><img class="alignnone" src="/wp-content/plugins/wp-social-bookmarking-light/images/friendfeed.png" alt="FriendFeed" width="16" height="16" /> FriendFeed</li>
<li>Facebook</li>
<li><img class="alignnone" src="/wp-content/plugins/wp-social-bookmarking-light/images/reddit.png" alt="reddit" width="16" height="16" /> reddit</li>
<li><img class="alignnone" src="/wp-content/plugins/wp-social-bookmarking-light/images/linkedin.png" alt="LinkedIn" width="16" height="16" /> LinkedIn</li>
<li><img class="alignnone" src="/wp-content/plugins/wp-social-bookmarking-light/images/evernote.png" alt="EverNote" width="16" height="16" /> Evernote</li>
<li>Instapaper</li>
<li><img class="alignnone" src="/wp-content/plugins/wp-social-bookmarking-light/images/stumbleupon.png" alt="StumbleUpon" width="16" height="16" /> StumbleUpon</li>
<li><img class="alignnone" src="http://static.mixi.jp/img/basic/mixicheck_entry/bt_check_1.png" alt="mixi Check" width="58" height="18" /> mixi チェック</li>
<li><img class="alignnone" src="http://i.share.gree.jp/img/share/button/btn_logo_16.png" alt="Gree" width="16" height="16" /> gree</li>
</ul>
<p>サービスによっては、ブックマークされているカウント数やサイズ、アイコンの種類なども設定することもできます。<br />
ただし、 mixi チェックを表示するには mixi チェックキーが必要です。</p>
<p>バージョン 1.6.8 で、Google +1 ボタンが追加されました。 (2011/6/4 追記)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.templatestyle.in/item/wordpress-social-bookmark-plugin.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS3 iPad2</title>
		<link>http://www.templatestyle.in/item/css3-ipad2.html</link>
		<comments>http://www.templatestyle.in/item/css3-ipad2.html#comments</comments>
		<pubDate>Sat, 14 May 2011 04:25:08 +0000</pubDate>
		<dc:creator>Template Style</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.templatestyle.in/?p=2034</guid>
		<description><![CDATA[CSS3 iPhone 3G に続き、今度は、CSS3 と HTML で iPad2 を作ってみました。 &#60;div id="frame"&#62; &#60;div id="display"&#62; &#60;div id="shape"&#62;&#60;/div&#62; &#60;div id="camera"&#62;&#60;/div&#62; &#60;div id="screen"&#62;&#60;/div&#62; &#60;div id="homebutton"&#62;&#60;/div&#62; &#60;/div&#62; &#60;/div&#62; #frame { position: relative; margin: 50px auto; width: 500px; height: 640px; border-top: 1px solid #b1b2b3; border-right: 1px solid #979899; border-bottom: 1px solid #7e7f80; border-left: 1px solid #979899; background: -moz-linear-gradient(left, #b1b2b3, #cacbcc 10%, [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.templatestyle.in/item/css3-iphone.html">CSS3 iPhone 3G</a> に続き、今度は、CSS3 と HTML で iPad2 を作ってみました。</p>
<style type="text/css">
#frame {
	position: relative;
	margin: 50px auto;
	width: 500px;
	height: 640px;
	border-top: 1px solid #b1b2b3;
	border-right: 1px solid #979899;
	border-bottom: 1px solid #7e7f80;
	border-left: 1px solid #979899;
	background: -moz-linear-gradient(left, #b1b2b3, #cacbcc 10%, #cacbcc 90%, #b1b2b3);
	background: -webkit-gradient(linear, left center, right center, from(#b1b2b3), color-stop(0.1, #cacbcc), color-stop(0.9, #cacbcc), to(#b1b2b3));
	-moz-border-radius: 32px;
	-webkit-border-radius: 32px;
	text-align: center;
	z-index: 1;
}
#frame:after {
	position: absolute;
	top: 1px;
	left: 1px;
	bottom: 1px;
	right: 1px;
	border-top: 1px solid #e3e4e5;
	border-bottom: 1px solid #cacbcc;
	background: -moz-linear-gradient(left, #e3e4e5, #f0f1f2 20%, #f0f1f2 80%, #e3e4e5);
	background: -webkit-gradient(linear, left center, right center, from(#e3e4e5), color-stop(0.2, #f0f1f2), color-stop(0.8, #f0f1f2), to(#e3e4e5));
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	content:" ";
	z-index: -1;
}
#display {
	width: 488px;
	height: 628px;
	margin: 4px;
	border-top: 2px solid #000000;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #3e3f40;
	border-left: 2px solid #313233;
	background: -moz-linear-gradient(right top, #4b4c4d, #0f0f0f 30%, #0f0f0f);
	background: -webkit-gradient(linear, right top, left bottom, from(#4b4c4d), color-stop(0.3, #0f0f0f), to(#0f0f0f));
	-moz-border-radius: 28px;
	-webkit-border-radius: 28px;
}
#camera {
	position: relative;
	top: 22px;
	margin: 0 auto;
	width: 8px;
	height: 8px;
	background: -moz-linear-gradient(top, #000000, #313233);
	background: -webkit-gradient(linear, center top, center bottom, from(#000000), to(#313233));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#camera:after {
	position: absolute;
	top: 2px;
	left: 2px;
	bottom: 2px;
	right: 2px;
	background: -moz-linear-gradient(top, #171819, #474849);
	background: -webkit-gradient(linear, center top, center bottom, from(#171819), to(#474849));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	content:" ";
}
#screen {
	width: 384px;
	height: 512px;
	margin: 45px 50px 16px 50px;
	border: 2px solid #252626;
	background: url(/ipad2-capture.png) no-repeat 50% 50%, -moz-linear-gradient(center top, #4b4c4d, #0F0F0F 30%, #0F0F0F);
	background: url(/ipad2-capture.png) no-repeat 50% 50%, -webkit-gradient(linear, right top, left bottom, from(#4b4c4d), color-stop(0.3, #0F0F0F), to(#0F0F0F));
}
#shape {
	position: absolute;
	right: 6px;
	top: 6px;
	border-top: 500px solid rgba(255, 255, 255, 0.1);
	border-left: 300px solid transparent;
}
#homebutton {
	position: relative;
	width: 12px;
	height: 12px;
	margin: 0 auto;
	padding: 8px;
	background: -moz-linear-gradient(top, #000000, #000000 25%, #606366);
	background: -webkit-gradient(linear, center top, center bottom, from(#000000), color-stop(0.25, #000000), to(#606366));
	-moz-border-radius: 26px;
	-webkit-border-radius: 26px;
}
#homebutton:after {
	position: absolute;
	top: 8px;
	left: 8px;
	bottom: 8px;
	right: 8px;
	width: 10px;
	height: 10px;
	border: 1px solid #646566;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	content:" ";
}</style>
<div id="frame">
<div id="display">
<div id="shape"></div>
<div id="camera"></div>
<div id="screen"></div>
<div id="homebutton"></div>
</p></div>
</div>
<p><span id="more-2034"></span></p>
<pre name="code" class="html">
&lt;div id="frame"&gt;
	&lt;div id="display"&gt;
		&lt;div id="shape"&gt;&lt;/div&gt;
		&lt;div id="camera"&gt;&lt;/div&gt;
		&lt;div id="screen"&gt;&lt;/div&gt;
		&lt;div id="homebutton"&gt;&lt;/div&gt;
	&lt;/div&gt;
&lt;/div&gt;
</pre>
<pre name="code" class="css">
#frame {
	position: relative;
	margin: 50px auto;
	width: 500px;
	height: 640px;
	border-top: 1px solid #b1b2b3;
	border-right: 1px solid #979899;
	border-bottom: 1px solid #7e7f80;
	border-left: 1px solid #979899;
	background: -moz-linear-gradient(left, #b1b2b3, #cacbcc 10%, #cacbcc 90%, #b1b2b3);
	background: -webkit-gradient(linear, left center, right center, from(#b1b2b3), color-stop(0.1, #cacbcc), color-stop(0.9, #cacbcc), to(#b1b2b3));
	-moz-border-radius: 32px;
	-webkit-border-radius: 32px;
	text-align: center;
	z-index: 1;
}
#frame:after {
	position: absolute;
	top: 1px;
	left: 1px;
	bottom: 1px;
	right: 1px;
	border-top: 1px solid #e3e4e5;
	border-bottom: 1px solid #cacbcc;
	background: -moz-linear-gradient(left, #e3e4e5, #f0f1f2 20%, #f0f1f2 80%, #e3e4e5);
	background: -webkit-gradient(linear, left center, right center, from(#e3e4e5), color-stop(0.2, #f0f1f2), color-stop(0.8, #f0f1f2), to(#e3e4e5));
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	content:" ";
	z-index: -1;
}
#display {
	width: 488px;
	height: 628px;
	margin: 4px;
	border-top: 2px solid #000000;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #3e3f40;
	border-left: 2px solid #313233;
	background: -moz-linear-gradient(right top, #4b4c4d, #0f0f0f 30%, #0f0f0f);
	background: -webkit-gradient(linear, right top, left bottom, from(#4b4c4d), color-stop(0.3, #0f0f0f), to(#0f0f0f));
	-moz-border-radius: 28px;
	-webkit-border-radius: 28px;
}
#camera {
	position: relative;
	top: 22px;
	margin: 0 auto;
	width: 8px;
	height: 8px;
	background: -moz-linear-gradient(top, #000000, #313233);
	background: -webkit-gradient(linear, center top, center bottom, from(#000000), to(#313233));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#camera:after {
	position: absolute;
	top: 2px;
	left: 2px;
	bottom: 2px;
	right: 2px;
	background: -moz-linear-gradient(top, #171819, #474849);
	background: -webkit-gradient(linear, center top, center bottom, from(#171819), to(#474849));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	content:" ";
}
#screen {
	width: 384px;
	height: 512px;
	margin: 45px 50px 16px 50px;
	border: 2px solid #252626;
	background: url(/ipad2-capture.png) no-repeat 50% 50%, -moz-linear-gradient(center top, #4b4c4d, #0F0F0F 30%, #0F0F0F);
	background: url(/ipad2-capture.png) no-repeat 50% 50%, -webkit-gradient(linear, right top, left bottom, from(#4b4c4d), color-stop(0.3, #0F0F0F), to(#0F0F0F));
}
#shape {
	position: absolute;
	right: 6px;
	top: 6px;
	border-top: 500px solid rgba(255, 255, 255, 0.1);
	border-left: 300px solid transparent;
}
#homebutton {
	position: relative;
	width: 12px;
	height: 12px;
	margin: 0 auto;
	padding: 8px;
	background: -moz-linear-gradient(top, #000000, #000000 25%, #606366);
	background: -webkit-gradient(linear, center top, center bottom, from(#000000), color-stop(0.25, #000000), to(#606366));
	-moz-border-radius: 26px;
	-webkit-border-radius: 26px;
}
#homebutton:after {
	position: absolute;
	top: 8px;
	left: 8px;
	bottom: 8px;
	right: 8px;
	width: 10px;
	height: 10px;
	border: 1px solid #646566;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	content:" ";
}
</pre>
]]></content:encoded>
			<wfw:commentRss>http://www.templatestyle.in/item/css3-ipad2.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PHP 5.3 + HTTP Request で発生する Deprecated エラーの修正</title>
		<link>http://www.templatestyle.in/item/php-http-request-deprecated-error.html</link>
		<comments>http://www.templatestyle.in/item/php-http-request-deprecated-error.html#comments</comments>
		<pubDate>Fri, 13 May 2011 07:05:58 +0000</pubDate>
		<dc:creator>Template Style</dc:creator>
				<category><![CDATA[PHP]]></category>

		<guid isPermaLink="false">http://www.templatestyle.in/?p=2025</guid>
		<description><![CDATA[PHP 5.3 で PEAR の HTTP Request を利用すると次のエラーが発生してしまいます。 Deprecated: Assigning the return value of new by reference is deprecated in */HTTP/Request.php on line 412 Deprecated: Assigning the return value of new by reference is deprecated in */HTTP/Request.php on line 736 Deprecated: Assigning the return value of new by reference is deprecated in */HTTP/Request.php on line [...]]]></description>
			<content:encoded><![CDATA[<p>PHP 5.3 で PEAR の HTTP Request を利用すると次のエラーが発生してしまいます。</p>
<p><code>Deprecated: Assigning the return value of new by reference is deprecated in */HTTP/Request.php on line 412<br />
Deprecated: Assigning the return value of new by reference is deprecated in */HTTP/Request.php on line 736<br />
Deprecated: Assigning the return value of new by reference is deprecated in */HTTP/Request.php on line 749<br />
Deprecated: Assigning the return value of new by reference is deprecated in */HTTP/Request.php on line 794</code></p>
<p>HTTP Request2 を利用すればいいんですが、Request.php そのものを修正してみます。</p>
<h2>エラーの原因</h2>
<p>Deprecated エラーが発生する原因は、オブジェクトを参照渡しにするため &quot;=&quot;  の後ろに &quot;&amp;&quot; を入れていますが、PHP 5 からオブジェクトはデフォルトで参照渡し (というよりオブジェクトID渡し?) になるので、 &quot;&amp;&quot; が不要なためです。</p>
<p><code>412: $this->_url = &amp;new Net_URL($url, $this->_useBrackets);<br />
736: $this->_sock =&amp; new Net_Socket();<br />
749: $this->_response = &amp;new HTTP_Response($this->_sock, $this->_listeners);<br />
794: $this->_url = &amp;new Net_URL($redirect);</code></p>
<h2>Request.php の修正</h2>
<p>エラーの各行の  &quot;=&quot;  の後ろの &quot;&amp;&quot; 削除します。</p>
<p><code>412: $this->_url = new Net_URL($url, $this->_useBrackets);<br />
736: $this->_sock = new Net_Socket();<br />
749: $this->_response = new HTTP_Response($this->_sock, $this->_listeners);<br />
794: $this->_url = new Net_URL($redirect);</code></p>
]]></content:encoded>
			<wfw:commentRss>http://www.templatestyle.in/item/php-http-request-deprecated-error.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WordPress で独自の CSS を追加するプラグイン</title>
		<link>http://www.templatestyle.in/item/wordpress-custom-user-css-plugin.html</link>
		<comments>http://www.templatestyle.in/item/wordpress-custom-user-css-plugin.html#comments</comments>
		<pubDate>Tue, 03 May 2011 08:02:51 +0000</pubDate>
		<dc:creator>Template Style</dc:creator>
				<category><![CDATA[WordPress Plugins]]></category>

		<guid isPermaLink="false">http://www.templatestyle.in/?p=2013</guid>
		<description><![CDATA[WordPress では、テーマの編集メニューやプラグインの編集メニューで、CSS を編集することができますが、テーマやプラグインの変更やバージョンアップの度に編集するのはとても大変です。そこで、Custom User CSS プラグインをインストールすると、WordPress のダッシュボードから手軽に独自の CSS を追加することができます。 Custom User CSS Custom User CSS をインストールすると、左メニューの外観の下に Custom User CSS が追加され、ダッシュボードから直接 CSS を編集できるようになります。]]></description>
			<content:encoded><![CDATA[<p>WordPress では、テーマの編集メニューやプラグインの編集メニューで、CSS を編集することができますが、テーマやプラグインの変更やバージョンアップの度に編集するのはとても大変です。そこで、<a href="http://blog.oremj.com/custom-user-css-wordpress-plugin/">Custom User CSS</a> プラグインをインストールすると、WordPress のダッシュボードから手軽に独自の CSS を追加することができます。<br />
<span id="more-2013"></span></p>
<h2>Custom User CSS</h2>
<p>Custom User CSS をインストールすると、左メニューの外観の下に Custom User CSS が追加され、ダッシュボードから直接 CSS を編集できるようになります。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.templatestyle.in/item/wordpress-custom-user-css-plugin.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WordPress でプログラミングコードを整形するプラグイン</title>
		<link>http://www.templatestyle.in/item/wordpress-syntaxhighlighter-plugin.html</link>
		<comments>http://www.templatestyle.in/item/wordpress-syntaxhighlighter-plugin.html#comments</comments>
		<pubDate>Mon, 02 May 2011 07:52:27 +0000</pubDate>
		<dc:creator>Template Style</dc:creator>
				<category><![CDATA[WordPress Plugins]]></category>

		<guid isPermaLink="false">http://www.templatestyle.in/?p=1994</guid>
		<description><![CDATA[WordPress に Google Syntax Highlighter for WordPress プラグインをインストールすると、投稿に記載したプログラミングコードに行番号の追加や関数名のカラーリングなどを追加することができます。 使い方は、投稿の中のプログラミングコードを pre タグで囲み、pre タグの name 属性の値に code を、class 属性の値に言語名を記述します。 &#60;pre name=&#34;code&#34; class=&#34;html&#34;&#62;...&#60;/pre&#62;]]></description>
			<content:encoded><![CDATA[<p>WordPress に <a href="http://wordpress.org/extend/plugins/google-syntax-highlighter/">Google Syntax Highlighter for WordPress</a> プラグインをインストールすると、投稿に記載したプログラミングコードに行番号の追加や関数名のカラーリングなどを追加することができます。</p>
<p><span id="more-1994"></span></p>
<p>使い方は、投稿の中のプログラミングコードを pre タグで囲み、pre タグの name 属性の値に code を、class 属性の値に言語名を記述します。</p>
<pre name="code" class="html">&lt;pre name=&quot;code&quot; class=&quot;html&quot;&gt;...&lt;/pre&gt;</pre>
]]></content:encoded>
			<wfw:commentRss>http://www.templatestyle.in/item/wordpress-syntaxhighlighter-plugin.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery のプラグインを作る時のテンプレート</title>
		<link>http://www.templatestyle.in/item/jquery-plugin-template.html</link>
		<comments>http://www.templatestyle.in/item/jquery-plugin-template.html#comments</comments>
		<pubDate>Mon, 02 May 2011 07:09:39 +0000</pubDate>
		<dc:creator>Template Style</dc:creator>
				<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://www.templatestyle.in/?p=1984</guid>
		<description><![CDATA[jQuery のプラグインを一から作る時のテンプレートを書いておきます。 これから作るプラグインを testPlugin 、プラグインで使う設定 (オプション) を option1、option2 として、それぞれのデフォルトを default1、default2 としています。 $(function() { $.fn.testPlugin = function(settings) { settings = jQuery.extend({ option1: default1, option2: default2 }, settings); return this.each(function() { }); }; }); 実際の呼び出しは次のようになります。 option1 の値に value1、option2 の値に value2 を設定しています。 $(‘.Test’).testPlugin({option1: value1, option2: value2});]]></description>
			<content:encoded><![CDATA[<p>jQuery のプラグインを一から作る時のテンプレートを書いておきます。<br />
これから作るプラグインを testPlugin 、プラグインで使う設定 (オプション) を option1、option2 として、それぞれのデフォルトを default1、default2 としています。</p>
<pre name="code" class="javascript">
$(function() {
	$.fn.testPlugin = function(settings) {
		settings = jQuery.extend({
			option1: default1,
			option2: default2
		}, settings);

		return this.each(function() {
<!-- ここにプラグインの振る舞いを記述します。 -->
		});
	};
});
</pre>
<p>実際の呼び出しは次のようになります。<br />
option1 の値に value1、option2 の値に value2 を設定しています。</p>
<pre name="code" class="javascript">
$(‘.Test’).testPlugin({option1: value1, option2: value2});
</pre>
]]></content:encoded>
			<wfw:commentRss>http://www.templatestyle.in/item/jquery-plugin-template.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

