<?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>No.1026 &#187; Yokohama.js</title>
	<atom:link href="http://no1026.com/archives/tag/yokohama-js/feed" rel="self" type="application/rss+xml" />
	<link>http://no1026.com</link>
	<description>CSSのこととかwebのこととか何となく書きたいことを書くところ</description>
	<lastBuildDate>Sun, 23 Mar 2014 15:02:00 +0000</lastBuildDate>
	<language>ja</language>
		<sy:updatePeriod>hourly</sy:updatePeriod>
		<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.8.11</generator>
	<item>
		<title>第3回くらいYokohama.jsに行ってno JS Loop Sliderを作った</title>
		<link>http://no1026.com/archives/62</link>
		<comments>http://no1026.com/archives/62#comments</comments>
		<pubDate>Wed, 05 Sep 2012 12:29:28 +0000</pubDate>
		<dc:creator><![CDATA[1026]]></dc:creator>
				<category><![CDATA[イベント系の話]]></category>
		<category><![CDATA[何か作った話]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[CSSプログラミング]]></category>
		<category><![CDATA[Yokohama.js]]></category>

		<guid isPermaLink="false">http://no1026.com/wordpress/?p=62</guid>
		<description><![CDATA[jQueryでスライダーを作ろうというお題のYokohama.jsに行ってno JS Pure CSS スライダーを作って来ました。 『ループ』スライダー。これ重要 ただのno JSスライダーなんてものは既に500人くら [&#8230;]]]></description>
				<content:encoded><![CDATA[ <p>jQueryでスライダーを作ろうというお題のYokohama.jsに行ってno JS Pure CSS スライダーを作って来ました。</p>

<h2>『ループ』スライダー。これ重要</h2>

<p>ただのno JSスライダーなんてものは既に500人くらい作っていると思ったのであくまでループスライダーであることにこだわりました。</p>

<p>JSで作る場合と同じく、ラップを動かして一番端に来た時だけホゲホゲしてやれば一番きれいに出来るのではないかと思ったのですが、<a  href="http://jsdo.it/No_1026/ngli" target="_blnak">こういう問題</a>などがあり出来ませんでした。</p>

<p>そういった訳でz-indexで調整して色々見えないようにしながら裏で画像全部をブンブン振り回す感じで作りました。</p>

<p>珍しくChromeだけでなくIE9以上なら動くものができたので（アニメーションの可否は除いて）、SCSSあたりで汎用性のあるものにしたかったのですが、function周りをいまいち理解していない僕には無理でした。</p>

<p>デフォのデザインとちょっとオサレにしたのの２点</p>

<script type="text/javascript" src="http://jsdo.it/blogparts/9oVD/js"></script>

<script type="text/javascript" src="http://jsdo.it/blogparts/uQ21/js"></script>

<p><b>おまけ</b>：すごい人と喋ったよ。</p>]]></content:encoded>
			<wfw:commentRss>http://no1026.com/archives/62/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Dynamic page generated in 1.279 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2015-11-15 15:39:14 -->
