<?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>カラーピッカー | ウダ2Blog</title>
	<atom:link href="https://uda2.com/blog/tag/%E3%82%AB%E3%83%A9%E3%83%BC%E3%83%94%E3%83%83%E3%82%AB%E3%83%BC/feed/" rel="self" type="application/rss+xml" />
	<link>https://uda2.com/blog</link>
	<description>大阪でフリーランスとしてWEB制作している管理人が気になった技術をメモったり、作ったツールの紹介などを綴っているブログです。</description>
	<lastBuildDate>Mon, 23 Feb 2015 09:14:18 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9</generator>
	<item>
		<title>ブログパーツ</title>
		<link>https://uda2.com/blog/post_37/</link>
					<comments>https://uda2.com/blog/post_37/#respond</comments>
		
		<dc:creator><![CDATA[uda2]]></dc:creator>
		<pubDate>Sat, 14 Jun 2008 18:29:20 +0000</pubDate>
				<category><![CDATA[制作日記]]></category>
		<category><![CDATA[AJAX]]></category>
		<category><![CDATA[カラーピッカー]]></category>
		<category><![CDATA[ブログパーツ]]></category>
		<guid isPermaLink="false">http://uda2.com/wordpress/2008/06/post_37.html</guid>

					<description><![CDATA[<p>結構前から構想してたがなかなか特価部の方に時間を食われてできなかったブログパーツが完成した。iTunes StoreブログパーツみたいにFlashで作ろうかとも思ったけどサイズを自由に変更できて文字を確実に見せるにはFl</p>
The post <a href="https://uda2.com/blog/post_37/">ブログパーツ</a> first appeared on <a href="https://uda2.com/blog">ウダ2Blog</a>.]]></description>
										<content:encoded><![CDATA[<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img decoding="async" alt="blogparts_150x240.png" src="http://uda2.com/blog/upimages/blogparts_150x240.png" width="150" height="240" class="mt-image-left" style="float: left; margin: 0 20px 20px 0;" /></span>結構前から構想してたがなかなか特価部の方に時間を食われてできなかったブログパーツが完成した。<del datetime="2015-02-23T08:55:00+00:00">iTunes Storeブログパーツ</del>みたいにFlashで作ろうかとも思ったけどサイズを自由に変更できて文字を確実に見せるにはFlashだと面倒なのでインラインフレームの方式にした。<br />
（予定が早まったのでコミュニティの方はかなり雑になってしまった・・・）<br />
とりあえずは出来たのだが色の指定の方法がでクレームが付いて直すことになった。<br />
その指摘は「色コードが分からないという」という事だった、構想の段階では「色コード分かるかな～」と思ってたのだが制作に入るとすっかり忘れていた、ということで直す事になったがカラーピッカーを作るのがめんどくさい、昔作ったはずなんだがどっかにいったし、自分が作ったのだとしょぼいしブラウザの対応とか考えると遠い話になってくるそこでオープンソースなAJAXを使うことにした。<br />
AJAXなカラーピッカーも結構ある選ぶ参考にしたのが<a href="http://javascriptist.net/docs/libraries_colorpicker.html" target="_blank">JavaScriptist</a>（トップページが怖いサイト）<br />
<a href="/post/2007/09/PhotoShop-like-JavaScript-Color-Picker.aspx" target="_blank">PhotoShop-like JavaScript Color Picker</a><br />
JavaScriptistじゃないところからみつけたPhotoShop風カラーピッカー、デザイン的には一番いい感じだけどでかい。<br />
<a href="http://www.acko.net/dev/farbtastic" target="_blank">jQuery color picker</a><br />
Painter風カラーピッカー、これもかっこいいし、jQueryを使ってるのでなんか安心<br />
<a href="http://www.knallgrau.at/code/colorpicker" target="_blank">ColorPicker(script.aculo.us)</a><br />
windows風カラーピッカー、script.aculo.usとかいうのを使ってるらしいがよく分からんので調べてみたらprototype.jsに追加するものらしい、見た目は上の２つに劣るがポップアップなのでいい感じだ。<br />
結局、ColorPicker(script.aculo.us)を使うことにした、見た目は画像とCSSをいじって調整することにした。設置は簡単に終わった。見た目のほうはフィーダーの画像を作り直して、CSSの方はボタンの色を変更して、なぜかカラーピッカーの下のカラーコードが入るテキストボックスのフォントサイズが変になったのでテキストボックスのサイズを変更した。<br />
結果的に、このブログを書く時間やAJAXを探す時間よりも早くできた。<br />
ブログパーツを紹介するサイトに登録しているうちにすごいのを発見した。<br />
<del datetime="2015-02-23T08:55:00+00:00">ブログパーツ｜1-click Award</del><br />
とりあえず、このサイトあまり深く見ると自信をなくしそうなので見ないようにします。</p>The post <a href="https://uda2.com/blog/post_37/">ブログパーツ</a> first appeared on <a href="https://uda2.com/blog">ウダ2Blog</a>.]]></content:encoded>
					
					<wfw:commentRss>https://uda2.com/blog/post_37/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
