<?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>UI設計模式 &#8211; 這世上 沒有偶然 只有必然</title>
	<atom:link href="https://wordpress.lokidea.com/tag/ui%e8%a8%ad%e8%a8%88%e6%a8%a1%e5%bc%8f/feed/" rel="self" type="application/rss+xml" />
	<link>https://wordpress.lokidea.com</link>
	<description>幻幽的小小分享區</description>
	<lastBuildDate>Sat, 23 Jul 2016 11:44:56 +0000</lastBuildDate>
	<language>zh-TW</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	
	<item>
		<title>Slick 的設計模式是 carousel 呢【205/366】</title>
		<link>https://wordpress.lokidea.com/1112/slick-%e7%9a%84%e8%a8%ad%e8%a8%88%e6%a8%a1%e5%bc%8f%e6%98%af-carousel-%e5%91%a2%e3%80%90205-366%e3%80%91/</link>
					<comments>https://wordpress.lokidea.com/1112/slick-%e7%9a%84%e8%a8%ad%e8%a8%88%e6%a8%a1%e5%bc%8f%e6%98%af-carousel-%e5%91%a2%e3%80%90205-366%e3%80%91/#respond</comments>
		
		<dc:creator><![CDATA[Barney Chen]]></dc:creator>
		<pubDate>Sat, 23 Jul 2016 11:44:56 +0000</pubDate>
				<category><![CDATA[初次研究]]></category>
		<category><![CDATA[前端]]></category>
		<category><![CDATA[每日一篇]]></category>
		<category><![CDATA[網路觀察]]></category>
		<category><![CDATA[design pattern]]></category>
		<category><![CDATA[pattern]]></category>
		<category><![CDATA[UI設計模式]]></category>
		<guid isPermaLink="false">https://wordpress.lokidea.com/?p=1112</guid>

					<description><![CDATA[做前端的畫面就是要使用很多不同的套件 最近一個案子可能會使用類似 slideshow 的效果 就請設計找一下他 &#8230; <a href="https://wordpress.lokidea.com/1112/slick-%e7%9a%84%e8%a8%ad%e8%a8%88%e6%a8%a1%e5%bc%8f%e6%98%af-carousel-%e5%91%a2%e3%80%90205-366%e3%80%91/" class="more-link">閱讀全文 <span class="screen-reader-text">Slick 的設計模式是 carousel 呢【205/366】</span></a>]]></description>
										<content:encoded><![CDATA[<p>做前端的畫面就是要使用很多不同的套件<br />
最近一個案子可能會使用類似 slideshow 的效果<br />
就請設計找一下他比較中意的套件範例<br />
就找到了兩個頁面<br />
<a href="http://www.htmleaf.com/jQuery/Slideshow-Scroller/201504031618.html" target="_blank" rel="noopener noreferrer">jQuery支持触摸屏设备的响应式幻灯片插件</a><br />
<a href="http://kenwheeler.github.io/slick/" target="_blank" rel="noopener noreferrer">slick &#8211; the last carousel you&#8217;ll ever need</a><br />
<span id="more-1112"></span><br />
第一個頁面是 中文的介紹<br />
套件名稱是 <a href="http://bqworks.com/slider-pro/" target="_blank" rel="noopener noreferrer">Slider Pro &#8211; Elegant and Professional Sliders</a>、<a href="https://github.com/bqworks/slider-pro" target="_blank" rel="noopener noreferrer">Github</a><br />
網站上面有五種版面Demo<br />
上面中文的頁面也有詳細的參數與功能說明可以參考</p>
<hr />
<p>第二個頁面才是這次的重點<br />
Slick<br />
官方的說明是寫</p>
<blockquote><p>the last carousel you&#8217;ll ever need</p></blockquote>
<p>carousel 也是一種 <a href="http://ui-patterns.com/patterns/Carousel" target="_blank" rel="noopener noreferrer">UI Patterns</a><br />
跟 <a href="http://ui-patterns.com/patterns/Slideshow" target="_blank" rel="noopener noreferrer">slideshow</a> 很像<br />
其實我也沒有很瞭解這兩種 patterns 的差異<br />
所以之後應該會有一系列的 patterns 研究的文章<br />
從 <a href="http://ui-patterns.com/patterns" target="_blank" rel="noopener noreferrer">UI Patterns</a> 上面分類出來的 pattern 來整理研究<br />
再寫成各個pattern的文章吧<br />
覺得現在這方面的中文資源滿少的<br />
也剛好整理一下觀念與推廣一下</p>
]]></content:encoded>
					
					<wfw:commentRss>https://wordpress.lokidea.com/1112/slick-%e7%9a%84%e8%a8%ad%e8%a8%88%e6%a8%a1%e5%bc%8f%e6%98%af-carousel-%e5%91%a2%e3%80%90205-366%e3%80%91/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
