<?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>CSS3 Archives - Kathleen Sarkady</title>
	<atom:link href="https://kathleensarkady.com/tag/css3/feed/" rel="self" type="application/rss+xml" />
	<link>https://kathleensarkady.com/tag/css3/</link>
	<description>I build user friendly websites</description>
	<lastBuildDate>Tue, 25 Apr 2017 14:43:24 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>
	<item>
		<title>Deca Global</title>
		<link>https://kathleensarkady.com/deca-global/</link>
		
		<dc:creator><![CDATA[KGS]]></dc:creator>
		<pubDate>Tue, 25 Apr 2017 14:42:46 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[SASS]]></category>
		<guid isPermaLink="false">https://kathleensarkady.com/?p=224</guid>

					<description><![CDATA[<p>The task: Develop a clean and efficient front-end code for Deca Global About: Using SASS and a quick start template I developed, I quickly and efficiently coded the front-end for Deca Global using HTML, SASS and JQuery. The end product was sent&#8230;</p>
<p>The post <a href="https://kathleensarkady.com/deca-global/">Deca Global</a> appeared first on <a href="https://kathleensarkady.com">Kathleen Sarkady</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><strong>The task: </strong>Develop a clean and efficient front-end code for Deca Global</p>
<p><span id="more-224"></span></p>
<p><strong>About: </strong>Using SASS and a quick start template I developed, I quickly and efficiently coded the front-end for Deca Global using HTML, SASS and JQuery. The end product was sent to our back-end developer who was able to transition it to a CMS without touching the front-end at all.</p>
<p><a href="http://decaglobal.com/" target="_blank" rel="noopener noreferrer">View the website</a></p>
<p>The post <a href="https://kathleensarkady.com/deca-global/">Deca Global</a> appeared first on <a href="https://kathleensarkady.com">Kathleen Sarkady</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>SenseAware Tablet Experience</title>
		<link>https://kathleensarkady.com/senseaware-tablet-experience/</link>
		
		<dc:creator><![CDATA[KGS]]></dc:creator>
		<pubDate>Thu, 19 May 2016 02:35:20 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[Skrollr]]></category>
		<guid isPermaLink="false">http://localhost/kathleen/?p=11</guid>

					<description><![CDATA[<p>The task: Create an interactive tablet experience showing off the SenseAware product for a trade show. My role: Over the course of two weeks, I worked with a designer, copy writer and account staff to come up with an interactive, fun solution,&#8230;</p>
<p>The post <a href="https://kathleensarkady.com/senseaware-tablet-experience/">SenseAware Tablet Experience</a> appeared first on <a href="https://kathleensarkady.com">Kathleen Sarkady</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><strong>The task: </strong>Create an interactive tablet experience showing off the SenseAware product for a trade show.<span id="more-11"></span></p>
<p><strong>My role: </strong>Over the course of two weeks, I worked with a designer, copy writer and account staff to come up with an interactive, fun solution, then quickly code the final product with HTML, CSS3 and CSS3 animations, JQuery, Javascript and Skrollr.</p>
<p>The final product walks you through the need for SenseAware, then gives you an interactive journey for you to see how the product can help through a package&#8217;s trip. Though the final product cannot be viewed and played with, I&#8217;ve provided gifs of the product below.</p>
<p><img fetchpriority="high" decoding="async" class="alignnone size-full wp-image-76" src="/wp-content/uploads/2016/05/first.gif" alt="first" width="832" height="550" /></p>
<p><img decoding="async" class="alignnone size-full wp-image-78" src="/wp-content/uploads/2016/05/second.gif" alt="second" width="832" height="548" /></p>
<p><img decoding="async" class="alignnone size-full wp-image-79" src="/wp-content/uploads/2016/05/third.gif" alt="third" width="832" height="552" /></p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-77" src="/wp-content/uploads/2016/05/fourth.gif" alt="fourth" width="834" height="554" /></p>
<p>The post <a href="https://kathleensarkady.com/senseaware-tablet-experience/">SenseAware Tablet Experience</a> appeared first on <a href="https://kathleensarkady.com">Kathleen Sarkady</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>The Fight</title>
		<link>https://kathleensarkady.com/the-fight/</link>
		
		<dc:creator><![CDATA[KGS]]></dc:creator>
		<pubDate>Wed, 18 May 2016 04:39:46 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[HTML]]></category>
		<guid isPermaLink="false">http://localhost/kathleen/?p=45</guid>

					<description><![CDATA[<p>The task: To teach myself a new technology &#8211; I set out to create a short animation using nothing but HTML5 and CSS3 My role: As a college student we were giving an assignment to learn a new technology and this was my&#8230;</p>
<p>The post <a href="https://kathleensarkady.com/the-fight/">The Fight</a> appeared first on <a href="https://kathleensarkady.com">Kathleen Sarkady</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><strong>The task: </strong>To teach myself a new technology &#8211; I set out to create a short animation using nothing but HTML5 and CSS3</p>
<p><span id="more-45"></span></p>
<p><strong>My role: </strong>As a college student we were giving an assignment to learn a new technology and this was my project. Using nothing but HTML and CSS, I used Keyframes and CSS animations and transforms to move various pieces of stick figures to look like they were fighting.</p>
<p>Each character&#8217;s movements are maintained in separate stylesheets to keep things organized and allow myself to search the code for a particular part of the movement easier.</p>
<p>The final product is a fight that last about 20 seconds, between two of my co-workers. This project ended up being something I just wanted to have fun with and really enjoy doing. The two of them formed a mock rivalry in the office so I used this to play on that.</p>
<p><a href="https://kathleensarkady.com/415ty/animations/dcfight/index.html" target="_blank">View the project</a></p>
<p>The post <a href="https://kathleensarkady.com/the-fight/">The Fight</a> appeared first on <a href="https://kathleensarkady.com">Kathleen Sarkady</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
