<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	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/"
		>
<channel>
	<title>Comments on: Adium: Chatting With Style</title>
	<atom:link href="http://meyerweb.com/eric/thoughts/2005/12/19/adium-chatting-with-style/feed/" rel="self" type="application/rss+xml" />
	<link>http://meyerweb.com/eric/thoughts/2005/12/19/adium-chatting-with-style/</link>
	<description>Things that Eric A. Meyer, CSS expert, writes about on his personal Web site; it&#039;s largely Web standards and Web technology, but also various bits of culture, politics, personal observations, and other miscellaneous stuff</description>
	<lastBuildDate>Fri, 19 Mar 2010 00:27:46 -0400</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		<item>
		<title>By: Matěj Cepl</title>
		<link>http://meyerweb.com/eric/thoughts/2005/12/19/adium-chatting-with-style/#comment-473559</link>
		<dc:creator>Matěj Cepl</dc:creator>
		<pubDate>Fri, 14 Aug 2009 16:34:59 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2005/12/18/adium-and-standards/#comment-473559</guid>
		<description>You said in comment 7 (that&#039;s Mon 19 Dec 2005):
&gt; The theme isn&quot;t quite ready for release, but when it is, I&quot;ll certainly be happy to make it available.

Are they ready now?</description>
		<content:encoded><![CDATA[<p>You said in comment 7 (that&#8217;s Mon 19 Dec 2005):<br />
&gt; The theme isn&#8221;t quite ready for release, but when it is, I&#8221;ll certainly be happy to make it available.</p>
<p>Are they ready now?</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Webkrauts &#187; JavaScript jenseits des Browsers</title>
		<link>http://meyerweb.com/eric/thoughts/2005/12/19/adium-chatting-with-style/#comment-38566</link>
		<dc:creator>Webkrauts &#187; JavaScript jenseits des Browsers</dc:creator>
		<pubDate>Tue, 04 Jul 2006 10:51:29 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2005/12/18/adium-and-standards/#comment-38566</guid>
		<description>[...] Es ist immer wieder interessant zu beobachten, wenn Webstandards in einer Umgebung außerhalb des Browsers verwendet werden. Wussten Sie zum Beispiel, dass das Aussehen des Chat-Programms Adium (für Mac OS X, Anm. des Übersetzers) mit CSS angepasst werden kann? [...]</description>
		<content:encoded><![CDATA[<p>[...] Es ist immer wieder interessant zu beobachten, wenn Webstandards in einer Umgebung außerhalb des Browsers verwendet werden. Wussten Sie zum Beispiel, dass das Aussehen des Chat-Programms Adium (für Mac OS X, Anm. des Übersetzers) mit CSS angepasst werden kann? [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: JavaScript beyond the browser - The Web Standards Project</title>
		<link>http://meyerweb.com/eric/thoughts/2005/12/19/adium-chatting-with-style/#comment-37680</link>
		<dc:creator>JavaScript beyond the browser - The Web Standards Project</dc:creator>
		<pubDate>Fri, 23 Jun 2006 11:03:34 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2005/12/18/adium-and-standards/#comment-37680</guid>
		<description>[...] It&#8217;s always interesting to see Web Standards used in a setting outside the browser. Did you know, for instance, that the chat client Adium can be skinned using CSS? [...]</description>
		<content:encoded><![CDATA[<p>[...] It&#8217;s always interesting to see Web Standards used in a setting outside the browser. Did you know, for instance, that the chat client Adium can be skinned using CSS? [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: vishal</title>
		<link>http://meyerweb.com/eric/thoughts/2005/12/19/adium-chatting-with-style/#comment-37651</link>
		<dc:creator>vishal</dc:creator>
		<pubDate>Fri, 23 Jun 2006 04:49:56 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2005/12/18/adium-and-standards/#comment-37651</guid>
		<description>Hello

I am having difficulty understanding the predeliction towards Adium.
In my opinion, its just brouhaha as 

1] you still cannot do voice chat.
So although i have added my Google talk account, I am just able to use it as a regular IM. no voice chat at all.

2] ability to go stealth mode (like in yahoo) for particular contacts.

Barring these two, what can i say.

I would really really love to hear comments. Eric..please.

thank you</description>
		<content:encoded><![CDATA[<p>Hello</p>
<p>I am having difficulty understanding the predeliction towards Adium.<br />
In my opinion, its just brouhaha as </p>
<p>1] you still cannot do voice chat.<br />
So although i have added my Google talk account, I am just able to use it as a regular IM. no voice chat at all.</p>
<p>2] ability to go stealth mode (like in yahoo) for particular contacts.</p>
<p>Barring these two, what can i say.</p>
<p>I would really really love to hear comments. Eric..please.</p>
<p>thank you</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Ramon</title>
		<link>http://meyerweb.com/eric/thoughts/2005/12/19/adium-chatting-with-style/#comment-12165</link>
		<dc:creator>Ramon</dc:creator>
		<pubDate>Wed, 11 Jan 2006 17:26:57 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2005/12/18/adium-and-standards/#comment-12165</guid>
		<description>hey was good i read a little bit of wat u wrote n i wanna let u kno dat dats all cool wat u tryin to show people but i wanna c how cold u chat so hit me up in my email i guess n give me ur aol screen name ok hope to talk to ya iight</description>
		<content:encoded><![CDATA[<p>hey was good i read a little bit of wat u wrote n i wanna let u kno dat dats all cool wat u tryin to show people but i wanna c how cold u chat so hit me up in my email i guess n give me ur aol screen name ok hope to talk to ya iight</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Michele</title>
		<link>http://meyerweb.com/eric/thoughts/2005/12/19/adium-chatting-with-style/#comment-11250</link>
		<dc:creator>Michele</dc:creator>
		<pubDate>Tue, 27 Dec 2005 12:46:23 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2005/12/18/adium-and-standards/#comment-11250</guid>
		<description>Eric, you&#039;re a true master of CSS! I&#039;d love to say a &#039;well done&#039; to you. Adium is nowadays excellent, why don&#039;t you help the devs?</description>
		<content:encoded><![CDATA[<p>Eric, you&#8217;re a true master of CSS! I&#8217;d love to say a &#8216;well done&#8217; to you. Adium is nowadays excellent, why don&#8217;t you help the devs?</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: alexking.org: Blog &#62; Around the web</title>
		<link>http://meyerweb.com/eric/thoughts/2005/12/19/adium-chatting-with-style/#comment-11160</link>
		<dc:creator>alexking.org: Blog &#62; Around the web</dc:creator>
		<pubDate>Mon, 26 Dec 2005 06:23:25 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2005/12/18/adium-and-standards/#comment-11160</guid>
		<description>[...] 	The Fishbowl: Wikipedia vs Britannica. Apples vs Oranges. 	ongoing - Adium is the Future 	Eric&#8217;s Archived Thoughts: Adium: Chatting With Style [...]</description>
		<content:encoded><![CDATA[<p>[...] 	The Fishbowl: Wikipedia vs Britannica. Apples vs Oranges. 	ongoing &#8211; Adium is the Future 	Eric&#8217;s Archived Thoughts: Adium: Chatting With Style [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Louis</title>
		<link>http://meyerweb.com/eric/thoughts/2005/12/19/adium-chatting-with-style/#comment-10988</link>
		<dc:creator>Louis</dc:creator>
		<pubDate>Fri, 23 Dec 2005 10:12:31 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2005/12/18/adium-and-standards/#comment-10988</guid>
		<description>Hmm, I was just thinking later that night, what if you could create an hCal of your chat logs, with integrated hCards? So you&#039;ve your hIM nested in some hCal, with hCard-attributes for who&#039;s talking? Or um, something? :) It&#039;d be interesting to view my chat logs through a calendar interface ...</description>
		<content:encoded><![CDATA[<p>Hmm, I was just thinking later that night, what if you could create an hCal of your chat logs, with integrated hCards? So you&#8217;ve your hIM nested in some hCal, with hCard-attributes for who&#8217;s talking? Or um, something? :) It&#8217;d be interesting to view my chat logs through a calendar interface &#8230;</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Gregory</title>
		<link>http://meyerweb.com/eric/thoughts/2005/12/19/adium-chatting-with-style/#comment-10922</link>
		<dc:creator>Gregory</dc:creator>
		<pubDate>Thu, 22 Dec 2005 16:02:04 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2005/12/18/adium-and-standards/#comment-10922</guid>
		<description>with a microformat you are of course missing a trick if you don&#039;t call it hIM ;)</description>
		<content:encoded><![CDATA[<p>with a microformat you are of course missing a trick if you don&#8217;t call it hIM ;)</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: James Sumners</title>
		<link>http://meyerweb.com/eric/thoughts/2005/12/19/adium-chatting-with-style/#comment-10920</link>
		<dc:creator>James Sumners</dc:creator>
		<pubDate>Thu, 22 Dec 2005 14:55:50 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2005/12/18/adium-and-standards/#comment-10920</guid>
		<description>Here is the obligatory reference guide for those having difficulty finding it: &lt;a href=&quot;http://trac.adiumx.com/wiki/CreatingMessageStyles&quot; rel=&quot;nofollow&quot;&gt;http://trac.adiumx.com/wiki/CreatingMessageStyles&lt;/a&gt;.</description>
		<content:encoded><![CDATA[<p>Here is the obligatory reference guide for those having difficulty finding it: <a href="http://trac.adiumx.com/wiki/CreatingMessageStyles" rel="nofollow">http://trac.adiumx.com/wiki/CreatingMessageStyles</a>.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Michel</title>
		<link>http://meyerweb.com/eric/thoughts/2005/12/19/adium-chatting-with-style/#comment-10917</link>
		<dc:creator>Michel</dc:creator>
		<pubDate>Thu, 22 Dec 2005 13:43:20 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2005/12/18/adium-and-standards/#comment-10917</guid>
		<description>Unsanity has an application to manage logs of adium and ichat : http://www.unsanity.com/ctm</description>
		<content:encoded><![CDATA[<p>Unsanity has an application to manage logs of adium and ichat : <a href="http://www.unsanity.com/ctm" rel="nofollow">http://www.unsanity.com/ctm</a></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Louis</title>
		<link>http://meyerweb.com/eric/thoughts/2005/12/19/adium-chatting-with-style/#comment-10883</link>
		<dc:creator>Louis</dc:creator>
		<pubDate>Thu, 22 Dec 2005 05:03:47 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2005/12/18/adium-and-standards/#comment-10883</guid>
		<description>I&#039;m finding XHTML, CSS and JS are everywhere these days. From XULRunner (Mozilla/XUL for your desktop app) to Adium&#039;s CSS formatting, which I stumbled on a month or two ago myself, while looking at different ways to present logs. And imagine using RubyOnRails locally for your HTML/CSS/JS output? Now that&#039;s powerful. 

They got it wrong in 1999. It&#039;s not about your desktop on the web. It&#039;s about the web, on your desktop. Literally ;)

Anyway, I&#039;m so excited about the micro-format idea for logs. And while chats and conversations could be used for it, I think making it more generic for &quot;logging&quot; is even more useful. Especially for gaming logs, which I&#039;ve been puzzling over to display semantically, but haven&#039;t yet found that &quot;perfect&quot; solution. 

The problem is displaying so much information about what&#039;s going on in-game, along with highlighting what people say. Either way, hChat would fit in here nicely, but expanding it a bit to handle more generic &quot;actions&quot;, like /me in IRC or killing someone in a game is important too. Or what were you thinking of doing for status changes?

Now I&#039;m imagining an application that parses hLogs and compares what people are doing at the same time ... using CSS vertical bar charts for a calendar-style display? 

Hmmm, fun posibilities here.</description>
		<content:encoded><![CDATA[<p>I&#8217;m finding XHTML, CSS and JS are everywhere these days. From XULRunner (Mozilla/XUL for your desktop app) to Adium&#8217;s CSS formatting, which I stumbled on a month or two ago myself, while looking at different ways to present logs. And imagine using RubyOnRails locally for your HTML/CSS/JS output? Now that&#8217;s powerful. </p>
<p>They got it wrong in 1999. It&#8217;s not about your desktop on the web. It&#8217;s about the web, on your desktop. Literally ;)</p>
<p>Anyway, I&#8217;m so excited about the micro-format idea for logs. And while chats and conversations could be used for it, I think making it more generic for &#8220;logging&#8221; is even more useful. Especially for gaming logs, which I&#8217;ve been puzzling over to display semantically, but haven&#8217;t yet found that &#8220;perfect&#8221; solution. </p>
<p>The problem is displaying so much information about what&#8217;s going on in-game, along with highlighting what people say. Either way, hChat would fit in here nicely, but expanding it a bit to handle more generic &#8220;actions&#8221;, like /me in IRC or killing someone in a game is important too. Or what were you thinking of doing for status changes?</p>
<p>Now I&#8217;m imagining an application that parses hLogs and compares what people are doing at the same time &#8230; using CSS vertical bar charts for a calendar-style display? </p>
<p>Hmmm, fun posibilities here.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: 90% Crud</title>
		<link>http://meyerweb.com/eric/thoughts/2005/12/19/adium-chatting-with-style/#comment-10844</link>
		<dc:creator>90% Crud</dc:creator>
		<pubDate>Wed, 21 Dec 2005 15:21:55 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2005/12/18/adium-and-standards/#comment-10844</guid>
		<description>&lt;strong&gt;OS X?  Adium.&lt;/strong&gt;

On OS X? Using iChat? Time to switch to Adium. I tried Adium maybe a couple years ago and was underwhelmed, so when I started hearing people talk about it I figured that it wasn&#039;t anything worth checking out. Eventually...</description>
		<content:encoded><![CDATA[<p><strong>OS X?  Adium.</strong></p>
<p>On OS X? Using iChat? Time to switch to Adium. I tried Adium maybe a couple years ago and was underwhelmed, so when I started hearing people talk about it I figured that it wasn&#8217;t anything worth checking out. Eventually&#8230;</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Jacob Smith</title>
		<link>http://meyerweb.com/eric/thoughts/2005/12/19/adium-chatting-with-style/#comment-10825</link>
		<dc:creator>Jacob Smith</dc:creator>
		<pubDate>Wed, 21 Dec 2005 05:25:01 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2005/12/18/adium-and-standards/#comment-10825</guid>
		<description>It took a bit to find the files to edit, so I thought it might be helpful for other less savvy users to post the method for getting to the files.

Go to the Applications folder then ctrl-click on Adium.app and choose &quot;Show Package Contents&quot;

Contents &gt; Resources &gt; Message Styles

Duplicate an existing message style then ctrl-click on that new style and choose &quot;Show Package Contents&quot;

Contents &gt; Resources

Now you are in the directory with the files to edit.

Hope this speeds you on your way to perfectly styled chatting.</description>
		<content:encoded><![CDATA[<p>It took a bit to find the files to edit, so I thought it might be helpful for other less savvy users to post the method for getting to the files.</p>
<p>Go to the Applications folder then ctrl-click on Adium.app and choose &#8220;Show Package Contents&#8221;</p>
<p>Contents &gt; Resources &gt; Message Styles</p>
<p>Duplicate an existing message style then ctrl-click on that new style and choose &#8220;Show Package Contents&#8221;</p>
<p>Contents &gt; Resources</p>
<p>Now you are in the directory with the files to edit.</p>
<p>Hope this speeds you on your way to perfectly styled chatting.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Aristotle Pagaltzis</title>
		<link>http://meyerweb.com/eric/thoughts/2005/12/19/adium-chatting-with-style/#comment-10813</link>
		<dc:creator>Aristotle Pagaltzis</dc:creator>
		<pubDate>Wed, 21 Dec 2005 00:15:18 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2005/12/18/adium-and-standards/#comment-10813</guid>
		<description>&lt;a href=&quot;#comment-10790&quot; rel=&quot;nofollow&quot;&gt;Eric&lt;/a&gt;:

&lt;blockquote&gt;I worry a bit about more capable future clients, ones that might allow whole paragraphs and lists and such to be exchanged.&lt;/blockquote&gt;

Good point; having such stuff would be very cool, in fact. I suppose it only requires that clients drop in a &lt;code&gt;&lt;p&gt;&lt;/code&gt; for now in order to use &lt;code&gt;&lt;blockquote&gt;&lt;/code&gt; across the board. Handling unstyled presentation gracefully is difficult though... hrm. I guess the hypothetical hConversation should just allow both elements? Smarter software could then pick one depending on circumstances.

&lt;blockquote&gt;In any case, there certainly wouldn&quot;t be such a thing in hChat/hConversation.&lt;/blockquote&gt;

Okay.

&lt;blockquote&gt;With an extra div wrapped around the contents of the list item, you could do what you&quot;re after&lt;/blockquote&gt;

Actually, just setting &lt;code&gt;display:table-cell&lt;/code&gt; on the &lt;code&gt;&lt;span&gt;&lt;/code&gt; and &lt;code&gt;&lt;q&gt;&lt;/code&gt; and &lt;code&gt;white-space:nowrap&lt;/code&gt; on the &lt;code&gt;&lt;span&gt;&lt;/code&gt; is enough. Per &lt;abbr&gt;CSS&lt;/abbr&gt;, the browser will create an anonymous table within the &lt;code&gt;&lt;li&gt;&lt;/code&gt; to hold the items, which gets me the desired effect.

I&quot;m coming at this from a “publishable markup” angle though, so I was trying to think of a way to avoid &lt;code&gt;display:table-cell&lt;/code&gt;, since support for it is still spotty. I guess there isn&quot;t. Oh well; I&quot;ll live.</description>
		<content:encoded><![CDATA[<p><a href="#comment-10790" rel="nofollow">Eric</a>:</p>
<blockquote><p>I worry a bit about more capable future clients, ones that might allow whole paragraphs and lists and such to be exchanged.</p></blockquote>
<p>Good point; having such stuff would be very cool, in fact. I suppose it only requires that clients drop in a <code>&lt;p&gt;</code> for now in order to use <code>&lt;blockquote&gt;</code> across the board. Handling unstyled presentation gracefully is difficult though&#8230; hrm. I guess the hypothetical hConversation should just allow both elements? Smarter software could then pick one depending on circumstances.</p>
<blockquote><p>In any case, there certainly wouldn&#8221;t be such a thing in hChat/hConversation.</p></blockquote>
<p>Okay.</p>
<blockquote><p>With an extra div wrapped around the contents of the list item, you could do what you&#8221;re after</p></blockquote>
<p>Actually, just setting <code>display:table-cell</code> on the <code>&lt;span&gt;</code> and <code>&lt;q&gt;</code> and <code>white-space:nowrap</code> on the <code>&lt;span&gt;</code> is enough. Per <abbr>CSS</abbr>, the browser will create an anonymous table within the <code>&lt;li&gt;</code> to hold the items, which gets me the desired effect.</p>
<p>I&#8221;m coming at this from a “publishable markup” angle though, so I was trying to think of a way to avoid <code>display:table-cell</code>, since support for it is still spotty. I guess there isn&#8221;t. Oh well; I&#8221;ll live.</p>
]]></content:encoded>
	</item>
</channel>
</rss>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head profile="http://gmpg.org/xfn/1">
<title>meyerweb.com</title>
<link rel="openid.server" href="http://www.myopenid.com/server">
<link rel="openid.delegate" href="http://emeyer.myopenid.com/">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><link rel="shortcut icon" href="/favicon.ico"><link rel="home" href="http://meyerweb.com/" title="Home" ><link rel="stylesheet" href="http://meyerweb.com/ui/meyerweb.css" type="text/css" media="screen, projection"><link rel="stylesheet" href="http://meyerweb.com/ui/theme.css" type="text/css" media="screen, projection" id="themeLink"><link rel="stylesheet" href="http://meyerweb.com/ui/print.css" type="text/css" media="print"><script src="http://meyerweb.com/ui/addresses.js" type="text/javascript"></script><link rel="stylesheet" href="/ui/wordpress.css" type="text/css" media="screen">
<link rel="stylesheet" href="/ui/tfe.css" type="text/css" media="screen">
<link rel="stylesheet" href="/ui/home.css" type="text/css" media="screen">
<link rel="alternate" type="application/rss+xml" title="Thoughts From Eric" href="/eric/thoughts/rss2/full" />
<link rel="alternate" type="application/rss+xml" title="Thoughts From Eric (only technical posts)" href="/eric/thoughts/category/tech/rss2/full" />
<link rel="alternate" type="application/rss+xml" title="Thoughts From Eric (only personal posts)" href="/eric/thoughts/category/personal/rss2/full" />
<link rel="alternate" type="application/rss+xml" title="Distractions" href="/eric/thoughts/recent-links/rss2" />
<link rel="alternate" type="application/rss+xml" title="Excuse of the Day" href="/feeds/excuse/rss20.xml" />
</head>
<body id="www-meyerweb-com" class="hpg">

<div id="sitemast"><h1><a href="/"><span>meyerweb</span>.com</a></h1></div><div id="search"><h4>Exploration</h4><!-- SiteSearch Google --><form method="get" action="http://www.google.com/custom" target="_top"><div><input type="hidden" name="domains" value="meyerweb.com"></input><label for="sbb" style="display: none">Submit search form</label><input type="submit" name="sa" value="Google Search" id="sbb"></input><label for="sbi" style="display: none">Enter your search terms</label><input type="text" name="q" size="31" maxlength="255" value="" id="sbi"></input><p><input type="radio" name="sitesearch" value="meyerweb.com" checked id="ss1"></input><label for="ss1" title="Search meyerweb.com">meyerweb.com</label><input type="radio" name="sitesearch" value="" id="ss0"></input><label for="ss0" title="Search the Web">Web</label></p><input type="hidden" name="client" value="pub-3772084027748653"></input><input type="hidden" name="forid" value="1"></input><input type="hidden" name="ie" value="ISO-8859-1"></input><input type="hidden" name="oe" value="ISO-8859-1"></input><input type="hidden" name="safe" value="active"></input><input type="hidden" name="cof" value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:FFFFFF;LBGC:336699;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:1"></input><input type="hidden" name="hl" value="en"></input></div></form><!-- SiteSearch Google --><!-- <form method="get" action="http://www.google.com/custom"><div><input type="submit" name="sa" value="Search"><input type="text" name="q" size="20" maxlength="255" value=""><input type="hidden" name="sitesearch" value="meyerweb.com"></div></form><small><a href="http://www.google.com/search">Powered by Google</a></small> --></div><div id="main"><div class="skipper">Skip to: <a href="#extra">site navigation/presentation</a></div><div class="skipper">Skip to: <a href="#thoughts">Thoughts From Eric</a></div>
<div id="thoughts">


<div class="entry">
<h3><a href="http://meyerweb.com/eric/thoughts/2005/12/19/adium-chatting-with-style/" rel="bookmark" title="Permanent Link: Adium: Chatting With Style">Adium: Chatting With Style</a></h3>
<ul class="meta">
<li class="date">Mon 19 Dec 2005</li>
<li class="time">0808</li>
<li class="cat"><a href="http://meyerweb.com/eric/thoughts/category/tech/css/" title="View all posts in CSS" rel="category tag">CSS</a><br> <a href="http://meyerweb.com/eric/thoughts/category/tech/microformats/" title="View all posts in Microformats" rel="category tag">Microformats</a><br> <a href="http://meyerweb.com/eric/thoughts/category/tech/standards/" title="View all posts in Standards" rel="category tag">Standards</a></li>
<li class="cmt"><a href="http://meyerweb.com/eric/thoughts/2005/12/19/adium-chatting-with-style/#comments">40 responses</a></li>
<li></li><li></li></ul>

<div class="text">
<p>
<a href="http://www.tbray.org/ongoing/" rel="met acquaintance">Tim Bray</a>, that dashing man-about-town, recently <a href="http://www.tbray.org/ongoing/When/200x/2005/12/16/Adium" title="Adium is the Future">sang the praises</a> of <a href="http://adiumx.com/">Adium</a>, a multi-service chat client for OS X.  I&#8217;d tried it a while back, and been only marginally impressed.  At the time, its presentational inflexibility was too annoying for me to take it seriously.  Okay, yes: it was a damn sight better than Messenger for OS X, which is the only reason I even kept it on my hard drive.  But I hardly ever log onto MSN any more, as everyone I know is on AIM.  So I&#8217;d stuck with <a href="http://apple.com/ichat/">iChat AV</a>.
</p>
<p>
Still, Tim&#8217;s word is always gold (or at least high-grade palladium) with me, and he said the magic words (&#8220;highly skinnable&#8221;), so I downloaded the latest copy and poked around for a bit.
</p>
<p>
Boy <em>howdy</em>!  Adium has definitely come a long, long way since last I visited.  You can change the appearance of your chat sessions (with &#8220;message themes&#8221;), the dock icons, the contact list, and much more.  Since none of the default message themes really did it for me, I went looking for others.  There are <a href="http://www.adiumxtras.com/index.php?a=cats&#038;cat_id=5">quite a few available</a> at the <a href="http://www.adiumxtras.com/">Adium Xtras site</a>, but none of them were really what I wanted either.  In iChat, I cranked the graphic frippery down to zero so that the chat sessions were as compact as possible, but I still had the text look nice.  If I could recreate that in Adium, it would make the migration much, much simpler.
</p>
<p>
So I dug into the package contents of a promising message theme&#8230; <em>and found out that themes are based on nothing more than XHTML and CSS.</em>
</p>
<p>
Seriously.  The entirety of an Adium chat window is an XHTML document that&#8217;s being dynamically updated via DOM scripting&#8212;all of it pumped through <a href="http://webkit.opendarwin.org/">WebKit</a>, of course.  In creating a message theme, you define what markup will be used, and write CSS to style it.  You can even define variants on your theme by writing additional style sheets.
</p>
<img src="http://meyerweb.com/pix/2005/adium.png" class="pic border" alt="" />
<p>
So with some quick hacking, I not only radically improved the markup generated during a chat (the markup I saw in the packages I downloaded was, um, sub-optimal), but I basically replicated my old iChat theme with some simple CSS.  And then I created some variants that slightly modify it in various ways, mostly to prove that I could.
</p>
<p>
I&#8217;m now wondering if I could write and attach JavaScript that would make chat sessions even more interactive, more robust.  (Update: <a href="http://meyerweb.com/eric/thoughts/2005/12/19/adium-chatting-with-style/#comment-10687">Phil says yes</a>.)  Click on a line to copy the whole line to the clipboard, say, or dynamically change the in-session presentation by hitting a button.  Adium may block that kind of thing, but if not, then it&#8217;s a chat client extensible beyond anything I&#8217;ve so far imagined.
</p>
<p>
And given how much I love to tinker with my software, that&#8217;s like waving a bulging suitcase of money in front of a senator.
</p>
<p>
Granted, there are some things I&#8217;d like to change.  For example, the markup you define in a theme is <strong>not</strong> used in saving the chat log.  In a log, you just get some basic markup with a case of classitis and very, very poor semantics.  It would be a lot cooler if you could define the log markup (or the log just used the markup you generate during a chat session) and the CSS to present it.
</p>
<p>
A chat log is also something that, it seems to me, cries out for a <a href="http://microformats.org/">microformat</a>.  The markup I&#8217;m using for my theme is also a first effort in that direction, recycling some other microformats&#8217; concepts (I stole a bit from <a href="http://microformats.org/wiki/hcalendar">hCalendar</a> and am planning to graft in some <a href="http://microformats.org/wiki/hcard">hCard</a> as well) and setting up some basics.  If I can take this far enough, I might consider pushing to upgrade the markup Adium generates in its logs.  They&#8217;re dropping a lot of information on the floor when they write out the logs, and I think that&#8217;s a shame.
</p>
<p>
But then, I can make the effort to fix that and actually have a chance of it paying dividends.  The joys of open source, you know?
</p>
<p>
I&#8217;ll still use iChat AV for videoconferences, which are an essential tool for family cohesiveness when I&#8217;m on the road, as well as to keep close to my father down in Florida.  For text, though&#8212;which accounts for at least 90% of my instant messaging activity&#8212;Adium is my new chat buddy.
</p>
</div>

</div>

</div>
<p style="font-size: 90%; text-align: right; margin-top: 0.5em; padding-top: 0;">(If you care, there's even an <a href="/eric/thoughts/page/2/">archive of previous thoughts</a>...)</p>

</div><div id="extra"><div class="panel" id="archipelago"><h4>Identity Archipelago</h4><ul><li><a href="http://flickr.com/photos/meyerweb/" rel="me">Flickr</a></li><li><a href="http://twitter.com/meyerweb/" rel="me">Twitter</a></li><li><a href="http://dopplr.com/traveller/meyerweb">Dopplr</a></li><li><a href="http://www.linkedin.com/in/meyerweb" rel="me">LinkedIn</a></li><li><a href="http://technorati.com/profile/emeyer" rel="me">Technorati</a></li></ul></div><div class="panel" id="pointers"><h4>Projects Elsewhere</h4><ul><li><a href="http://aneventapart.com/">An Event Apart</a></li><li><a href="http://complexspiral.com/">Complex Spiral Consulting</a></li><li><a href="http://www.webassist.com/go/css/emeyer/">CSS Sculptor</a></li><li><a href="http://css-discuss.org/">css-discuss</a></li><li><a href="http://microformats.org/">Microformats</a></li><li><a href="http://s5project.org/">S5</a></li></ul></div><div class="panel" id="tour"><ul><li><a href="http://fray.com/issue3/"><img src="http://fray.com/images/i3c.gif" alt="Fray Contributor (Issue 3: Sex &amp; Death)" /></a></li><!-- <li><a href="http://www.webassist.com/go/css/emeyer/"><img src="/pix/CS_ad_180x109.jpg" alt="CSS Sculptor for Dreamweaver" style="max-width: 100%;" /></a></li> --></ul></div><div class="panel">
<h4>Recently Tweeted</h4>
<p class="more"><a href="http://twitter.com/meyerweb">see more</a></p>
<p>Spent the afternoon manhandling a rototiller whose clutch design was exactly the inverse of anything resembling reasonable or safe. <small>&#8211;tweeted 3 hours, 22 minutes ago</small></p>
</div><div id="sideblog" class="panel">
<h4>Distractions</h4>
<p class="more">
<a href="/eric/thoughts/recent-links/">archive</a>
</p>
<ul>
<li><a href="http://tweetagewasteland.com/2010/03/my-head-is-in-the-cloud/" title="March 18 | &#8220;I sense that my addiction to the realtime stream is only making room for the consumption of a faster stream.&#8221;">My Head is in the Cloud</a> <small>[via <a href="http://daringfireball.net/">John</a>]</small></li>
<li><a href="http://8bitnyc.com/" title="March 17 | All of a sudden I want to establish a mission in Central Park and negotiate with the natives for gold and food.">8-Bit NYC</a></li>
<li><a href="http://www.youtube.com/watch?v=nFicqklGuB0&amp;feature=player_embedded" title="March 12 | Wry comment expressing my appreciation of the creative derivativeness of this video and its uncanny accuracy in mocking common tropes.">Academy Award Winning Movie Trailer</a></li>
<li><a href="http://www.youtube.com/watch?v=414TmP12WAU" title="March 9 | &#8220;Apple juice&#8230; for half price!&#8221;  More like twice PRICELESS.  (Note: If you&#8217;re at work, don your headphones.)">Happy in Paraguay</a> <small>[via <a href="http://unstoppablerobotninja.com/">Ethan</a>]</small></li>
<li><a href="http://www.youtube.com/watch?v=9V5ubAOeOBk&amp;feature=player_embedded" title="February 10 | This is approximately the best thing ever.">U900 -Walk Don&#8217;t Run (Isogabamaware)</a></li>
<li><a href="http://www.456bereastreet.com/archive/201002/sifr_default_css_hides_content_from_at_least_one_screen_reader/?utm_source=feedburner&amp;utm_medium=feed&amp;utm_campaign=Feed%3A 456bereastreet %28456 Berea Street%29" title="February 8 | -9999px comes through again, but I really wish we were beyond that kind of thing.">sIFR default CSS hides content from at least one screen reader</a></li>
<li><a href="http://www.macosxhints.com/article.php?story=20100117064356428" title="February 8 | Storing this for future use.">Take a picture with the iSight camera when a folder is opened</a></li>
<li><a href="http://mingle2.com/blog/view/web-developer-mind" title="February 4 | Mostly valid.  (SEE WHAT I DID THERE?)">The Mind of a Web Developer: An Illustrated Diagram</a></li>
<li><a href="http://www.theonion.com/content/news/science_channel_refuses_to_dumb" title="January 28 | &#8220;Punkin Chunkin, for Christ&#8217;s sake&#8230; What more do you people want?&#8221;">Science Channel Refuses To Dumb Down Science Any Further</a></li>
<li><a href="http://www.mailchimp.com/blog/project-omnivore-declassified/" title="January 27 | Sounds like quite a feat.  But I wonder how we&#8217;d feel if Microsoft or Google announced the same kind of thing on their e-mail services.">MailChimp&#8217;s Project Omnivore: Declassified</a></li>
<li><a href="http://www.politifact.com/truth-o-meter/statements/2010/jan/25/carolyn-maloney/congresswoman-says-democratic-presidents-create-mo/" title="January 26 | &#8220;Obviously, luck matters a lot, but when there is a consistent pattern over more than 60 years, it starts to look like more than just luck.&#8221;">Congresswoman says Democratic presidents create more private-sector jobs</a></li>
<li><a href="http://www.ted.com/talks/taylor_mali_what_teachers_make.html" title="January 25 | Truth.">Taylor Mali: What teachers make</a></li>
<li><a href="http://notebook.johnmartz.com/how-websites-work?c=1" title="January 22 | At last, the truth is out and I can stop pretending:  beatific monkeys are what makes it all go.">How websites work</a></li>
</ul>
</div>
<div class="panel" id="advisory">
<div class="guarded">
<a href="http://blogadvisorysystem.com/"><img src="/pix/bas/guarded.png" alt="Blog Advisory System Alert Level: Guarded"></a>
</div>
</div>

<div class="panel" id="excuse">
<h4>The <a href="/feeds/excuse/">excuse of the day</a> is</h4>
<p>Internet 1 traffic is being routed onto Internet 2</p>
</div>

<div class="panel" id="extras">
<h4>Extras</h4>
<ul>
<li><a href="/feeds/">Feeds</a> &#8226;</li>
<li><a href="/eric/faq.html">FAQ</a> &#8226;</li>
<li><a href="/family.html">Family</a></li>
</ul>
</div>

</div>

<div id="navigate">
<h4>Navigation</h4>
<ul id="navlinks">
<li id="archLink"><a href="/eric/thoughts/">Archives</a></li>
<li id="cssLink"><a href="/eric/css/">CSS</a></li>
<li id="toolsLink"><a href="/eric/tools/">Toolbox</a></li>
<li id="writeLink"><a href="/eric/writing.html">Writing</a></li>
<li id="speakLink"><a href="/eric/talks/">Speaking</a></li>
<li id="otherLink"><a href="/other/">Leftovers</a></li>
<li id="aboutsite"><a href="/ui/about.html">About this site</a></li>
</ul>
</div>

<div id="footer">
<p class="sosumi">All contents of this site, unless otherwise noted, are &copy;1995-2008 <strong>Eric A. and Kathryn S. Meyer</strong>.  All Rights Reserved.</p>
<p>"<a href="/eric/thoughts/">Thoughts From Eric</a>" is powered by the &uuml;bercool <a href="http://wordpress.org/">WordPress</a></p>
</div>
</body>
</html>
