<?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/"
	
	xmlns:georss="http://www.georss.org/georss"
	xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
	>

<channel>
	<title>YUI | Web活メモ帳</title>
	<atom:link href="https://blog.verygoodtown.com/tag/yui/feed/" rel="self" type="application/rss+xml" />
	<link>https://blog.verygoodtown.com</link>
	<description>WEB開発者が使える世界の情報を発信します</description>
	<lastBuildDate>Sat, 19 Jun 2010 13:00:06 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.9.10</generator>
<site xmlns="com-wordpress:feed-additions:1">122803348</site>	<item>
		<title>HTML5とCSS3でアプリケーションを作れるYUIのライブラリ「Alloy UI」</title>
		<link>https://blog.verygoodtown.com/2010/06/html5-css3-yui-library-alloy-ui/</link>
					<comments>https://blog.verygoodtown.com/2010/06/html5-css3-yui-library-alloy-ui/#respond</comments>
		
		<dc:creator><![CDATA[linja]]></dc:creator>
		<pubDate>Wed, 23 Jun 2010 23:59:42 +0000</pubDate>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[BSD License]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[YUI]]></category>
		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=4591</guid>

					<description><![CDATA[<p>「Alloy UI」はHTML5とCSS3でウェブサイトを構築する際に使える高機能なライブラリです。 YUIをベースに使われており、それぞれはコンポーネントという形で提供されるため必要な機能だけ設定する事が可能です。 デ [&#8230;]</p>
The post <a href="https://blog.verygoodtown.com/2010/06/html5-css3-yui-library-alloy-ui/">HTML5とCSS3でアプリケーションを作れるYUIのライブラリ「Alloy UI」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></description>
										<content:encoded><![CDATA[<p>「<a href="http://alloy.liferay.com/" target="_blank">Alloy UI</a>」はHTML5とCSS3でウェブサイトを構築する際に使える高機能なライブラリです。</p>
<p>YUIをベースに使われており、それぞれはコンポーネントという形で提供されるため必要な機能だけ設定する事が可能です。</p>
<p><a href="http://alloy.liferay.com/demos.php" target="_blank"><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/06/20100619-03.jpg" alt="20100619-03" title="20100619-03" width="555" height="167" class="alignnone size-full wp-image-4592" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/06/20100619-03.jpg 555w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/06/20100619-03-300x90.jpg 300w" sizes="(max-width: 555px) 100vw, 555px" /></a><br />
<span id="more-4591"></span><br />
<a class="comments_l" target="_blank" href="http://alloy.liferay.com/demos.php">デモ一覧</a></p>
<p>デモ画面からは、以下の機能が確認する事ができます。</p>
<ul>
<li><a href="http://alloy.liferay.com/demos.php?demo=image_gallery" target="_blank">画像ギャラリー</a></li>
<li><a href="http://alloy.liferay.com/demos.php?demo=autocomplete" target="_blank">サジェスト風の入力補完</a></li>
<li><a href="http://alloy.liferay.com/demos.php?demo=calendar" target="_blank">カレンダー</a></li>
<li><a href="http://alloy.liferay.com/demos.php?demo=charts" target="_blank">チャート</a></li>
</ul>
<p>サイト内にリッチなウィジェットを設置する際にいかがでしょうか。</p>The post <a href="https://blog.verygoodtown.com/2010/06/html5-css3-yui-library-alloy-ui/">HTML5とCSS3でアプリケーションを作れるYUIのライブラリ「Alloy UI」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></content:encoded>
					
					<wfw:commentRss>https://blog.verygoodtown.com/2010/06/html5-css3-yui-library-alloy-ui/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">4591</post-id>	</item>
		<item>
		<title>JavaScriptのフレームワークを試せるオンラインエディタ「jsFiddle」</title>
		<link>https://blog.verygoodtown.com/2010/02/online-javascript-editer-jsfiddle/</link>
					<comments>https://blog.verygoodtown.com/2010/02/online-javascript-editer-jsfiddle/#comments</comments>
		
		<dc:creator><![CDATA[linja]]></dc:creator>
		<pubDate>Tue, 16 Feb 2010 11:42:39 +0000</pubDate>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[Dojo]]></category>
		<category><![CDATA[Glow]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[mootools]]></category>
		<category><![CDATA[online IDE]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[prototype]]></category>
		<category><![CDATA[Vanilla]]></category>
		<category><![CDATA[YUI]]></category>
		<category><![CDATA[オンラインエディタ]]></category>
		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=2354</guid>

					<description><![CDATA[<p>jsFiddleはJavaScriptのフレームワークの動作を確認できるオンラインエディタです。 エディタは４つのブロックに分かれています。 HTMLエディタ CSSエディタ JavaScriptエディタ 出力 使用する [&#8230;]</p>
The post <a href="https://blog.verygoodtown.com/2010/02/online-javascript-editer-jsfiddle/">JavaScriptのフレームワークを試せるオンラインエディタ「jsFiddle」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/jsFiddle.png" alt="jsFiddle" title="jsFiddle" width="600" height="422" class="alignnone size-full wp-image-2356" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/jsFiddle.png 600w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/jsFiddle-300x211.png 300w" sizes="(max-width: 600px) 100vw, 600px" /><br />
<a href="http://jsfiddle.net/" target="_blank">jsFiddle</a>はJavaScriptのフレームワークの動作を確認できるオンラインエディタです。</p>
<p><span id="more-2354"></span></p>
<p>エディタは４つのブロックに分かれています。</p>
<ul>
<li>HTMLエディタ</li>
<li>CSSエディタ</li>
<li>JavaScriptエディタ</li>
<li>出力</li>
</ul>
<p>使用するフレームワークとバージョンを選択し、「RUN」ボタンを押すだけで簡単に実行させることができます。<br />
フレームワークにはMooTools、jQuery、Dojo、Prototype、YUI、Glow、Vanilla、processingが使用できました。</p>
<p>作成した内容には独自のURLが割り振られるため、後から共有することも可能になっています。</p>
<p>さくっと色々試せるので、フレームワークの比較とかには良いかもしれません。</p>The post <a href="https://blog.verygoodtown.com/2010/02/online-javascript-editer-jsfiddle/">JavaScriptのフレームワークを試せるオンラインエディタ「jsFiddle」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></content:encoded>
					
					<wfw:commentRss>https://blog.verygoodtown.com/2010/02/online-javascript-editer-jsfiddle/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">2354</post-id>	</item>
		<item>
		<title>キーボードに対応したドロップダウンメニューを作れるYUIのモジュール「SimpleMenu」</title>
		<link>https://blog.verygoodtown.com/2010/02/keyboard-focus-drop-down-menu-yui-module-simplemenu/</link>
					<comments>https://blog.verygoodtown.com/2010/02/keyboard-focus-drop-down-menu-yui-module-simplemenu/#respond</comments>
		
		<dc:creator><![CDATA[linja]]></dc:creator>
		<pubDate>Sat, 13 Feb 2010 04:21:13 +0000</pubDate>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[BSD]]></category>
		<category><![CDATA[keyboard]]></category>
		<category><![CDATA[YUI]]></category>
		<category><![CDATA[プルダウン]]></category>
		<category><![CDATA[ユーザビリティー]]></category>
		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=2181</guid>

					<description><![CDATA[<p>YUIのドロップダウンメニューにて、キーボードでのフォーカスに対応させる事が可能になったようです。SimpleMenu module というモジュールでYahooでの検索に使用するために作られたとの事。 以下のようなコー [&#8230;]</p>
The post <a href="https://blog.verygoodtown.com/2010/02/keyboard-focus-drop-down-menu-yui-module-simplemenu/">キーボードに対応したドロップダウンメニューを作れるYUIのモジュール「SimpleMenu」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/yui.jpg" alt="yui" title="yui" width="600" height="326" class="alignnone size-full wp-image-2182" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/yui.jpg 600w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/02/yui-300x163.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /><br />
YUIのドロップダウンメニューにて、キーボードでのフォーカスに対応させる事が可能になったようです。<a href="http://www.yuiblog.com/blog/2010/02/12/gallery-simple-menu/" target="_blank">SimpleMenu module </a>というモジュールでYahooでの検索に使用するために作られたとの事。</p>
<p><span id="more-2181"></span></p>
<p>以下のようなコードで簡単に実現できるようです。<br />
<strong>html</strong></p>
<pre class="brush:xml;">
<!-- アンカーテキストを作成 -->
<a href="http://developer.yahoo.com/yui/" id="optionsmenu">YUI-Related Links</a>

<!-- プルダウンメニューを指定 -->
<div id="optionsmenucontainer" class="yui-cssreset">
<ul>
<li><a href="http://developer.yahoo.com/yui/">YUI documentation</a></li>
<li><a href="http://yuilibrary.com">YUI project site</a></li>
<li><a href="http://yuilibrary.com/forum/">YUI discussion forums</a></li>
<li><a href="http://yuiblog.com">YUIBlog</a></li>
<li><a href="http://developer.yahoo.com/yui/theater/">YUI Theater</a></li>
<li><a href="http://yuilibrary.com/gallery/">YUI 3 Gallery</a></li>
<li><a href="http://twitter.com/yuilibrary">@YUILibrary on Twitter</a></li>
<li><a href="http://twitter.com/miraglia/yui/members">@YUILibrary developers on Twitter</a></li>
</ul>
</div></pre>
<p><strong>JavaScript</strong></p>
<pre class="brush:xml;">
&lt;script type="text/javascript" 
src="http://yui.yahooapis.com/combo?3.0.0/build/yui/yui-min.js&gallery-2010.02.10-01/
build/gallery-simple-menu/gallery-simple-menu-min.js"&gt;&lt;/script&gt;

&lt;script language="javascript"&gt;
YUI().use('gallery-simple-menu', function(Y) {
    Y.one('#optionsmenu').plug(Y.Plugin.SimpleMenu);
});
&lt;/script&gt;

</pre>
<p><strong>css</strong></p>
<pre class="brush:css;">
#optionsmenucontainer {
    left:-4500px;
    position:absolute;
}

#optionsmenucontainer.menu-visible {
    left:auto;
}

</pre>
<p>サイトでは<a href="http://ericmiraglia.com/yui/demos/simplemenu.php" target="_blank">デモ</a>が紹介されています。<br />
ユーザビリティーを強化させたい方は使ってみてはいかがでしょうか。</p>The post <a href="https://blog.verygoodtown.com/2010/02/keyboard-focus-drop-down-menu-yui-module-simplemenu/">キーボードに対応したドロップダウンメニューを作れるYUIのモジュール「SimpleMenu」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></content:encoded>
					
					<wfw:commentRss>https://blog.verygoodtown.com/2010/02/keyboard-focus-drop-down-menu-yui-module-simplemenu/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">2181</post-id>	</item>
	</channel>
</rss>
