<?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>gifアニメ アーカイブ - VIVABlog</title>
	<atom:link href="https://vivablog.net/tag/gif%e3%82%a2%e3%83%8b%e3%83%a1/feed/" rel="self" type="application/rss+xml" />
	<link>https://vivablog.net/tag/gifアニメ/</link>
	<description>WordPressやMovableTypeのカスタマイズやWebサイトの制作・運営に役立つ情報など。</description>
	<lastBuildDate>Wed, 09 Jul 2014 06:32:13 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>
<atom:link rel="hub" href="https://pubsubhubbub.appspot.com"/>
<atom:link rel="hub" href="https://pubsubhubbub.superfeedr.com"/>
<atom:link rel="hub" href="https://websubhub.com/hub"/>
<atom:link rel="self" href="https://vivablog.net/tag/gif%e3%82%a2%e3%83%8b%e3%83%a1/feed/"/>
	<item>
		<title>[js] gifアニメのリンクを全画面で表示する「Giflinks」</title>
		<link>https://vivablog.net/webtool/icon-webtool/kiji1049/</link>
		
		<dc:creator><![CDATA[管理人]]></dc:creator>
		<pubDate>Wed, 09 Jul 2014 06:32:13 +0000</pubDate>
				<category><![CDATA[アイコン・ロゴ・画像素材]]></category>
		<category><![CDATA[スクリプト]]></category>
		<category><![CDATA[gif]]></category>
		<category><![CDATA[Giflinks]]></category>
		<category><![CDATA[gifアニメ]]></category>
		<category><![CDATA[github]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[JS]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[ライブラリ]]></category>
		<guid isPermaLink="false">https://vivablog.net/?p=1049</guid>

					<description><![CDATA[<p>「GifLinks」は、gifアニメへのリンクにマウスカーソルを持っていくと、ブラウザの表示画面全体にgifアニメが表示されるjsライブラリ。 なかなか面白いですね。ただ、あまり重いgifアニメは使わないように注意しない...</p>
<hr />
<p><a href="https://vivablog.net/webtool/icon-webtool/kiji1049/">[js] gifアニメのリンクを全画面で表示する「Giflinks」</a></p>
<div class='yarpp yarpp-related yarpp-related-rss yarpp-template-list'>
<!-- YARPP List -->
<h4>関連する記事</h4><ol>
<li><a href="https://vivablog.net/webtool/script/kiji881/" rel="bookmark" title="[JS] マウスカーソルで画像をズームする「Magnifier,js」">[JS] マウスカーソルで画像をズームする「Magnifier,js」</a></li>
<li><a href="https://vivablog.net/webtool/basetemplate/kiji970/" rel="bookmark" title="[JS] マウスに連動してシャドウを移動させる「shine.js」">[JS] マウスに連動してシャドウを移動させる「shine.js」</a></li>
<li><a href="https://vivablog.net/webtool/icon-webtool/kiji989/" rel="bookmark" title="[icon] 439種類のアイコンがCSSで指定できる、Webアイコンフォント「Font Awesome Icons」">[icon] 439種類のアイコンがCSSで指定できる、Webアイコンフォント「Font Awesome Icons」</a></li>
<li><a href="https://vivablog.net/webtool/kiji1031/" rel="bookmark" title="[js] HTML5でシンプルな動的グラフが作れる「Chart.js」">[js] HTML5でシンプルな動的グラフが作れる「Chart.js」</a></li>
</ol>
</div>
]]></description>
		
		
		
			</item>
		<item>
		<title>[CSS] ロード時のアニメーションをCSSだけで表現するサンプル</title>
		<link>https://vivablog.net/webtool/icon-webtool/kiji982/</link>
		
		<dc:creator><![CDATA[管理人]]></dc:creator>
		<pubDate>Tue, 13 May 2014 06:06:29 +0000</pubDate>
				<category><![CDATA[アイコン・ロゴ・画像素材]]></category>
		<category><![CDATA[テンプレート・CSS]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[gifアニメ]]></category>
		<category><![CDATA[アイコン]]></category>
		<category><![CDATA[アニメーション]]></category>
		<category><![CDATA[ロード画面]]></category>
		<guid isPermaLink="false">https://vivablog.net/?p=982</guid>

					<description><![CDATA[<p>Single Element CSS Spinners 画像ファイルを一切使用せず、CSSだけでロード時のアニメーションアイコンを表示するサンプル。出来合いのアニメgifを使うのが最も楽ですが、1から自分で作る手間を考え...</p>
<hr />
<p><a href="https://vivablog.net/webtool/icon-webtool/kiji982/">[CSS] ロード時のアニメーションをCSSだけで表現するサンプル</a></p>
<div class='yarpp yarpp-related yarpp-related-rss yarpp-template-list'>
<!-- YARPP List -->
<h4>関連する記事</h4><ol>
<li><a href="https://vivablog.net/webtool/basetemplate/kiji782/" rel="bookmark" title="[CSS] CSSのみで作られた各種ロゴマーク">[CSS] CSSのみで作られた各種ロゴマーク</a></li>
<li><a href="https://vivablog.net/webtool/basetemplate/kiji794/" rel="bookmark" title="[CSS] リストやキャプションなど、アニメーションエフェクトCSSのサンプル">[CSS] リストやキャプションなど、アニメーションエフェクトCSSのサンプル</a></li>
<li><a href="https://vivablog.net/wordpressplugin/kiji381/" rel="bookmark" title="WordPressのコメント認証にOpenID">WordPressのコメント認証にOpenID</a></li>
<li><a href="https://vivablog.net/webtool/icon-webtool/kiji150/" rel="bookmark" title="Ajaxツールなどのロード用アイコンジェネレーター">Ajaxツールなどのロード用アイコンジェネレーター</a></li>
</ol>
</div>
]]></description>
		
		
		
			</item>
	</channel>
</rss>
