<?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>You Look Too Cool &#187; HTML</title>
	<atom:link href="http://stabucky.com/wp/archives/tag/html/feed" rel="self" type="application/rss+xml" />
	<link>http://stabucky.com/wp</link>
	<description>ゆるくつくる - stabuckyのブログ。</description>
	<lastBuildDate>Thu, 17 May 2012 12:09:09 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>右クリックと文字列選択を禁止する方法とそれを無効にするブックマークレット</title>
		<link>http://stabucky.com/wp/archives/3668</link>
		<comments>http://stabucky.com/wp/archives/3668#comments</comments>
		<pubDate>Thu, 05 Jan 2012 09:47:25 +0000</pubDate>
		<dc:creator>stabucky</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[ブックマークレット]]></category>

		<guid isPermaLink="false">http://stabucky.com/wp/?p=3668</guid>
		<description><![CDATA[ウェブページの文字列をコピーされないようにする方法として、右クリックを禁止する方法と文字列の選択を禁止する方法が考えられます。 右クリック禁止 右クリックを禁止するにはHTMLを次のように書きます。 &#60;div oncontextmenu=&#34;return false;&#34;&#62;テキスト&#60;/div&#62; 右クリックをして表示されるメニューを「コンテキストメニュー」などと言いますが、これを無効にします。 「div」でなく「body」にこれを設定するとウェブページ全体で右クリックができなくなります。 文字列選択禁止 文字列の選択を禁止するには次のように書きます。 &#60;div onselectstart=&#34;return false;&#34;&#62;テキスト&#60;/div&#62; 文字列を選択しようとしてもできません。 これも「body」に設定するとウェブページ全体で文字列選択ができなくなります。 ※IE限定ですが「unselectable=&#8221;on&#8221;」を使う方法もあります。 無効にするブックマークレット これらを無効にするブックマークレットを考えてみました。]]></description>
		<wfw:commentRss>http://stabucky.com/wp/archives/3668/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>「Twitterに投稿」用のリンクとブックマークレット</title>
		<link>http://stabucky.com/wp/archives/1368</link>
		<comments>http://stabucky.com/wp/archives/1368#comments</comments>
		<pubDate>Thu, 03 Jun 2010 14:08:39 +0000</pubDate>
		<dc:creator>stabucky</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[ブックマークレット]]></category>

		<guid isPermaLink="false">http://stabucky.com/wp/?p=1368</guid>
		<description><![CDATA[自分のウェブサイトのタイトルとURLをTwitterに投稿するための「リンク」は次のように書きます。 &#60;a href=&#34;javascript:(function(){window.open('http://twitter.com/home/?status=' + '〈' + document.title + '〉' + document.location.href)})()&#34;&#62;Twitterに投稿&#60;/a&#62; そして、この「リンク」を右クリックしてブックマークに登録するとブックマークレットになります。この場合は自分のウェブサイトでなくても使えます。 Twitterに投稿]]></description>
		<wfw:commentRss>http://stabucky.com/wp/archives/1368/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Excelの色をHTMLに変換</title>
		<link>http://stabucky.com/wp/archives/1356</link>
		<comments>http://stabucky.com/wp/archives/1356#comments</comments>
		<pubDate>Mon, 31 May 2010 12:20:46 +0000</pubDate>
		<dc:creator>stabucky</dc:creator>
				<category><![CDATA[Excel]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[VBA]]></category>
		<category><![CDATA[色]]></category>

		<guid isPermaLink="false">http://stabucky.com/wp/?p=1356</guid>
		<description><![CDATA[ExcelのVBAにはRGB関数というものがあります。 RGB(red, green, blue) 赤と緑と青にそれぞれ0から255までの整数を当てはめて色を表します。 関数になっていますが、内容は単純で RGB=red+green*256+blue*256*256 という計算をしているだけです。 一方、HTMLで色を指定するには「#00FFFF」という形式を使います。 赤と緑と青にそれぞれ0から255までの整数を当てはめて、それぞれ16進数で表わし、頭に「#」を付けます。 Excelで表わされる色をHTMLの表現に変換するユーザー定義関数を作ってみました。 Function rgb2html(num) &#160; &#160; ret = &#34;&#34; &#160; &#160; For i = 0 To 2 &#160; &#160; &#160; &#160; temp = num Mod 256 &#160; &#160; &#160; &#160; ret = ret &#38; Format(Hex(temp), &#34;00&#34;) &#160; &#160; &#160; &#160; num = (num - temp) / [...]]]></description>
		<wfw:commentRss>http://stabucky.com/wp/archives/1356/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTMLのテキストボックスに工夫を施す</title>
		<link>http://stabucky.com/wp/archives/913</link>
		<comments>http://stabucky.com/wp/archives/913#comments</comments>
		<pubDate>Sat, 12 Dec 2009 00:08:19 +0000</pubDate>
		<dc:creator>stabucky</dc:creator>
				<category><![CDATA[デジタル]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[tips]]></category>

		<guid isPermaLink="false">http://stabucky.com/wp/?p=913</guid>
		<description><![CDATA[HTMLのテキストボックスに工夫を施す小技を。 input(text) 文字を選択。ボックスをクリックするとボックス内の文字列が自動的に選択されます。 &#60;input type=&#8221;text&#8221; onclick=&#8221;this.select()&#8221; value=&#8221;abcde&#8221;&#62; 文字を赤に。 &#60;input type=&#8221;text&#8221; value=&#8221;abcde&#8221; style=&#8221;color:red;&#8221;&#62; 文字のサイズを1.5倍に。 &#60;input type=&#8221;text&#8221; value=&#8221;abcde&#8221; style=&#8221;font-size:150%;&#8221;&#62; ボックスの幅を200ピクセルに。 &#60;input type=&#8221;text&#8221; value=&#8221;abcde&#8221; style=&#8221;width:200px;&#8221;&#62; textarea abcde 文字を選択。 &#60;textarea onclick=&#8221;this.select()&#8221;&#62;abcde&#60;/textarea&#62; abcde IMEをアクティブ。 &#60;textarea style=&#8221;ime-mode:active;&#8221;&#62;abcde&#60;/textarea&#62; abcde IMEを非アクティブ。 &#60;textarea style=&#8221;ime-mode:inactive;&#8221;&#62;abcde&#60;/textarea&#62;]]></description>
		<wfw:commentRss>http://stabucky.com/wp/archives/913/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>モニターで長さを測る方法</title>
		<link>http://stabucky.com/wp/archives/889</link>
		<comments>http://stabucky.com/wp/archives/889#comments</comments>
		<pubDate>Wed, 02 Dec 2009 10:08:13 +0000</pubDate>
		<dc:creator>stabucky</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[WindowsXP]]></category>
		<category><![CDATA[モニター]]></category>

		<guid isPermaLink="false">http://stabucky.com/wp/?p=889</guid>
		<description><![CDATA[目の前にパソコンはあるのだけれど、定規がない場合にパソコンのモニターで長さを測る方法です。WindowsXPで使えます。 スタート-コントロールパネル-画面を開き(デスクトップ上で右クリック-プロパティでも可)、設定タブを選択してください。 詳細設定をクリックすると「DPI設定」のところに「96DPI」などと書かれています。これは画面が1インチあたり96ピクセルであることを表します。以下、96DPIを前提に。 今、HTMLを使って10センチ(100ミリ)の線を書きたいとします。 1インチは25.4ミリですので、96×100÷25.4＝378(ピクセル)となります。 次のように書くと幅10センチの細長い四角が描かれます。 &#60;img src='temp.png' width='378px' height='20px'&#62; JavaScriptで書くならば次のような感じで。長さが変えられます。 var mm=100;//10センチならば「100」ミリ var dpi=96; var mmpi=25.4;//1inch=25.4mm var pxl=mm*dpi/mmpi; document.write&#40;&#34;&#60;img src='temp.png' width='&#34;+pxl+&#34;px' height='20px'&#62;&#34;&#41;; 10mm 20mm 30mm 40mm 50mm 60mm 70mm 80mm 90mm 100mm]]></description>
		<wfw:commentRss>http://stabucky.com/wp/archives/889/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Googleサイト検索のフォームを作る</title>
		<link>http://stabucky.com/wp/archives/815</link>
		<comments>http://stabucky.com/wp/archives/815#comments</comments>
		<pubDate>Thu, 29 Oct 2009 21:56:41 +0000</pubDate>
		<dc:creator>stabucky</dc:creator>
				<category><![CDATA[デジタル]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://stabucky.com/wp/?p=815</guid>
		<description><![CDATA[Googleのサイト検索は、検索範囲をある特定のサイトに絞ることができる検索です。 サイト検索 「言葉 site:stabucky.com」のようにすればサイト検索ができますが、これをフォームにあらかじめセットする方法は次の通り。 Google AdSenseならばウィザード形式で作成することができますが、広告収入は要らない、簡単に作りたい、という場合に。 &#60;form action=&#34;http://www.google.co.jp/search&#34; method=&#34;get&#34;&#62; &#60;input maxlength=&#34;255&#34; name=&#34;q&#34; size=&#34;31&#34; type=&#34;text&#34; /&#62; &#60;input name=&#34;btnG&#34; type=&#34;submit&#34; value=&#34;stabucky.com&#34; /&#62; &#60;input name=&#34;sitesearch&#34; type=&#34;hidden&#34; value=&#34;stabucky.com&#34; /&#62; &#60;input name=&#34;ie&#34; type=&#34;hidden&#34; value=&#34;UTF-8&#34; /&#62; &#60;input name=&#34;oe&#34; type=&#34;hidden&#34; value=&#34;UTF-8&#34; /&#62; &#60;input name=&#34;hl&#34; type=&#34;hidden&#34; value=&#34;ja&#34; /&#62; &#60;/form&#62; 「name=sitesearch」の「value」に特定のサイトをセットします。ボタンの名前は適当に。]]></description>
		<wfw:commentRss>http://stabucky.com/wp/archives/815/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTMLでリストを横に並べる</title>
		<link>http://stabucky.com/wp/archives/33</link>
		<comments>http://stabucky.com/wp/archives/33#comments</comments>
		<pubDate>Fri, 31 Oct 2008 23:05:56 +0000</pubDate>
		<dc:creator>stabucky</dc:creator>
				<category><![CDATA[デジタル]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://stabucky.com/wp/?p=33</guid>
		<description><![CDATA[HTMLで&#60;li&#62;を使ってリストを作ると縦に並びますが、これを横に並べる方法です。 CSS ul&#123;margin:0px;padding:0px;&#125; li&#123;display:block;float:left;width:100px;&#125; HTML &#60;ul&#62; &#160; &#160; &#60;li&#62;リスト１&#60;/li&#62; &#160; &#160; &#60;li&#62;リスト２&#60;/li&#62; &#160; &#160; &#60;li&#62;リスト３&#60;/li&#62; &#160; &#160; &#60;li&#62;リスト４&#60;/li&#62; &#60;/ul&#62;]]></description>
		<wfw:commentRss>http://stabucky.com/wp/archives/33/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML色見本(モノトーン編)</title>
		<link>http://stabucky.com/wp/archives/32</link>
		<comments>http://stabucky.com/wp/archives/32#comments</comments>
		<pubDate>Sat, 25 Oct 2008 00:20:42 +0000</pubDate>
		<dc:creator>stabucky</dc:creator>
				<category><![CDATA[デジタル]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[色]]></category>
		<category><![CDATA[見本]]></category>

		<guid isPermaLink="false">http://stabucky.com/wp/?p=32</guid>
		<description><![CDATA[モノトーンでカラーネームの付いているものだけピックアップしました。 グレーよりもダークグレーの方が明るい？  カラーネーム コード 色 black #000000 The quick brown fox jumps over the lazy dog. dimgray #696969 The quick brown fox jumps over the lazy dog. gray #808080 The quick brown fox jumps over the lazy dog. darkgray #A9A9A9 The quick brown fox jumps over the lazy dog. silver #C0C0C0 The quick brown fox [...]]]></description>
		<wfw:commentRss>http://stabucky.com/wp/archives/32/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

