<?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>A Perfectly Normal Blog &#187; Design</title>
	<atom:link href="http://www.gefvert.org/blog/archives/category/design/feed" rel="self" type="application/rss+xml" />
	<link>http://www.gefvert.org/blog</link>
	<description>Just a scratchpad for thoughts, reflections, and stuff.</description>
	<lastBuildDate>Thu, 17 May 2012 16:09:15 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Making Beautiful Lists</title>
		<link>http://www.gefvert.org/blog/archives/914</link>
		<comments>http://www.gefvert.org/blog/archives/914#comments</comments>
		<pubDate>Mon, 20 Dec 2010 22:22:08 +0000</pubDate>
		<dc:creator>Mats Gefvert</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Lists]]></category>
		<category><![CDATA[Software Development]]></category>

		<guid isPermaLink="false">http://www.gefvert.org/blog/?p=914</guid>
		<description><![CDATA[This is a nice way to make beautiful lists. Take any old list of unordered elements, for instance: Apples Bananas Blistering barnacles Gargoyles Oranges Pears Sunfruit Looks good? Sure. But sometimes, you want it horizontally. Let&#8217;s add the following style &#8230; <a href="http://www.gefvert.org/blog/archives/914">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>This is a nice way to make beautiful lists. Take any old list of unordered elements, for instance:</p>
<ul>
<li>Apples</li>
<li>Bananas</li>
<li>Blistering barnacles</li>
<li>Gargoyles</li>
<li>Oranges</li>
<li>Pears</li>
<li>Sunfruit</li>
</ul>
<p>Looks good? Sure. But sometimes, you want it horizontally. Let&#8217;s add the following style sheet to it.</p>
<pre>    ul                     { list-style: none; padding: 0; margin: 0; }
    ul li                  { list-style: none; padding: 0; margin: 0; display: inline; }
    ul li:after            { content: '\B7'; padding: 0 0.2em 0 0.5em; }
    ul li:last-child:after { content: '' }
</pre>
<p>And what do we get? Something as beautiful as this:</p>
<ul class="bork">
<li>Apples</li>
<li>Bananas</li>
<li>Blistering barnacles</li>
<li>Gargoyles</li>
<li>Oranges</li>
<li>Pears</li>
<li>Sunfruit</li>
</ul>
<p>A nice, horizontal list; and the best thing about it, is that there are no little dots in the HTML code, no handling for first or last elements (no ul class=&#8221;last&#8221;), nothing. Just pure css. And, of course, each element can be styled, you can make links, or any old thing. Seems to work fine in Firefox and Chrome; IE8 doesn&#8217;t seem to get the last &#8220;ul li:last-child:after&#8221; element, but all you get is a little dot after the last element. Worse things could happen.</p>
<style>
    ul.bork                     { list-style: none; padding: 0; margin: 0; margin-left: 30px }
    ul.bork li                  { list-style: none; padding: 0; margin: 0; display: inline; }
    ul.bork li:after            { content: '\B7'; padding: 0 0.2em 0 0.5em; }
    ul.bork li:last-child:after { content: '' }
</style>
]]></content:encoded>
			<wfw:commentRss>http://www.gefvert.org/blog/archives/914/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Freeway Art</title>
		<link>http://www.gefvert.org/blog/archives/385</link>
		<comments>http://www.gefvert.org/blog/archives/385#comments</comments>
		<pubDate>Fri, 25 Jul 2008 12:20:47 +0000</pubDate>
		<dc:creator>Mats Gefvert</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Freeways]]></category>
		<category><![CDATA[Pictures]]></category>

		<guid isPermaLink="false">http://www.matsgefvert.se/blog/archives/385</guid>
		<description><![CDATA[Ralph Hulett: &#8220;Number Five Freeway&#8221;]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.matsgefvert.se/blog/wp-content/uploads/2008/07/no5freeway.jpg"/></p>
<p>Ralph Hulett: &#8220;Number Five Freeway&#8221;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.gefvert.org/blog/archives/385/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>I Wonder If I Actually Do Anything Useful?</title>
		<link>http://www.gefvert.org/blog/archives/380</link>
		<comments>http://www.gefvert.org/blog/archives/380#comments</comments>
		<pubDate>Mon, 21 Jul 2008 20:21:06 +0000</pubDate>
		<dc:creator>Mats Gefvert</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Reflections]]></category>
		<category><![CDATA[Software Development]]></category>

		<guid isPermaLink="false">http://www.matsgefvert.se/blog/archives/380</guid>
		<description><![CDATA[I&#8217;ve been thinking. That&#8217;s never a good sign. :) I build a lot of software systems. If I&#8217;m not designing a web platform for support cases, I&#8217;m building systems for PowerPoint presentations, or custom PHP frameworks, or&#8230; well, you name &#8230; <a href="http://www.gefvert.org/blog/archives/380">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve been thinking. That&#8217;s never a good sign. :)</p>
<p>I build a lot of software systems. If I&#8217;m not designing a web platform for support cases, I&#8217;m building systems for PowerPoint presentations, or custom PHP frameworks, or&#8230; well, you name it.</p>
<p>But wherever I look, I&#8217;m almost invariably being replaced. The things I implement are being gradually replaced with standardized systems &#8211; which, I admit, is not a bad way to go. There is substantial power in a well-established platform with support behind it.</p>
<p>And yet, I cannot keep from dreaming. I see things&#8230; better ways of doing things, better designs, better user interfaces. I see ways of improving things. It&#8217;s like there is resident within me a power to dream; a power that is relentless, that causes me to skip five steps ahead when others just see two. The question that burns within me is the constant &#8220;why not?&#8221; that forces me to challenge everything, including myself, and strive for an elegance in software design that I otherwise seem to see so little of. Not that I&#8217;m bragging, I just&#8230; dream.</p>
<p>But so little of what I do can be maintained. It&#8217;s like I&#8217;m destined to be an oddball that pioneers ahead, but is always replaced by a standard product after a few years. And it leads me to think.</p>
<p>Do I actually do anything useful? Does it matter what I do? So much of my heart and passion goes into things that no one will ever see. Am I, in fact, a roadblock to other people? Do I paint myself and other people into corners which they will then have to get out of?</p>
<p>Maybe I should stop and just use normal off-the-shelf tools. Use Drupal or WordPress instead of building my own system. And yet, it&#8217;s difficult to bring myself to do so because it&#8217;s so ugly and normal and conventional and limiting. It feels like I&#8217;m being relegated to writing instruction manuals for blenders, instead of some new novel I&#8217;m dreaming of&#8230;</p>
<p>Is there a place for dreamers in our society? Where do I really fit in?</p>
<p>Will anything I do ever last?</p>
<blockquote><p>&#8220;I don&#8217;t really want an answer. I just want to send this cosmic question out into the void. So good night, dear void.&#8221; (You&#8217;ve Got Mail)</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://www.gefvert.org/blog/archives/380/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Passion</title>
		<link>http://www.gefvert.org/blog/archives/355</link>
		<comments>http://www.gefvert.org/blog/archives/355#comments</comments>
		<pubDate>Wed, 07 May 2008 22:31:00 +0000</pubDate>
		<dc:creator>Mats Gefvert</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Music]]></category>
		<category><![CDATA[Poetry]]></category>
		<category><![CDATA[Reflections]]></category>

		<guid isPermaLink="false">http://www.matsgefvert.se/blog/archives/355</guid>
		<description><![CDATA[My CEO recently described me as &#8220;something as unusual as a technician with a sense for design&#8221;. It flattered me; because I&#8217;ve never seen myself as a technician. Although I am a software developer and build computer systems for a &#8230; <a href="http://www.gefvert.org/blog/archives/355">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.matsgefvert.se/blog/wp-content/uploads/2008/05/violinist.jpg" align="right"/>My CEO recently described me as &#8220;something as unusual as a technician with a sense for design&#8221;.</p>
<p>It flattered me; because I&#8217;ve never seen myself as a technician. Although I am a software developer and build computer systems for a living, sort of, there&#8217;s a hidden quality that rests within me that perhaps is not immediately obvious to everyone:</p>
<p>Passion!</p>
<p>As calm as I am outside, inside I am a very passionate person. Sometimes I feel like my emotions are so intense, my whole nervous system so sensitive, that I can literally pick apart an orchestral work and step right into it, disassembling the sound as I listen to it and placing the woodwinds, brass and strings around me.</p>
<p>I guess that&#8217;s why I like music so much: The strings of my heart quiver when I hear music, like the strings of a violin guided by the touch of a skilled violinist. My soul can soar to unknown heights when it&#8217;s in sync with music that&#8217;s playing (which is a very good reason why I shouldn&#8217;t listen to opera at work, because I won&#8217;t get any work done) &#8212; and likewise, when trying to concentrate on work and someone else turns on the radio with some mindless beat music, I plunge to the very depths of despair.</p>
<p>Because I&#8217;m like that&#8230; Passionate.</p>
<p>It becomes a problem when I have to do administration at work. I should have sent out invoices this week; I remind myself every day to do it. (I&#8217;m going to do it tomorrow. Really. No, really!) And yet&#8230; it&#8217;s <em>infinitely</em> more fun to work on the new server; plunging into the depths of system configuration, reading books and FAQ&#8217;s, searching for clues and answers. Like a painter, with every stroke of the brush building towards the final picture, I add scripts, config files, download yum packages, step by step ever so carefully completing the server. It&#8217;s something I can pour all of my heart into, focusing all my energy upon it and storming this challenge with every intellectual capacity I have.</p>
<p>Yeah, the invoices. Right. Doing administration chores is &#8230; about as much fun as assembling parts at a factory. Like telling an artist who just created a beautiful painting, &#8220;okay, good, now make fifty of these and we should be about set&#8221;. And it&#8217;s not that I think less of that type of work (after all, it needs being done!) &#8211; it&#8217;s just that it&#8217;s not how I function.</p>
<p>So I have to motivate myself, find tricks to get things done, and focus, focus. Once I get into it, it usually works out okay, but I squirm and agonize over it for days. Because there&#8217;s no passion in it. And that&#8217;s why I sometimes pull off great and wonderful feats at work, and in between those moments my productivity can drop to &#8230; well, below everyone elses for sure. I usually manage to save the day by being kind of fast at doing things, once I get around to it, but&#8230;</p>
<p>I guess that&#8217;s why I write poetry about people I fall in love with &#8211; because I have to get those stormy feelings out somehow. I pity the woman that one day might fall in love with me&#8230; :)</p>
<p>So it&#8217;s back to work tomorrow &#8211; moving domains, sending out invoices, answering the phone and handling support calls. Chores, administration. Blech. But it needs being done.</p>
<p>But, my, that new server sure looks interesting&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.gefvert.org/blog/archives/355/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>A List Apart</title>
		<link>http://www.gefvert.org/blog/archives/308</link>
		<comments>http://www.gefvert.org/blog/archives/308#comments</comments>
		<pubDate>Fri, 07 Dec 2007 20:19:16 +0000</pubDate>
		<dc:creator>Mats Gefvert</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.matsgefvert.se/blog/archives/308</guid>
		<description><![CDATA[I am going to start reading &#8220;A List Apart&#8221;. Just read this lovely little quote from the Understanding Web Design article: Web design is the creation of digital environments that facilitate and encourage human activity; reflect or adapt to individual &#8230; <a href="http://www.gefvert.org/blog/archives/308">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>I am going to start reading <a href="http://www.alistapart.com/">&#8220;A List Apart&#8221;</a>.</p>
<p>Just read this lovely little quote from the <a href="http://www.alistapart.com/articles/understandingwebdesign">Understanding Web Design</a> article:</p>
<blockquote><p>Web design is the creation of digital environments that facilitate and encourage human activity; reflect or adapt to individual voices and content; and change gracefully over time while always retaining their identity.</p></blockquote>
<p>Then read it again. And again. And, again.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.gefvert.org/blog/archives/308/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Wallpaper, Constitution Series</title>
		<link>http://www.gefvert.org/blog/archives/244</link>
		<comments>http://www.gefvert.org/blog/archives/244#comments</comments>
		<pubDate>Thu, 21 Jun 2007 07:12:31 +0000</pubDate>
		<dc:creator>Mats Gefvert</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.matsgefvert.se/blog/archives/244</guid>
		<description><![CDATA[I designed some wallpapers themed on the U.S. Constitution and history. Feel free to download them if you like. They&#8217;re 1200&#215;1024. (What the&#8230;? I thought they were 1280 in width&#8230;?) The Star-Spangled Banner The Declaration of Independence The Bill of &#8230; <a href="http://www.gefvert.org/blog/archives/244">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>I designed some wallpapers themed on the U.S. Constitution and history. Feel free to download them if you like. They&#8217;re 1200&#215;1024. (What the&#8230;? I thought they were 1280 in width&#8230;?)</p>
<table align="center" cellpadding="10">
<tr>
<td align="center">
<a href="http://www.matsgefvert.se/blog/wp-content/uploads/2007/06/star-spangled-banner.jpg" style="border: 0"><br />
<img src="http://www.matsgefvert.se/blog/wp-content/uploads/2007/06/star-spangled-banner.thumbnail.jpg"/><br />
The Star-Spangled Banner<br />
</a>
</td>
<td align="center">
<a href="http://www.matsgefvert.se/blog/wp-content/uploads/2007/06/declaration-of-independence.jpg" style="border: 0"><br />
<img src="http://www.matsgefvert.se/blog/wp-content/uploads/2007/06/declaration-of-independence.thumbnail.jpg"/><br />
The Declaration of Independence<br />
</a>
</td>
<td align="center">
<a href="http://www.matsgefvert.se/blog/wp-content/uploads/2007/06/bill-of-rights.jpg" style="border: 0"><br />
<img src="http://www.matsgefvert.se/blog/wp-content/uploads/2007/06/bill-of-rights.thumbnail.jpg"/><br />
The Bill of Rights<br />
</a>
</td>
</tr>
</table>
]]></content:encoded>
			<wfw:commentRss>http://www.gefvert.org/blog/archives/244/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Beautiful, Beautiful Fonts</title>
		<link>http://www.gefvert.org/blog/archives/225</link>
		<comments>http://www.gefvert.org/blog/archives/225#comments</comments>
		<pubDate>Sat, 09 Jun 2007 11:23:35 +0000</pubDate>
		<dc:creator>Mats Gefvert</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.matsgefvert.se/blog/archives/225</guid>
		<description><![CDATA[I&#8217;m starting to develop a love for fonts. What, you say? Yes, fonts. Typefaces. The art of typography is absolutely wonderful; it comes the elements of text, lettering, and words, into an art of design and readability. I think one &#8230; <a href="http://www.gefvert.org/blog/archives/225">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>I&#8217;m starting to develop a love for fonts. What, you say? Yes, fonts. <em>Typefaces.</em> The art of typography is absolutely wonderful; it comes the elements of text, lettering, and words, into an art of design and readability.</p>
<p>I think one of the best things you can do if you&#8217;re serious about typography is to go out and buy the <a href="http://www.adobe.com/type/browser/P/P_1902.html">Adobe Type Basics</a> package. It includes wonderful typefaces, including all-time classics like Garamond. And then, add on with as many as you like&#8230;</p>
<p>What really sets apart the professional fonts from many of the downloadable public fonts, is an immense clarity when you use them in text. The readability is enormous. And yet, when you pull them up in several times magnification, they are absolutely beautiful.</p>
<p>These are some of my absolute favorites:</p>
<blockquote><p>
<img style="border: 0" src="http://www.matsgefvert.se/blog/wp-content/uploads/2007/06/fonts_garamond.png"/><br />
This is Adobe Garamond. Originally designed by Claude Garamond and first gained popularity in the 1540&#8242;s, it is one of the most well-known typefaces. It is a wonderful serif font, with a sense of &#8220;old-school&#8221; writing and a fluidity that is amazing, especially in the italics.</p>
<p><img style="border: 0" src="http://www.matsgefvert.se/blog/wp-content/uploads/2007/06/fonts_futura.png"/><br />
Futura is an interesting sans-serif designed in 1927, building on the Bauhaus ideals and the Universal typeface. It was used heavily in the 50&#8242;s and 60&#8242;s, and its fans include both Stanley Kubrick and the Pittsburgh Steelers.</p>
<p><img style="border: 0" src="http://www.matsgefvert.se/blog/wp-content/uploads/2007/06/fonts_myriad.png"/><br />
A new font, made in the early 90&#8242;s, it is much warmer and friendlier than Futura. I like it best in its heavy setting, giving an impressive weight and clarity to the text.
</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://www.gefvert.org/blog/archives/225/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

