<?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>teamsiems &#187; web</title>
	<atom:link href="http://teamsiems.com/tag/web/feed/" rel="self" type="application/rss+xml" />
	<link>http://teamsiems.com</link>
	<description>A team of Siems making observations</description>
	<lastBuildDate>Thu, 02 Feb 2012 15:59:31 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Happy 4th Annual Blue Beanie Day</title>
		<link>http://teamsiems.com/2010/11/happy-4th-annual-blue-beanie-day/</link>
		<comments>http://teamsiems.com/2010/11/happy-4th-annual-blue-beanie-day/#comments</comments>
		<pubDate>Tue, 30 Nov 2010 14:00:46 +0000</pubDate>
		<dc:creator>Chris</dc:creator>
				<category><![CDATA[Personal]]></category>
		<category><![CDATA[standards]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://teamsiems.com/?p=2515</guid>
		<description><![CDATA[November 30 is Blue Beanie Day. Still fighting bad code and using web standards.]]></description>
			<content:encoded><![CDATA[<p>November 30 is <a href="http://www.google.com/search?q=Blue+Beanie+Day">Blue Beanie Day</a>. Still fighting bad code and using <a href="http://www.webstandards.org/">web standards</a>.</p>
<div class="googlePlusOneButton"><g:plusone href="http://teamsiems.com/2010/11/happy-4th-annual-blue-beanie-day/"  size="medium"   annotation="none"  ></g:plusone></div>]]></content:encoded>
			<wfw:commentRss>http://teamsiems.com/2010/11/happy-4th-annual-blue-beanie-day/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HighEdWeb 2010 Wrap Up</title>
		<link>http://teamsiems.com/2010/11/highedweb-2010-wrap-up/</link>
		<comments>http://teamsiems.com/2010/11/highedweb-2010-wrap-up/#comments</comments>
		<pubDate>Sat, 06 Nov 2010 21:55:56 +0000</pubDate>
		<dc:creator>Chris</dc:creator>
				<category><![CDATA[Education]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[heweb10]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[semantic]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://teamsiems.com/?p=2466</guid>
		<description><![CDATA[I know it&#8217;s a month late, but here&#8217;s my wrap-up of High Ed Web 2010. Conference Links HighEdWeb 2010 HighEdWeb Ning Flickr Youtube Twitter Facebook Post-conference Links What I learned from the #heweb10 backchannel (Patrick Powers) Goodbye Cincinnati and #heweb10 &#8230; <a href="http://teamsiems.com/2010/11/highedweb-2010-wrap-up/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>I know it&#8217;s a month late, but here&#8217;s my wrap-up of High Ed Web 2010.</p>
<p><strong>Conference Links</strong></p>
<ul>
<li><a href="http://2010.highedweb.org/">HighEdWeb 2010</a></li>
<li><a href="http://highedweb2010.ning.com/">HighEdWeb Ning</a></li>
<li><a href="http://www.flickr.com/photos/tags/heweb10/">Flickr</a></li>
<li><a href="http://www.youtube.com/results?search_query=heweb10&amp;search=tag">Youtube</a></li>
<li><a href="http://twitter.com/highedweb">Twitter</a></li>
<li><a href="http://www.facebook.com/HighEdWeb">Facebook</a></li>
</ul>
<p><strong>Post-conference Links</strong></p>
<ul>
<li><a href="http://patrickpowers.net/2010/10/what-i-learned-from-the-heweb10-backchannel/">What I learned from the #heweb10 backchannel (Patrick Powers)</a></li>
<li><a href="http://www.personal.psu.edu/rvs2/blogs/renegade/2010/10/goodbye-cincinnati-and-heweb10.html">Goodbye Cincinnati and #heweb10 (Robin Smail)</a></li>
<li><a href="http://www.personal.psu.edu/wjs186/blogs/five-4-six/2010/10/social-media-is-people-not-institutions.html">Social Media is People Not Institutions (Jeff Swain)</a></li>
<li><a href="http://www.benrapin.com/blog/2010/10/14/highedweb-conference-2010-takeaways/">HighEdWeb Conference 2010 Takeaways #heweb10 (Ben Rapin)</a></li>
<li><a href="http://insidetimshead.wordpress.com/2010/10/14/top-5-takeaways-from-heweb10/">top 5 takeaways from #heweb10 (Tim Nekritz)</a></li>
<li><a href="http://doteduguru.com/id6090-my-top-takeaways-from-heweb10.html">My top takeaways from #heweb10 (Karlyn Morissette)</a></li>
<li><a href="http://georgycohen.com/2010/10/19/highedweb-2010-recap-part-1-the-big-picture/">HighEdWeb 2010 Recap Part 1: The Big Picture (Georgy Cohen)</a></li>
<li><a href="http://sociallyred.com/posts/2010/10/hewe10-thoughts/">heweb10 – Thoughts (Billy Adams)</a></li>
<li><a href="http://higheredlive.com/a-complete-and-killer-review-of-highedweb-2010/">A Complete And Killer Review Of HighEdWeb 2010 (Seth Odell)</a></li>
<li><a href="http://www.edustyle.net/">eduStyle</a></li>
<li><a href="http://doteduguru.com/">.eduGuru</a></li>
<li><a href="http://higheredexperts.com/edu/">higheredexperts</a></li>
<li><a href="http://www.youtube.com/watch?v=g4OZluA4GcQ">(Lougan&#8217;s) New Nephew</a></li>
<li><a href="http://2010.highedweb.org/squirrel.mp3">Squirrel ringtone</a></li>
</ul>
<p>Last year I wrapped up <a href="http://teamsiems.com/2009/10/highedweb-2009-wrap-up/">HighEdWeb 2009</a> with this thought:</p>
<blockquote><p>We have something to think about for next year. In this age of transparency you must “know thyself” and be an expert in your area – experience and ignorance shine equally through the window of our minds. We are people in higher education with limited budgets that come together to live, laugh, learn, and we express ourselves using the technology we help to create – the web.</p></blockquote>
<div id="attachment_2594" class="wp-caption alignleft" style="width: 160px"><a href="http://www.flickr.com/photos/highedweb/5071270431/"><img class="size-full wp-image-2594" title="HighEdWeb 2010 Opening" src="http://teamsiems.com/wp-content/uploads/2010/11/5071270431_b57872778d_b.jpg" alt="" width="150" height="150" /></a><p class="wp-caption-text">Sea of Hands at HighEdWeb 2010 Opening Session</p></div>
<p>So, did we learn our lessons? Did we know ourselves? Did we become experts? The simple answer is &#8220;yes.&#8221;</p>
<p>There was only one keynote this year, by Steve Krug, author of &#8220;<a href="http://www.sensible.com/dmmt.html">Don&#8217;t Make Me Think</a>.&#8221; While I think the keynote wasn&#8217;t a failure, I expected more. I expected Steve to be a more engaging speaker. I&#8217;m glad he was the keynote. He did what he said he does in the book: he gave a quick accessibility test using a member of the audience.</p>
<p>I think the biggest difference this year was the comfort level. Being around so many people with the same job as me was comfortable. I think that was due in part because I was returning to many of the same people, but also because we had shared our lives on Twitter throughout the past year. I felt like I knew them.</p>
<div id="attachment_2552" class="wp-caption alignleft" style="width: 160px"><a href="http://teamsiems.com/wp-content/uploads/2010/10/wordle.gif"><img class="size-thumbnail wp-image-2552" title="wordle" src="http://teamsiems.com/wp-content/uploads/2010/10/wordle-150x150.gif" alt="" width="150" height="150" /></a><p class="wp-caption-text">Worldle of this blog for HighEdWeb</p></div>
<p><strong>What did I learn?</strong></p>
<p>HTML5 and CSS3 were topics I wanted to learn about. I learned some of the the pros and cons of <a href="http://teamsiems.com/2010/10/html-5-design/">HTML5</a>, and I got a lot of links to good resources. I got enough CSS3 <a href="http://teamsiems.com/2010/10/highedweb-2010-pre-conference-workshop/">before the conference</a> and <a href="http://teamsiems.com/2010/10/highedweb-2010-post-conference-workshop/">after the conference</a> to keep me occupied for the next year. Bonus, those of us in attendance at the <em>CSS&#8230;In 3D!</em> workshop got a free copy of <a href="http://twitter.com/teleject">Christopher Schmitt&#8217;s</a> book, <em><a href="http://oreilly.com/catalog/9780596005764">CSS Cookbook</a></em>.</p>
<p>But, aside from these few technical topics, I felt 2010 was a little disappointing. Last year I had a similar feeling; however, last year was my first time going and I was a little overwhelmed.</p>
<p><strong>Tweetups, After Darks and more</strong></p>
<p>I met a lot more new folks and followed them on Twitter. We had a lot of shared experiences at this year&#8217;s conference as well. Starting the night I arrived, through the night before I left, my circle of friends expanded.</p>
<p>Saturday night was dinner with the guys from A&amp;M at <a href="http://cincinnati.metromix.com/restaurants/american/omalleys-in-the-alley-downtown/605502/content">O&#8217;Maley&#8217;s in the Alley</a>, followed by a tweetup at <a href="http://cincinnati.metromix.com/bars-and-clubs/neighborhood_bar/madonnas-bar-downtown/605367/content">Madonna&#8217;s Bar &amp; Grill</a>.</p>
<p>Sunday night was the &#8220;Welcome Reception&#8221; at the <a href="http://contemporaryartscenter.org/">Contemporary Arts Center</a>, followed by &#8220;Party Like It&#8217;s 10-10-10&#8243; back at the Hilton, followed by the Hilton bar.</p>
<p>Monday night was sushi at <a href="http://www.benihana.com/locations/cincinnati-oh-cn">Benihana</a> (sponsored in part by <a href="http://www.nucloud.com/">nuCloud</a>) with about 30 people. That was followed by the HighEdWeb After Dark mini pub crawl with stops at Madonna&#8217;s, <a href="http://cincinnati.metromix.com/restaurants/american/nicholsons-tavern-and-pub-downtown/605410/content">Nicholson&#8217;s Gastropub</a>, <a href="http://cincinnati.metromix.com/bars-and-clubs/martini_bar/bartinis-premier-martini-lounge-downtown/2098182/content">Bartini&#8217;s</a>, and the <a href="http://cadillacranchgroup.com/cincinnati.html">Cadillac Ranch</a>.</p>
<div id="attachment_2468" class="wp-caption alignleft" style="width: 160px"><a href="http://twitpic.com/2x2dff"><img class="size-thumbnail wp-image-2468  " title="karaokeplane" src="http://teamsiems.com/wp-content/uploads/2010/10/karaokeplane-150x150.jpg" alt="Karaoke Plane" width="150" height="150" /></a><p class="wp-caption-text">&quot;I can not wait to ride the #karaokeplane tonight.&quot; @mikepetroff</p></div>
<p>Tuesday night we started at the <a href="http://www.newportaquarium.com/">Newport Aquarium</a> with hot hors d&#8217;oeuvres with the fishes. That was followed by the <a href="http://www.hofbrauhausnewport.com/">Hofbräuhaus</a> for <em>dunkelbier</em> (dark beer), bratwursts, pretzels, fried sauerkraut and fried pickles. Of course there was lots of accordion-playing and yodeling and <em>prosting</em> (toasting). I have to say it was almost as good as the one in Munich, but it felt American-ized.</p>
<p>Since Newport, Kentucky is on the other side of the Ohio River from Cincinnati, we were bussed over there. After Hofbräuhaus we took the bus back to the Hilton, but we didn&#8217;t stop there. We topped off the night with a ride on the &#8220;Karaoke Plane&#8221; &#8211; straight to <a href="http://www.hamburgermaryscincinnati.com/">Hamburger Mary&#8217;s</a>. Mary&#8217;s a mixed gay-straight bar and they probably had the best night of there lives because we showed up by the bus-load. I&#8217;d say at least 100 people were there drinking, singing, dancing, and of course playing pool.</p>
<p>Wednesday night we took it easy with the guys from A&amp;M and dinner at <a href="http://www.rockbottom.com/cincinnati">Rock Bottom Restaurant and Brewery</a>.</p>
<p><strong>Next year</strong></p>
<p>What are the lessons for next year? High Ed Web 2011 will be in Austin, Texas. We should be able to send two people next year. I&#8217;ll go out on a limb and predict the hot topics next year. Semantic content (Web 3.0) for mobile, desktop, vehicles, televisions, toasters, etc. (We can make content inter-operable; maybe using a <abbr title="content management system">CMS</abbr>.) Location-based (geo-loco) applications with a side of <a href="http://en.wikipedia.org/wiki/Augmented_reality">augmented reality</a> or <a href="http://en.wikipedia.org/wiki/Geofence">geo-fencing</a>. (<a href="http://www.facebook.com/places/">Facebook Places</a> exploded this year. <a href="http://foursquare.com/">Foursquare</a> has the most users, for now. <a href="http://gowalla.com/">Gowalla</a> is based in Austin.) HTML5 and CSS3 are growing, even if at a slow pace. (The <a href="http://www.infoworld.com/d/developer-world/w3c-hold-html5-in-websites-041">W3C made an announcement about holding off deploying HTML5</a>.)</p>
<div class="googlePlusOneButton"><g:plusone href="http://teamsiems.com/2010/11/highedweb-2010-wrap-up/"  size="medium"   annotation="none"  ></g:plusone></div>]]></content:encoded>
			<wfw:commentRss>http://teamsiems.com/2010/11/highedweb-2010-wrap-up/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="http://2010.highedweb.org/squirrel.mp3" length="18455" type="audio/mpeg" />
		</item>
		<item>
		<title>Going Mobile</title>
		<link>http://teamsiems.com/2010/08/going-mobile/</link>
		<comments>http://teamsiems.com/2010/08/going-mobile/#comments</comments>
		<pubDate>Wed, 11 Aug 2010 03:31:39 +0000</pubDate>
		<dc:creator>Chris</dc:creator>
				<category><![CDATA[Personal]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://teamsiems.com/?p=2327</guid>
		<description><![CDATA[This week seems especially charged with websites &#8220;going mobile&#8221; or at least being mobile compatible.  Following in their footsteps (and pushed along by a colleague) I&#8217;ve added the Carrington mobile theme to all my WordPress sites. UPDATE: I found this article by &#8230; <a href="http://teamsiems.com/2010/08/going-mobile/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>This week seems especially charged with websites &#8220;going mobile&#8221; or at least being mobile compatible.  Following in their footsteps (and pushed along by <a href="http://www.dmolsen.com/mobile-in-higher-ed/?p=81">a colleague</a>) I&#8217;ve added the <a href="http://alexking.org/projects/wordpress/readme?project=wordpress-mobile-edition">Carrington mobile</a> theme to all my <a href="http://teamsiems.com/projects/">WordPress sites</a>.</p>
<p>UPDATE:</p>
<p>I found this article by <a href="http://www.brucelawson.co.uk/">Bruce Lawson</a> (@<a href="http://twitter.com/brucel">brucel</a>) on the Opera Developers site titled <a href="http://dev.opera.com/articles/view/the-mobile-web-optimization-guide/">Mobile-friendly: The mobile web optimization guide</a>.</p>
<div class="googlePlusOneButton"><g:plusone href="http://teamsiems.com/2010/08/going-mobile/"  size="medium"   annotation="none"  ></g:plusone></div>]]></content:encoded>
			<wfw:commentRss>http://teamsiems.com/2010/08/going-mobile/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Blue Beanie Day</title>
		<link>http://teamsiems.com/2009/11/blue-beanie-day/</link>
		<comments>http://teamsiems.com/2009/11/blue-beanie-day/#comments</comments>
		<pubDate>Mon, 30 Nov 2009 21:45:06 +0000</pubDate>
		<dc:creator>Chris</dc:creator>
				<category><![CDATA[Personal]]></category>
		<category><![CDATA[standards]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://teamsiems.com/?p=951</guid>
		<description><![CDATA[November 30 is Blue Beanie Day. Fight bad code. Use Web Standards.]]></description>
			<content:encoded><![CDATA[<p>November 30 is <a href="http://vvn.net/wp/2009/11/10/3rd-annual-blue-beanie-day/">Blue Beanie Day</a>. <span style="background-color: #ffffff;">Fight bad code. Use Web Standards.</span></p>
<div class="googlePlusOneButton"><g:plusone href="http://teamsiems.com/2009/11/blue-beanie-day/"  size="medium"   annotation="none"  ></g:plusone></div>]]></content:encoded>
			<wfw:commentRss>http://teamsiems.com/2009/11/blue-beanie-day/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SXSW Day One</title>
		<link>http://teamsiems.com/2009/03/sxsw-day-one/</link>
		<comments>http://teamsiems.com/2009/03/sxsw-day-one/#comments</comments>
		<pubDate>Fri, 13 Mar 2009 20:00:28 +0000</pubDate>
		<dc:creator>Chris</dc:creator>
				<category><![CDATA[Education]]></category>
		<category><![CDATA[sxsw09]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://teamsiems.com/?p=403</guid>
		<description><![CDATA[See movie Slammin&#8217; Salmon &#8211; saw the preview in the Adobe DayCafe Check out verbcms.com &#8211; they were handing out bills at the first panel Everything You Know About Web Design Is Wrong Dan Willis www.dswillis.com/sxsw/everything.pdf www.uxcrank.com/ See HarryPotter.com &#8211; &#8230; <a href="http://teamsiems.com/2009/03/sxsw-day-one/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>See movie <a href="http://www.imdb.com/title/tt1135525/"><span style="font-style: italic;">Slammin&#8217; Salmon</span></a> &#8211; saw the preview in the Adobe DayCafe<br />
Check out <a href="http://verbcms.com/">verbcms.com</a> &#8211; they were handing out bills at the first panel</p>
<h2><a href="http://my.sxsw.com/events/event/3942">Everything You Know About Web Design Is Wrong</a></h2>
<p>Dan Willis<br />
<a href="http://www.dswillis.com/sxsw/everything.pdf">www.dswillis.com/sxsw/everything.pdf</a><br />
<a href="http://www.uxcrank.com/">www.uxcrank.com/</a></p>
<p>See <a href="http://harrypotter.com/">HarryPotter.com</a> &#8211; is a dead tree<br />
See <a href="http://washingtonpost.com/">washingtonpost.com</a> &#8211; another dead tree<br />
&#8220;Print in disquise&#8221;<br />
These two and so many are stuck in the print model of information sharing.<br />
What we need is a web grammar.</p>
<p>D. W. Griffith &#8211; <a href="http://en.wikipedia.org/wiki/The_Birth_of_a_Nation">Birth of a Nation</a> &#8211; did nothing different, but he invented a film grammar and made a load of money.<br />
&#8220;1 + 1 = 3&#8243;</p>
<p>What is the (possible) web grammar:</p>
<ul>
<li>Random voyeurism</li>
<li>Self aware (but uncontrollable) content</li>
<li>User-created context</li>
<li>Ambient awareness</li>
<li>Experiential content</li>
</ul>
<p>Tips for Transcendent Web Design:</p>
<ul>
<li>Organize cross teams</li>
<li>Embrase your ignorance</li>
<li>Don&#8217;t be distracted by business models that don&#8217;t start and end with users</li>
</ul>
<p>(Tips are incomplete)</p>
<h2><a href="http://my.sxsw.com/events/event/3969">Oooh, That&#8217;s Clever! (Unnatural Experiments in Web Design)</a></h2>
<p>Paul Annett<br />
<a href="http://clearleft.com/">clearleft.com</a></p>
<p>User&#8217;s enjoy discovering things (e.g. arrow in <a href="http://images.fedex.com/images/ascend/shared/headers/nxgen/corp_logo.gif">FedEx logo</a>). This is kinda like random voyeurism (see above). Hiding things in plain sight. It plays with user-created context (see above).<br />
Paralax with backgrounds (e.g. <a href="http://silverbackapp.com/">http://silverbackapp.com/</a>)<br />
Peripherial vision effects are fun too.</p>
<div class="googlePlusOneButton"><g:plusone href="http://teamsiems.com/2009/03/sxsw-day-one/"  size="medium"   annotation="none"  ></g:plusone></div>]]></content:encoded>
			<wfw:commentRss>http://teamsiems.com/2009/03/sxsw-day-one/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

