<?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>CSS Archives - Kathleen Sarkady</title>
	<atom:link href="https://kathleensarkady.com/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>https://kathleensarkady.com/tag/css/</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>Recreating Fantasyland</title>
		<link>https://kathleensarkady.com/recreating-fantasyland/</link>
		
		<dc:creator><![CDATA[KGS]]></dc:creator>
		<pubDate>Thu, 19 May 2016 04:29:40 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[Spritely]]></category>
		<guid isPermaLink="false">http://localhost/kathleen/?p=41</guid>

					<description><![CDATA[<p>The task: To recreate Disney&#8217;s New Fantasyland website without using Flash About: In December 2012, Disney released a fun, interactive, Flash website for New Fantasyland. Because Flash was quickly becoming outdated, I wanted to see if it was possible to replicate the&#8230;</p>
<p>The post <a href="https://kathleensarkady.com/recreating-fantasyland/">Recreating Fantasyland</a> appeared first on <a href="https://kathleensarkady.com">Kathleen Sarkady</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><strong>The task: </strong>To recreate Disney&#8217;s New Fantasyland website without using Flash<span id="more-41"></span></p>
<p><strong>About: </strong>In December 2012, Disney released a fun, interactive, <a href="http://blog.teamtreehouse.com/progressive-enhancement-with-responsive-web-design-and-flash" target="_blank">Flash website for New Fantasyland</a>. Because Flash was quickly becoming outdated, I wanted to see if it was possible to replicate the site using JQuery and HTML. While the original Flash site was taken down before I could complete this project, I was able to use <a href="http://spritely.net/" target="_blank">Spritely</a> to recreate multiple components of the site. Including the waving flags, the hover effects and the sounds. Clicking on Ariel or Belle reveal yet another piece of the site, which also contains movement and animation effects.</p>
<p><a href="https://kathleensarkady.com/fantasyland/index.html" target="_blank">View the project</a></p>
<p>The post <a href="https://kathleensarkady.com/recreating-fantasyland/">Recreating Fantasyland</a> appeared first on <a href="https://kathleensarkady.com">Kathleen Sarkady</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Winship Cancer Institute Microsite</title>
		<link>https://kathleensarkady.com/winship-cancer-institute-microsite/</link>
		
		<dc:creator><![CDATA[KGS]]></dc:creator>
		<pubDate>Thu, 19 May 2016 02:39:26 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Event Tracking]]></category>
		<category><![CDATA[Google Analytics]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Pixel Tracking]]></category>
		<category><![CDATA[responsive]]></category>
		<category><![CDATA[Wordpress]]></category>
		<guid isPermaLink="false">http://localhost/kathleen/?p=26</guid>

					<description><![CDATA[<p>The task: To work with a designer to create a trackable, maintainable microsite to highlight the stories of Emory Winship Cancer Institute&#8217;s survivors&#8217; stories. My role: Working with a designer, we established the important components of the page and sketched some wireframes.&#8230;</p>
<p>The post <a href="https://kathleensarkady.com/winship-cancer-institute-microsite/">Winship Cancer Institute Microsite</a> appeared first on <a href="https://kathleensarkady.com">Kathleen Sarkady</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><strong>The task: </strong>To work with a designer to create a trackable, maintainable microsite to highlight the stories of Emory Winship Cancer Institute&#8217;s survivors&#8217; stories.<span id="more-26"></span></p>
<p><strong>My role:</strong> Working with a designer, we established the important components of the page and sketched some wireframes. I then took his design and using HTML, CSS, and Javascript, translated his photoshop mock up into code. Then, so the client could easily manage, integrated the design into WordPress, allowing for various post formats. I also included event tracking throughout so the client could see how the user was interacting with the site<b>. </b></p>
<p><a href="http://advancingyourhealth.org/winship/" target="_blank">Visit the site</a></p>
<p>The post <a href="https://kathleensarkady.com/winship-cancer-institute-microsite/">Winship Cancer Institute Microsite</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>Inferno</title>
		<link>https://kathleensarkady.com/inferno/</link>
		
		<dc:creator><![CDATA[KGS]]></dc:creator>
		<pubDate>Thu, 19 May 2016 02:34:24 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[responsive]]></category>
		<category><![CDATA[Wordpress]]></category>
		<guid isPermaLink="false">http://localhost/kathleen/?p=17</guid>

					<description><![CDATA[<p>The task: Create a new, more modern website to show off our agency My role: I worked with a copy writer and art director to sift through our agencies needs and tasks with the website and create several strategies to present to&#8230;</p>
<p>The post <a href="https://kathleensarkady.com/inferno/">Inferno</a> appeared first on <a href="https://kathleensarkady.com">Kathleen Sarkady</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><strong>The task: </strong>Create a new, more modern website to show off our agency</p>
<p><span id="more-17"></span></p>
<p><strong>My role: </strong>I worked with a copy writer and art director to sift through our agencies needs and tasks with the website and create several strategies to present to the partners. Once a strategy was selected, the art director and copy writer created a static version of the site, which I then coded with HTML and CSS and integrated into WordPress.</p>
<p>Because our creative director wanted the site to be opened and flexible for updates to be made for the homepage, I utilized a plugin called Visual Composer to give him all the tools he needed to place what he needed on the homepage, while still maintaining the integrity of the site.</p>
<p><a href="http://creativeinferno.com" target="_blank">View the site</a></p>
<p>The post <a href="https://kathleensarkady.com/inferno/">Inferno</a> appeared first on <a href="https://kathleensarkady.com">Kathleen Sarkady</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Attendant Care Services</title>
		<link>https://kathleensarkady.com/attendant-care-services/</link>
		
		<dc:creator><![CDATA[KGS]]></dc:creator>
		<pubDate>Thu, 19 May 2016 02:32:17 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[fat-free framework]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[responsive]]></category>
		<guid isPermaLink="false">http://localhost/kathleen/?p=14</guid>

					<description><![CDATA[<p>The task: To create a new useable, approachable website My role: I coded this website using a photoshop file created by an designer, with HTML and CSS then integrated it to a PHP framework (Fat Free), to create a light, fast website, with clean URLs&#8230;</p>
<p>The post <a href="https://kathleensarkady.com/attendant-care-services/">Attendant Care Services</a> appeared first on <a href="https://kathleensarkady.com">Kathleen Sarkady</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><strong>The task: </strong>To create a new useable, approachable website</p>
<p><span id="more-14"></span></p>
<p><strong>My role: </strong>I coded this website using a photoshop file created by an designer, with HTML and CSS then integrated it to a PHP framework (Fat Free), to create a light, fast website, with clean URLs and content that is easily maintainable and updatable.</p>
<p><a href="http://attendantcareservices.net" target="_blank">View the site</a></p>
<p>The post <a href="https://kathleensarkady.com/attendant-care-services/">Attendant Care Services</a> appeared first on <a href="https://kathleensarkady.com">Kathleen Sarkady</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Stanley+Woodard Law Firm</title>
		<link>https://kathleensarkady.com/stanleywoodard-law-firm/</link>
		
		<dc:creator><![CDATA[KGS]]></dc:creator>
		<pubDate>Thu, 19 May 2016 02:07:11 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[responsive]]></category>
		<guid isPermaLink="false">http://localhost/kathleen/?p=8</guid>

					<description><![CDATA[<p>.The task: To refresh Stanley+Woodard&#8217;s old site with their new branding and create a more modern website My role: Using a photoshop document, designed by one of our designers, I used HTML, CSS and Javascript to code this website to match the design&#8230;</p>
<p>The post <a href="https://kathleensarkady.com/stanleywoodard-law-firm/">Stanley+Woodard Law Firm</a> appeared first on <a href="https://kathleensarkady.com">Kathleen Sarkady</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>.<strong>The task: </strong>To refresh Stanley+Woodard&#8217;s old site with their new branding and create a more modern website</p>
<p><span id="more-8"></span></p>
<p><strong>My role: </strong>Using a photoshop document, designed by one of our designers, I used HTML, CSS and Javascript to code this website to match the design composition perfectly.</p>
<p><a href="http://stanleywoodard.com/" target="_blank">View the site</a></p>
<p>The post <a href="https://kathleensarkady.com/stanleywoodard-law-firm/">Stanley+Woodard Law Firm</a> appeared first on <a href="https://kathleensarkady.com">Kathleen Sarkady</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>ReTrans</title>
		<link>https://kathleensarkady.com/retrans/</link>
					<comments>https://kathleensarkady.com/retrans/#comments</comments>
		
		<dc:creator><![CDATA[KGS]]></dc:creator>
		<pubDate>Thu, 19 May 2016 01:33:12 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[responsive]]></category>
		<guid isPermaLink="false">http://localhost/kathleen/?p=1</guid>

					<description><![CDATA[<p>The task: To refresh ReTrans old site with their new branding and create a more modern website My role: Using a photoshop document, designed by one of our designers, I used HTML, CSS and Javascript to code this website to match the&#8230;</p>
<p>The post <a href="https://kathleensarkady.com/retrans/">ReTrans</a> appeared first on <a href="https://kathleensarkady.com">Kathleen Sarkady</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><strong>The task: </strong>To refresh ReTrans old site with their new branding and create a more modern website</p>
<p><span id="more-5"></span></p>
<p><strong>My role: </strong>Using a photoshop document, designed by one of our designers, I used HTML, CSS and Javascript to code this website to match the design composition perfectly.</p>
<p><a href="http://www.re-trans.com/" target="_blank">View the site</a></p>
<p>The post <a href="https://kathleensarkady.com/retrans/">ReTrans</a> appeared first on <a href="https://kathleensarkady.com">Kathleen Sarkady</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://kathleensarkady.com/retrans/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
	</channel>
</rss>
