<?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>google Archives - Michael Sunarlim</title>
	<atom:link href="https://sunarlim.com/tag/google/feed/" rel="self" type="application/rss+xml" />
	<link>https://sunarlim.com/tag/google/</link>
	<description>Random blurbs about web development, e-commerce and technology</description>
	<lastBuildDate>Sun, 24 Jan 2016 05:30:38 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.4.5</generator>

<image>
	<url>https://i0.wp.com/sunarlim.com/wp-content/uploads/2016/07/cropped-MS_Square_512x512.png?fit=32%2C32&#038;ssl=1</url>
	<title>google Archives - Michael Sunarlim</title>
	<link>https://sunarlim.com/tag/google/</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">30613895</site>	<item>
		<title>Front End Frameworks Based on Google&#8217;s Material Design</title>
		<link>https://sunarlim.com/2014/11/front-end-frameworks-based-on-material-design/</link>
					<comments>https://sunarlim.com/2014/11/front-end-frameworks-based-on-material-design/#respond</comments>
		
		<dc:creator><![CDATA[Michael]]></dc:creator>
		<pubDate>Tue, 11 Nov 2014 10:18:33 +0000</pubDate>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[framework]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[javascript]]></category>
		<guid isPermaLink="false">https://sunarlim.com/?p=1212</guid>

					<description><![CDATA[<p>If you love Material Design, there is no reason why you should not try to use it as the DNA of your next project. Luckily a bunch of talented people took very little time to make things easier for their fellow designers and developers to be able to take make use the framework to their site's design.</p>
<p>The post <a href="https://sunarlim.com/2014/11/front-end-frameworks-based-on-material-design/">Front End Frameworks Based on Google&#8217;s Material Design</a> appeared first on <a href="https://sunarlim.com">Michael Sunarlim</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>In recent years we&#8217;ve seen Google has taken design very seriously. I personally think their competition with Apple in the tablet/smartphone war (Android vs iOS) forced them to take their design/visual up a few levels.</p>
<p>Google is not only polishing the interface on their mobile OS platform, but streamlining most of their wonderful and indispensable web applications with a unified look and style. <a href="http://www.google.com/design/spec/material-design/introduction.html" target="_blank">Material Design</a> is the latest design/visual language developed by Google and announced at the Google I/O conference in June 2014. As with latest UI design philosophy, Google went with flat look and focused on the details. While the direction is open for personal&#8217;s opinions, in overall I think Google has done a remarkable job.</p>
<p>If you love Material Design, there is no reason why you should not try to use it as the DNA of your next project. Luckily a bunch of talented people took very little time to make things easier for their fellow designers and developers to be able to take make use the framework to their site&#8217;s design.</p>
<h3><a href="http://dogfalo.github.io/materialize/" target="_blank">Materialize</a></h3>
<p><a href="http://dogfalo.github.io/materialize/" target="_blank"><img fetchpriority="high" decoding="async" src="https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/Optimize_Materialize_-_Documentation.png?resize=740%2C296&#038;ssl=1" alt="Materialize" width="740" height="296" class="alignnone size-full wp-image-1219" srcset="https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/Optimize_Materialize_-_Documentation.png?w=1200&amp;ssl=1 1200w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/Optimize_Materialize_-_Documentation.png?resize=300%2C120&amp;ssl=1 300w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/Optimize_Materialize_-_Documentation.png?resize=1024%2C409&amp;ssl=1 1024w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/Optimize_Materialize_-_Documentation.png?resize=150%2C60&amp;ssl=1 150w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/Optimize_Materialize_-_Documentation.png?resize=400%2C160&amp;ssl=1 400w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/Optimize_Materialize_-_Documentation.png?resize=800%2C320&amp;ssl=1 800w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/Optimize_Materialize_-_Documentation.png?resize=200%2C80&amp;ssl=1 200w" sizes="(max-width: 740px) 100vw, 740px" data-recalc-dims="1" /></a></p>
<p>This one goes on the top of my list because it feels like most polished and actively developed. The framework homepage shows a clear example how you can create nice look on your websites using their components.</p>
<h3><a href="https://fezvrasta.github.io/bootstrap-material-design/" target="_blank">Bootstrap Material</a></h3>
<p><a href="https://fezvrasta.github.io/bootstrap-material-design/" target="_blank"><img decoding="async" src="https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/Optimize_Bootstrap_Material.png?resize=740%2C296&#038;ssl=1" alt="Material Design for Bootstrap" width="740" height="296" class="alignnone size-full wp-image-1218" data-recalc-dims="1" /></a></p>
<p>If you are already in love with <a href="http://getbootstrap.com/" target="_blank">Bootstrap</a> and do not want to fool around with another framework, there is a solution for that too through this project by applying Material Design as a Bootstrap theme. Note that as the time of writing, this theme is not ready for production.</p>
<h3><a href="http://material-ui.com/" target="_blank">Material UI</a></h3>
<p><a href="http://material-ui.com/" target="_blank"><img decoding="async" src="https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/Optimize_Material_UI.png?resize=740%2C272&#038;ssl=1" alt="Material UI" width="740" height="272" class="alignnone size-full wp-image-1220" srcset="https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/Optimize_Material_UI.png?w=1200&amp;ssl=1 1200w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/Optimize_Material_UI.png?resize=300%2C110&amp;ssl=1 300w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/Optimize_Material_UI.png?resize=1024%2C376&amp;ssl=1 1024w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/Optimize_Material_UI.png?resize=150%2C55&amp;ssl=1 150w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/Optimize_Material_UI.png?resize=400%2C147&amp;ssl=1 400w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/Optimize_Material_UI.png?resize=800%2C294&amp;ssl=1 800w, https://i0.wp.com/sunarlim.com/wp-content/uploads/2014/11/Optimize_Material_UI.png?resize=200%2C73&amp;ssl=1 200w" sizes="(max-width: 740px) 100vw, 740px" data-recalc-dims="1" /></a></p>
<p>Last but not least, if you use <a href="http://facebook.github.io/react/" target="_blank">React</a> for your JavaScript library, this framework is definitely for you.</p>
<hr />
<p>There you go. Hopefully the list is useful for you. If you know other front-end frameworks that are based on Material Design, please share them by replying to this post. I would love to check and possibly add them here.</p>
<p>The post <a href="https://sunarlim.com/2014/11/front-end-frameworks-based-on-material-design/">Front End Frameworks Based on Google&#8217;s Material Design</a> appeared first on <a href="https://sunarlim.com">Michael Sunarlim</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://sunarlim.com/2014/11/front-end-frameworks-based-on-material-design/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1212</post-id>	</item>
		<item>
		<title>Multiple Currency in Google Analytics using Traditional Syntax</title>
		<link>https://sunarlim.com/2013/03/multiple-currency-in-google-analytics/</link>
					<comments>https://sunarlim.com/2013/03/multiple-currency-in-google-analytics/#respond</comments>
		
		<dc:creator><![CDATA[Michael]]></dc:creator>
		<pubDate>Tue, 19 Mar 2013 03:54:43 +0000</pubDate>
				<category><![CDATA[E-Commerce]]></category>
		<category><![CDATA[Online Marketing]]></category>
		<category><![CDATA[analytics]]></category>
		<category><![CDATA[google]]></category>
		<guid isPermaLink="false">https://sunarlim.com/?p=766</guid>

					<description><![CDATA[<p>Last month Google finally announced multiple currency in Google Analytics for e-commerce sites. A long waited feature so the news was a really big deal. More information about it can be found here. To apply it, you only need to add one simple line on your GA code before the call to _trackTrans: _gaq.push(['_set', ‘currencyCode’,... <span class="more"><a class="more-link" href="https://sunarlim.com/2013/03/multiple-currency-in-google-analytics/">Continue reading <span class="meta-nav">&#8594;</span></a></span></p>
<p>The post <a href="https://sunarlim.com/2013/03/multiple-currency-in-google-analytics/">Multiple Currency in Google Analytics using Traditional Syntax</a> appeared first on <a href="https://sunarlim.com">Michael Sunarlim</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>Last month Google finally announced multiple currency in Google Analytics for e-commerce sites. A long waited feature so the news was a really big deal. More information about it can be found <a title="Multi-Currency E-Commerce Support In Google Analytics" href="http://analytics.blogspot.com/2013/02/multi-currency-e-commerce-support-in.html" target="_blank">here</a>.</p>
<p>To apply it, you only need to add one simple line on your GA code before the call to <code>_trackTrans</code>:</p>
<pre class="lang:default decode:true">_gaq.push(['_set', ‘currencyCode’, ‘EUR’]);</pre>
<p>More detailed information can be found on their <a title="Ecommerce Tracking - Web Tracking (ga.js)" href="https://developers.google.com/analytics/devguides/collection/gajs/gaTrackingEcommerce" target="_blank">Ecommerce Tracking documentation</a>.</p>
<p>The minor problem is the example only shows the code for newer Asynchronous Syntax. What if you are using the Traditional Syntax? Well you can either update your code to use Asynchronous Syntax or use this line:</p>
<pre class="lang:default decode:true">pageTracker._set('currencyCode', 'EUR');</pre>
<p>Thanks Google!</p>
<p>The post <a href="https://sunarlim.com/2013/03/multiple-currency-in-google-analytics/">Multiple Currency in Google Analytics using Traditional Syntax</a> appeared first on <a href="https://sunarlim.com">Michael Sunarlim</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://sunarlim.com/2013/03/multiple-currency-in-google-analytics/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">766</post-id>	</item>
	</channel>
</rss>
