<?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>Design Blog &#8211; eyelearn</title>
	<atom:link href="http://eyelearn.org/ma/category/design-blog/feed/" rel="self" type="application/rss+xml" />
	<link>http://eyelearn.org/ma</link>
	<description>a look at design for the web &#38; all it entails</description>
	<lastBuildDate>Thu, 31 Jul 2014 12:45:39 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.7.2</generator>
<site xmlns="com-wordpress:feed-additions:1">26131293</site>	<item>
		<title>The Adobe Illustrator Story</title>
		<link>http://eyelearn.org/ma/design-blog/the-adobe-illustrator-story/</link>
					<comments>http://eyelearn.org/ma/design-blog/the-adobe-illustrator-story/#comments</comments>
		
		<dc:creator><![CDATA[prisca]]></dc:creator>
		<pubDate>Thu, 31 Jul 2014 12:45:08 +0000</pubDate>
				<category><![CDATA[Design Blog]]></category>
		<category><![CDATA[graphic design]]></category>
		<guid isPermaLink="false">http://eyelearn.org/ma/?p=3952</guid>

					<description><![CDATA[How wonderful to find out more about how this (once) wonderful app came to be ;)]]></description>
										<content:encoded><![CDATA[<p><iframe loading="lazy" src="//player.vimeo.com/video/95415863" width="500" height="281" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></p>
<p>How wonderful to find out more about how this (once) wonderful app came to be ;)</p>
]]></content:encoded>
					
					<wfw:commentRss>http://eyelearn.org/ma/design-blog/the-adobe-illustrator-story/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">3952</post-id>	</item>
		<item>
		<title>origins of common UI symbols</title>
		<link>http://eyelearn.org/ma/design-blog/origins-of-common-ui-symbols/</link>
		
		<dc:creator><![CDATA[prisca]]></dc:creator>
		<pubDate>Fri, 07 Feb 2014 15:18:26 +0000</pubDate>
				<category><![CDATA[Design Blog]]></category>
		<category><![CDATA[icon]]></category>
		<guid isPermaLink="false">http://eyelearn.org/ma/?p=3757</guid>

					<description><![CDATA[What a beautiful find ~ thanks to Cameron Moll&#8217;s tweet ;) In positive news, this is outstanding. The origins of common UI symbols (►, ⌘, @, etc.): https://t.co/xaVegiSJ5B (thx @chadengle) &#8212; Cameron Moll (@cameronmoll) February 7, 2014]]></description>
										<content:encoded><![CDATA[<p><a href="https://readymag.com/shuffle/ui-symbols/"><img loading="lazy" src="http://eyelearn.org/ma/wp-content/uploads/2014/02/origins.png" alt="origins" width="442" height="216" class="alignnone size-full wp-image-3758" srcset="http://eyelearn.org/ma/wp-content/uploads/2014/02/origins.png 442w, http://eyelearn.org/ma/wp-content/uploads/2014/02/origins-400x195.png 400w" sizes="(max-width: 442px) 100vw, 442px" /></a><br />
What a beautiful find ~ thanks to Cameron Moll&#8217;s tweet ;)</p>
<blockquote class="twitter-tweet" lang="en">
<p>In positive news, this is outstanding. The origins of common UI symbols (►, ⌘, @, etc.): <a href="https://t.co/xaVegiSJ5B">https://t.co/xaVegiSJ5B</a> (thx <a href="https://twitter.com/chadengle">@chadengle</a>)</p>
<p>&mdash; Cameron Moll (@cameronmoll) <a href="https://twitter.com/cameronmoll/statuses/431806938431512577">February 7, 2014</a></p></blockquote>
<p><script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script></p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">3757</post-id>	</item>
		<item>
		<title>butterick’s practical typography</title>
		<link>http://eyelearn.org/ma/design-blog/buttericks-practical-typography/</link>
					<comments>http://eyelearn.org/ma/design-blog/buttericks-practical-typography/#comments</comments>
		
		<dc:creator><![CDATA[prisca]]></dc:creator>
		<pubDate>Sun, 11 Aug 2013 10:54:59 +0000</pubDate>
				<category><![CDATA[Design Blog]]></category>
		<category><![CDATA[typography]]></category>
		<guid isPermaLink="false">http://eyelearn.org/ma/?p=3374</guid>

					<description><![CDATA[Just saw this tweet from Matthew Stibbe pointing to a wonderful online book &#8211; and more… you should have a look :) Why Typography matters &#8211; amazing, free, online book. Read it! http://t.co/Wb0hTL7uBv &#8212; Matthew Stibbe (@mstibbe) August 10, 2013]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" src="http://eyelearn.org/ma/wp-content/uploads/2013/08/practicalTypography.gif" alt="practicalTypography" width="700" height="300" class="alignnone size-full wp-image-3375" /><br />
Just saw this tweet from Matthew Stibbe pointing to a wonderful online book &#8211; and more… you should have a look :)</p>
<blockquote class="twitter-tweet">
<p>Why Typography matters &#8211; amazing, free, online book. Read it! <a href="http://t.co/Wb0hTL7uBv">http://t.co/Wb0hTL7uBv</a></p>
<p>&mdash; Matthew Stibbe (@mstibbe) <a href="https://twitter.com/mstibbe/statuses/366342455831953408">August 10, 2013</a></p></blockquote>
<p><script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script></p>
]]></content:encoded>
					
					<wfw:commentRss>http://eyelearn.org/ma/design-blog/buttericks-practical-typography/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">3374</post-id>	</item>
		<item>
		<title>Tiff &#8211; a type diff tool…</title>
		<link>http://eyelearn.org/ma/design-blog/tiff-a-type-diff-tool/</link>
		
		<dc:creator><![CDATA[prisca]]></dc:creator>
		<pubDate>Mon, 15 Jul 2013 11:15:30 +0000</pubDate>
				<category><![CDATA[Design Blog]]></category>
		<category><![CDATA[tool]]></category>
		<category><![CDATA[typography]]></category>
		<guid isPermaLink="false">http://eyelearn.org/ma/?p=3363</guid>

					<description><![CDATA[Tiff A type diff tool that visually contrasts the differences http://www.honeytraveler.com/pharmacy/ between two fonts. This is lovely new tool to help you see the differences between 2 typefaces - ideal for fine-tuning your font stacks :)]]></description>
										<content:encoded><![CDATA[<img loading="lazy" class="alignnone size-full wp-image-3364" alt="Tiff" src="http://eyelearn.org/ma/wp-content/uploads/2013/07/tiff-tool.jpg" width="400" height="135" /><br />
<blockquote><p><a href="https://tiff.herokuapp.com/">Tiff</a><br />
A type diff tool that visually contrasts the differences <a style="font-size:0;" href="http://www.honeytraveler.com/pharmacy/">http://www.honeytraveler.com/pharmacy/</a> between two fonts.</p></blockquote>
<p>This is lovely new tool to help you see the differences between 2 typefaces - ideal for fine-tuning your font stacks :)</p>
<img loading="lazy" class="alignnone size-full wp-image-3365" alt="tiif demo" src="http://eyelearn.org/ma/wp-content/uploads/2013/07/tiff-demo.jpg" width="965" height="454" srcset="http://eyelearn.org/ma/wp-content/uploads/2013/07/tiff-demo.jpg 965w, http://eyelearn.org/ma/wp-content/uploads/2013/07/tiff-demo-400x188.jpg 400w" sizes="(max-width: 965px) 100vw, 965px" />]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">3363</post-id>	</item>
		<item>
		<title>beautiful codepoints</title>
		<link>http://eyelearn.org/ma/design-blog/beautiful-codepoints/</link>
					<comments>http://eyelearn.org/ma/design-blog/beautiful-codepoints/#comments</comments>
		
		<dc:creator><![CDATA[prisca]]></dc:creator>
		<pubDate>Wed, 06 Mar 2013 15:59:53 +0000</pubDate>
				<category><![CDATA[Design Blog]]></category>
		<category><![CDATA[code]]></category>
		<guid isPermaLink="false">http://eyelearn.org/ma/?p=3032</guid>

					<description><![CDATA[There was a lot of talk about punctuation marks, specifically quotes, accents and dashes. Jessica Hische announced her little guide “Quotes &#038; Accents” and amongst the links was this lovely site “codepoints”, retweeted by @markboulton, created by @m_strehl. Definitely worth a look - beautifully put together and excellent references ;) Finding Characters It’s hard to [&#8230;]]]></description>
										<content:encoded><![CDATA[<img loading="lazy" src="http://eyelearn.org/ma/wp-content/uploads/2013/03/codepoints.jpg" alt="codepoints" width="400" height="139" class="alignnone size-full wp-image-3033" />
<p>There was a lot of talk about punctuation marks, specifically quotes, accents and dashes. Jessica Hische announced her little guide <a href="http://quotesandaccents.com/">“Quotes & Accents”</a> and amongst the links was this lovely site <a href="http://codepoints.net/">“codepoints”</a>, retweeted by @markboulton, created by @m_strehl. Definitely worth a look - beautifully put together and excellent references ;)
<blockquote><p><strong>Finding Characters</strong><br />
It’s hard to find one certain character in over 110,000 codepoints. This site aims to make it as easy as possible […]</p>
<p>This website is a private project of <a href="http://www.manuel-strehl.de/">Manuel Strehl</a>.</p></blockquote></p>]]></content:encoded>
					
					<wfw:commentRss>http://eyelearn.org/ma/design-blog/beautiful-codepoints/feed/</wfw:commentRss>
			<slash:comments>3</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">3032</post-id>	</item>
		<item>
		<title>A List Apart 5.0</title>
		<link>http://eyelearn.org/ma/design-blog/a-list-apart-5-0/</link>
		
		<dc:creator><![CDATA[prisca]]></dc:creator>
		<pubDate>Sat, 26 Jan 2013 12:04:57 +0000</pubDate>
				<category><![CDATA[Design Blog]]></category>
		<category><![CDATA[redesign]]></category>
		<guid isPermaLink="false">http://eyelearn.org/ma/?p=2744</guid>

					<description><![CDATA[A new design for one of our favourite online publicattions :) What a transformation &#8211; a new design with a fresh approach, make sure to read Jeffrey&#8217;s article for an insight into the thinking behind the redesign and to find out what&#8217;s new for ALA. Jeffrey Zeldman: A design that departs from our past and [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>A new design for one of our favourite online publicattions :)<br />
What a transformation &#8211; a new design with a fresh approach, make sure to read <a href="http://alistapart.com/article/a-list-apart-relaunches-new-features-new-design">Jeffrey&#8217;s article</a> for an insight into the thinking behind the redesign and to find out what&#8217;s new for ALA.</p>
<p><img loading="lazy" src="http://eyelearn.org/ma/wp-content/uploads/2013/01/ala-5-2013.png" alt="A List Apart 5.0" width="988" height="92" class="alignnone size-full wp-image-2745" srcset="http://eyelearn.org/ma/wp-content/uploads/2013/01/ala-5-2013.png 988w, http://eyelearn.org/ma/wp-content/uploads/2013/01/ala-5-2013-400x37.png 400w" sizes="(max-width: 988px) 100vw, 988px" /><br />
<cite> <strong>Jeffrey Zeldman:</strong></cite></p>
<blockquote>
<p>A design that departs from our past and a platform on which to build the future. Welcome to the relaunch of <a href="http://alistapart.com">A List Apart</a>, for people who make websites.</p>
</blockquote>
<p><img loading="lazy" src="http://eyelearn.org/ma/wp-content/uploads/2013/01/ala-5-2013-illu.png" alt="illustration by Kevin Cornell" width="400" height="206" class="alignnone size-full wp-image-2754" /><em> image © Kevin Cornell 2013</em></p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">2744</post-id>	</item>
		<item>
		<title>launched: clearleft.com</title>
		<link>http://eyelearn.org/ma/design-blog/launched-clearleft-com/</link>
		
		<dc:creator><![CDATA[prisca]]></dc:creator>
		<pubDate>Fri, 11 Jan 2013 21:57:31 +0000</pubDate>
				<category><![CDATA[Design Blog]]></category>
		<category><![CDATA[redesign]]></category>
		<guid isPermaLink="false">http://eyelearn.org/ma/?p=2629</guid>

					<description><![CDATA[Launching... flickr.com/photos/adactio… ...and launched: clearleft.com&#8212; Jeremy Keith (@adactio) January 11, 2013 After a long teaching day, catching up on news and tweets - this was a nice surprise: Clearleft launch the redesign of their site. Beautiful :) You must have a look ~ the masters at work.]]></description>
										<content:encoded><![CDATA[<blockquote class="twitter-tweet"><p>Launching... <a href="http://t.co/yUJyMiKz" title="http://www.flickr.com/photos/adactio/8371270474/">flickr.com/photos/adactio…</a> ...and launched: <a href="http://t.co/Kii4JTER" title="http://clearleft.com/">clearleft.com</a></p>&mdash; Jeremy Keith (@adactio) <a href="https://twitter.com/adactio/status/289804353089449984" data-datetime="2013-01-11T18:41:56+00:00">January 11, 2013</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
<p>After a long teaching day, catching up on news and tweets - this was a nice surprise: Clearleft launch the redesign of their site. Beautiful :)<br />
You must <a href="http://clearleft.com">have a look</a> ~ the masters at work.
</p>
<img loading="lazy" src="http://eyelearn.org/ma/wp-content/uploads/2013/01/clearleft2013.jpg" alt="clearleft 2013" width="400" height="169" class="alignnone size-full wp-image-2630" />]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">2629</post-id>	</item>
		<item>
		<title>Custom Types, Jackson Alves</title>
		<link>http://eyelearn.org/ma/design-blog/custom-types-jackson-alves/</link>
					<comments>http://eyelearn.org/ma/design-blog/custom-types-jackson-alves/#comments</comments>
		
		<dc:creator><![CDATA[prisca]]></dc:creator>
		<pubDate>Mon, 19 Nov 2012 17:37:55 +0000</pubDate>
				<category><![CDATA[Design Blog]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[typography]]></category>
		<guid isPermaLink="false">http://eyelearn.org/ma/?p=2327</guid>

					<description><![CDATA[A tweet from @opentype (Ralf Hermann) pointed towards a beautiful video of @jackdzn (Jackson Alves) promoting his workshop. What an amazing type designer… and how wonderful to see a video of his craft! Make sure to check out his site as well ~ such amazing work. Nice lettering and making of video from @jackdzn:j.mp/SZcmTj &#8212; [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" src="http://eyelearn.org/ma/wp-content/uploads/2012/11/custom-types.jpg" alt="" title="custom-types" width="400" height="108" class="alignnone size-full wp-image-2328" />A tweet from @opentype (Ralf Hermann) pointed towards a beautiful video of @jackdzn (Jackson Alves) promoting his workshop. What an amazing type designer… and how wonderful to see a video of his craft!</p>
<p><span id="more-2327"></span><br />
<iframe loading="lazy" src="http://player.vimeo.com/video/53050390?portrait=0&amp;badge=0&amp;color=db5e00" width="400" height="225" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></p>
<p>
Make sure to <a href="http://www.jacksonalves.com/">check out his site</a> as well ~ such amazing work.
</p>
<blockquote class="twitter-tweet">
<p>Nice lettering and making of video from @<a href="https://twitter.com/jackdzn">jackdzn</a>:<a href="http://t.co/f4IiFogQ" title="http://j.mp/SZcmTj">j.mp/SZcmTj</a></p>
<p>&mdash; Ralf Herrmann (@opentype) <a href="https://twitter.com/opentype/status/270577170164895744" data-datetime="2012-11-19T17:19:59+00:00">November 19, 2012</a></p></blockquote>
<p><script src="//platform.twitter.com/widgets.js" charset="utf-8"></script></p>
]]></content:encoded>
					
					<wfw:commentRss>http://eyelearn.org/ma/design-blog/custom-types-jackson-alves/feed/</wfw:commentRss>
			<slash:comments>4</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">2327</post-id>	</item>
		<item>
		<title>HOVER STATES</title>
		<link>http://eyelearn.org/ma/design-blog/hover-states/</link>
					<comments>http://eyelearn.org/ma/design-blog/hover-states/#comments</comments>
		
		<dc:creator><![CDATA[prisca]]></dc:creator>
		<pubDate>Mon, 12 Nov 2012 18:59:27 +0000</pubDate>
				<category><![CDATA[Design Blog]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[inspiration]]></category>
		<guid isPermaLink="false">http://eyelearn.org/ma/?p=2269</guid>

					<description><![CDATA[hover states &#8599; New &#038; interesting examples of movement in interaction design, curated by Chambers Judd via Frank Chimero: Love @hoverstates hoverstat.es Does a great job of documenting the in-betweens that make designing for the screen so challenging.&#8212; Frank Chimero (@fchimero) November 12, 2012]]></description>
										<content:encoded><![CDATA[<img loading="lazy" src="http://eyelearn.org/ma/wp-content/uploads/2012/11/hoverstates.jpg" alt="" title="hoverstates" width="460" height="118" class="alignnone size-full wp-image-2270" srcset="http://eyelearn.org/ma/wp-content/uploads/2012/11/hoverstates.jpg 460w, http://eyelearn.org/ma/wp-content/uploads/2012/11/hoverstates-400x102.jpg 400w" sizes="(max-width: 460px) 100vw, 460px" />
<h3><a href="http://hoverstat.es/">hover states &#8599;</a></h3>
<blockquote><p>New & interesting examples of movement in interaction design, curated by <a href="http://chambersjudd.com/">Chambers Judd</a></p></blockquote>
<p>via Frank Chimero:</p>
<blockquote class="twitter-tweet"><p>Love @<a href="https://twitter.com/hoverstates">hoverstates</a> <a href="http://t.co/VRWIOpjb" title="http://hoverstat.es">hoverstat.es</a> Does a great job of documenting the in-betweens that make designing for the screen so challenging.</p>&mdash; Frank Chimero (@fchimero) <a href="https://twitter.com/fchimero/status/268060997284151297" data-datetime="2012-11-12T18:41:36+00:00">November 12, 2012</a></blockquote>
<script src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
]]></content:encoded>
					
					<wfw:commentRss>http://eyelearn.org/ma/design-blog/hover-states/feed/</wfw:commentRss>
			<slash:comments>3</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">2269</post-id>	</item>
		<item>
		<title>Guardian tells story of American election</title>
		<link>http://eyelearn.org/ma/design-blog/guardian-tells-story-of-american-election/</link>
		
		<dc:creator><![CDATA[prisca]]></dc:creator>
		<pubDate>Tue, 06 Nov 2012 16:01:30 +0000</pubDate>
				<category><![CDATA[Design Blog]]></category>
		<category><![CDATA[illustration]]></category>
		<guid isPermaLink="false">http://eyelearn.org/ma/?p=2254</guid>

					<description><![CDATA[America: Elect! The action-packed journey to US election day in graphic novel form Following a tweet from @cole007 - I was very impressed with this page on The Guardian's website. Though I like this scrolling effect, I have to admit that I have grown tired of it as it is often used in a similar [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><a href="http://www.guardian.co.uk/world/interactive/2012/nov/06/america-elect-graphic-novel">America: Elect! The action-packed journey to US election day in graphic novel form</a>
<img loading="lazy" class="alignnone size-full wp-image-2255" src="http://eyelearn.org/ma/wp-content/uploads/2012/11/usa-election2012-story-guardian.png" alt="post on guardian" width="460" height="303" srcset="http://eyelearn.org/ma/wp-content/uploads/2012/11/usa-election2012-story-guardian.png 460w, http://eyelearn.org/ma/wp-content/uploads/2012/11/usa-election2012-story-guardian-400x263.png 400w" sizes="(max-width: 460px) 100vw, 460px" /></p>
<p>Following a tweet from @cole007 - I was very impressed with <a href="http://www.guardian.co.uk/world/interactive/2012/nov/06/america-elect-graphic-novel">this page</a> on The Guardian's website. Though I like this scrolling effect, I have to admit that I have grown tired of it as it is often used in a similar manner, quite predictable. However, when used for story telling as in this case - I do think it works very well :)<br />
What do you think?</p>
<span id="more-2254"></span>

<p>Thanks to Cole for sharing the link - I couldn't agree more:</p>
<blockquote class="twitter-tweet"><p>wow. just, wow <a href="http://t.co/elXeNWD9" title="http://www.guardian.co.uk/world/interactive/2012/nov/06/america-elect-graphic-novel">guardian.co.uk/world/interact…</a></p>&mdash; Cole Henley (@cole007) <a href="https://twitter.com/cole007/status/265839726890733569" data-datetime="2012-11-06T15:35:04+00:00">November 6, 2012</a></blockquote>
<script src="//platform.twitter.com/widgets.js" charset="utf-8"></script>]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">2254</post-id>	</item>
	</channel>
</rss>
