<?xml version="1.0" encoding="utf-8"?>
<feed
    xmlns="http://www.w3.org/2005/Atom"
    xmlns:at="http://www.sixapart.com/ns/at"
    xmlns:icbm="http://postneo.com/icbm"
    xmlns:rvw="http://purl.org/NET/RVW/0.2/"
    xml:lang="en">
    <title>Matthew M. Osborn</title>
    <link rel="self" type="application/atom+xml" title="Matthew M. Osborn (Atom)" href="http://osbornm.vox.com/library/posts/page/1/atom.xml" />
    <link rel="alternate" type="text/html" title="Matthew M. Osborn" href="http://osbornm.vox.com/library/posts/page/1/"/> 
    <link rel="service.post" type="application/atom+xml" title="Matthew M. Osborn" href="http://www.vox.com/services/atom/svc=post/collection_id=6a00c225205f698e1d00c2251f6b8d604a" /> 
    <link rel="service.subscribe" type="application/atom+xml" title="Matthew M. Osborn" href="http://osbornm.vox.com/library/posts/atom.xml" />    
    <link rel="next" type="application/atom+xml" title="Matthew M. Osborn" href="http://osbornm.vox.com/library/posts/page/2/atom.xml" /> 
    <link rel="last" type="application/atom+xml" title="Matthew M. Osborn" href="http://osbornm.vox.com/library/posts/page/2/atom.xml" />  
    <generator uri="http://www.vox.com/">Vox</generator>
    <updated>2007-08-10T15:23:46Z</updated> 
    <author>
        <name>osbornm</name>
        <uri>http://osbornm.vox.com/?_c=feed-atom-full</uri>
    </author> 
    <id>tag:vox.com,2006:6p00c225205f698e1d/</id> 
    <subtitle>Web Developer &amp; Graphic Artist</subtitle>  
    
    <entry>
        <title>LINQ Presentation</title>   
        <link rel="alternate" type="text/html" title="LINQ Presentation" href="http://osbornm.vox.com/library/post/linq-presentation.html?_c=feed-atom-full" />  
        <link rel="service.post" type="application/atom+xml" title="LINQ Presentation" href="http://osbornm.vox.com/library/post/linq-presentation.html?_c=feed-atom-full#comments" /> 
        <link rel="service.edit" type="application/atom+xml" title="LINQ Presentation" href="http://www.vox.com/atom/svc=post/asset_id=6a00c225205f698e1d00e3989c702f0004" />          <id>tag:vox.com,2007-08-10:asset-6a00c225205f698e1d00e3989c702f0004</id>
        <published>2007-08-10T15:23:46Z</published>
        <updated>2007-08-10T15:23:46Z</updated>
    
        <author>
            <name>osbornm</name>
            <uri>http://osbornm.vox.com/?_c=feed-atom-full</uri>
        </author>
    
        
        <content type="html" xml:base="http://osbornm.vox.com/?_c=feed-atom-full">
            <![CDATA[
                <div xmlns="http://www.w3.org/1999/xhtml" xmlns:at="http://www.sixapart.com/ns/at">
        <p>I recently gave a presentation on LINQ at the Utah DNUG.&#160; I will be be posting parts of the presentation of the next little while as well as some stuff that i was unable to cover due to the time limitations.&#160; So keep a look out for it.&#160; </p>   <p style="clear:both;"> 
    <a href="http://osbornm.vox.com/library/post/linq-presentation.html?_c=feed-atom-full#comments">Read and post comments</a>   |   
    <a href="http://www.vox.com/share/6a00c225205f698e1d00e3989c702f0004?_c=feed-atom-full">Send to a friend</a> 
</p>

                </div>
            ]]>
        </content> 
    </entry> 
    
    <entry>
        <title>Onslaught</title>   
        <link rel="alternate" type="text/html" title="Onslaught" href="http://osbornm.vox.com/library/post/onslaught.html?_c=feed-atom-full" />  
        <link rel="service.post" type="application/atom+xml" title="Onslaught" href="http://osbornm.vox.com/library/post/onslaught.html?_c=feed-atom-full#comments" /> 
        <link rel="service.edit" type="application/atom+xml" title="Onslaught" href="http://www.vox.com/atom/svc=post/asset_id=6a00c225205f698e1d00e3989a832c0003" />            <id>tag:vox.com,2007-08-04:asset-6a00c225205f698e1d00e3989a832c0003</id>
        <published>2007-08-04T19:37:14Z</published>
        <updated>2007-08-05T05:20:54Z</updated>
    
        <author>
            <name>osbornm</name>
            <uri>http://osbornm.vox.com/?_c=feed-atom-full</uri>
        </author>
    
        
        <content type="html" xml:base="http://osbornm.vox.com/?_c=feed-atom-full">
            <![CDATA[
                <div xmlns="http://www.w3.org/1999/xhtml" xmlns:at="http://www.sixapart.com/ns/at">
        
    
    
    
<div at:enclosure="asset" at:xid="6a00c225205f698e1d00e3989a6fd10001" at:format="large" at:align="left"
    class="enclosure enclosure-left enclosure-large photo-enclosure" 
     style="text-align: center; float: left;">
<div class="enclosure-inner"
    
        style="padding: 9px; border: 1px solid; width: px; margin: 0 20px 20px 0;"
    >
    <div class="enclosure-list">
        <div class="enclosure-item photo-asset last">
    
            <div class="enclosure-image">
        
                <a href="http://osbornm.vox.com/library/photo/6a00c225205f698e1d00e3989a6fd10001.html"><img src="http://a1.vox.com/6a00c225205f698e1d00e3989a6fd10001-320pi" alt="Onslaught" title="Onslaught" /></a>
        
            </div>
            <div class="enclosure-meta">
                <div class="enclosure-asset-name"><a href="http://osbornm.vox.com/library/photo/6a00c225205f698e1d00e3989a6fd10001.html" title="Onslaught">Onslaught</a></div>
            </div>
    
        </div>
    </div>
</div>
</div><!-- end enclosure -->
<p>
For those of you who know me i don&#39;t really play very many video games.&#160; I do however get addicted to little flash
 games.&#160; One of these games is called onslaught, its simply another tower defense game.&#160; The word on the street is that to get very high in the game you have to use a lazer chain.&#160; Well today i got to level 381 with out one. </p>   <p style="clear:both;"> 
    <a href="http://osbornm.vox.com/library/post/onslaught.html?_c=feed-atom-full#comments">Read and post comments</a>   |   
    <a href="http://www.vox.com/share/6a00c225205f698e1d00e3989a832c0003?_c=feed-atom-full">Send to a friend</a> 
</p>

                </div>
            ]]>
        </content> 
    </entry> 
    
    <entry>
        <title>Some Simple Samples</title>   
        <link rel="alternate" type="text/html" title="Some Simple Samples" href="http://osbornm.vox.com/library/post/some-simple-samples.html?_c=feed-atom-full" />  
        <link rel="service.post" type="application/atom+xml" title="Some Simple Samples" href="http://osbornm.vox.com/library/post/some-simple-samples.html?_c=feed-atom-full#comments" /> 
        <link rel="service.edit" type="application/atom+xml" title="Some Simple Samples" href="http://www.vox.com/atom/svc=post/asset_id=6a00c225205f698e1d00cd973d21f04cd5" />          <id>tag:vox.com,2007-07-05:asset-6a00c225205f698e1d00cd973d21f04cd5</id>
        <published>2007-07-05T20:27:50Z</published>
        <updated>2007-07-05T20:29:24Z</updated>
    
        <author>
            <name>osbornm</name>
            <uri>http://osbornm.vox.com/?_c=feed-atom-full</uri>
        </author>
    
        
        <content type="html" xml:base="http://osbornm.vox.com/?_c=feed-atom-full">
            <![CDATA[
                <div xmlns="http://www.w3.org/1999/xhtml" xmlns:at="http://www.sixapart.com/ns/at">
        <p>I have been playing with the new .NET 3.5 framework.&#160; Several people asked to see that samples that I was writing just to try stuff out so I decided to make a little post.&#160; This is just some simple code I wrote to teach myself the basics so its nothing special.&#160; I should have some LINQ samples up later. If you have any questions feel free to ask.<br /><span style="color: #33cc33"><br /></span><blockquote><p><em>using System;<br />using System.Collections.Generic;<br />using System.Linq;<br />using System.Text;</p><p>namespace Sample<br />{<br />&#160;&#160;&#160; class Program<br />&#160;&#160;&#160; {<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; static void Main(string[] args)<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; {<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; //create some sample objects<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; var p1 = new Person { firstName = &quot;Matthew&quot;, lastName = &quot;Osborn&quot; };<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; var p2 = new Person { firstName = &quot;Mark&quot;, lastName = &quot;Osborn&quot; };<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; var p3 = new Person { firstName = &quot;Karen&quot;, lastName = &quot;Osborn&quot; };<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; var d1 = new Dog { Breed = &quot;Shetland Sheep Dog&quot;, Name = &quot;Baxtor&quot;, Owner=&quot;Matthew&quot; };<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; var d2 = new Dog { Breed = &quot;Shetland Sheep Dog&quot;, Name = &quot;Rip&quot;, Owner = &quot;Matthew&quot; };<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; //add these objects to two different collections<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; var people = new List&lt;Person&gt;();<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; people.Add(p1);<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; people.Add(p2);<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; people.Add(p3);<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; var dogs = new List&lt;Dog&gt;();<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; dogs.Add(d1);<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; dogs.Add(d2);<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; //join people and dogs on owner first name<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; var test =<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; people.Join(dogs, p =&gt; p.firstName, d =&gt; d.Owner, (p,d) =&gt; new { p, d });<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; //print out results<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; foreach (object o in test)<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; o.print();<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; }<br />&#160;&#160;&#160; }</p><p>&#160;&#160;&#160; public class Person<br />&#160;&#160;&#160; {<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; public string firstName { get; set; }<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; public string lastName { get; set; }</p><p>&#160;&#160;&#160;&#160;&#160;&#160;&#160; public override string ToString()<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; {<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; return firstName + &quot; &quot; + lastName;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; }<br />&#160;&#160;&#160; }</p><p>&#160;&#160;&#160; public class Dog<br />&#160;&#160;&#160; {<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; public string Name { get; set; }<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; public string Breed { get; set; }<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; //referances a persons first name<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; public string Owner { get; set; }</p><p>&#160;&#160;&#160;&#160;&#160;&#160;&#160; public override string ToString()<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; {<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; return Name + &quot; is a &quot; + Breed;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; }<br />&#160;&#160;&#160; }</p><p>&#160;&#160;&#160; /// &lt;summary&gt;<br />&#160;&#160;&#160; /// Static class to hold all my extension methods<br />&#160;&#160;&#160; /// &lt;/summary&gt;<br />&#160;&#160;&#160; public static class Extensions<br />&#160;&#160;&#160; {<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; //generic extension method to print items to the console<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; //This can easily be used for debuging<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; public static void print&lt;T&gt;(this T obj)<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; {<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; Console.WriteLine(obj.ToString());<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; }<br />&#160;&#160;&#160; }<br />}</em><br /></p></blockquote> </p>   <p style="clear:both;"> 
    <a href="http://osbornm.vox.com/library/post/some-simple-samples.html?_c=feed-atom-full#comments">Read and post comments</a>   |   
    <a href="http://www.vox.com/share/6a00c225205f698e1d00cd973d21f04cd5?_c=feed-atom-full">Send to a friend</a> 
</p>

                </div>
            ]]>
        </content> 
    <category term=".net3.5" scheme="http://osbornm.vox.com/tags/.net3.5/" label=".net3.5" /> 
    </entry> 
    
    <entry>
        <title>Software Developers as UDOT workers?</title>   
        <link rel="alternate" type="text/html" title="Software Developers as UDOT workers?" href="http://osbornm.vox.com/library/post/software-developers-as-udot-workers.html?_c=feed-atom-full" />  
        <link rel="service.post" type="application/atom+xml" title="Software Developers as UDOT workers?" href="http://osbornm.vox.com/library/post/software-developers-as-udot-workers.html?_c=feed-atom-full#comments" /> 
        <link rel="service.edit" type="application/atom+xml" title="Software Developers as UDOT workers?" href="http://www.vox.com/atom/svc=post/asset_id=6a00c225205f698e1d00d414438eaa685e" />            <id>tag:vox.com,2007-07-02:asset-6a00c225205f698e1d00d414438eaa685e</id>
        <published>2007-07-02T17:26:51Z</published>
        <updated>2007-07-02T17:26:51Z</updated>
    
        <author>
            <name>osbornm</name>
            <uri>http://osbornm.vox.com/?_c=feed-atom-full</uri>
        </author>
    
        
        <content type="html" xml:base="http://osbornm.vox.com/?_c=feed-atom-full">
            <![CDATA[
                <div xmlns="http://www.w3.org/1999/xhtml" xmlns:at="http://www.sixapart.com/ns/at">
        
    
    
    

    
    
    
<div at:enclosure="asset" at:xid="6a00c225205f698e1d00d414438e77685e" at:format="small" at:align="left"
    class="enclosure enclosure-left enclosure-small photo-enclosure" 
     style="text-align: center; float: left;">
<div class="enclosure-inner"
    
        style="padding: 9px; border: 1px solid; width: px; margin: 0 20px 20px 0;"
    >
    <div class="enclosure-list">
        <div class="enclosure-item photo-asset last">
    
            <div class="enclosure-image">
        
                <a href="http://osbornm.vox.com/library/photo/6a00c225205f698e1d00d414438e77685e.html"><img src="http://a7.vox.com/6a00c225205f698e1d00d414438e77685e-120pi" alt="Cone" title="Cone" /></a>
        
            </div>
            <div class="enclosure-meta">
                <div class="enclosure-asset-name"><a href="http://osbornm.vox.com/library/photo/6a00c225205f698e1d00d414438e77685e.html" title="Cone">Cone</a></div>
            </div>
    
        </div>
    </div>
</div>
</div><!-- end enclosure -->
<p><span style="color: #ff9933; font-size: 1.25em;">
Are my two Bosses moonlighting as UDOT workers in there spare time.&#160; They come to work with bright orange shirts on just like UDOT works...&#160; My guess is that they are moonlighting as UDOT workers, what other explanations could there be?&#160; Why else would anyone wear a bright orange shirt? Lets take a vote.</span> </p>   <p style="clear:both;"> 
    <a href="http://osbornm.vox.com/library/post/software-developers-as-udot-workers.html?_c=feed-atom-full#comments">Read and post comments</a>   |   
    <a href="http://www.vox.com/share/6a00c225205f698e1d00d414438eaa685e?_c=feed-atom-full">Send to a friend</a> 
</p>

                </div>
            ]]>
        </content> 
    </entry> 
    
    <entry>
        <title>iPhone == iDisappointment; //release day thoughts</title>   
        <link rel="alternate" type="text/html" title="iPhone == iDisappointment; //release day thoughts" href="http://osbornm.vox.com/library/post/iphone-idisappointment-release-day-thoughts.html?_c=feed-atom-full" />  
        <link rel="service.post" type="application/atom+xml" title="iPhone == iDisappointment; //release day thoughts" href="http://osbornm.vox.com/library/post/iphone-idisappointment-release-day-thoughts.html?_c=feed-atom-full#comments" /> 
        <link rel="service.edit" type="application/atom+xml" title="iPhone == iDisappointment; //release day thoughts" href="http://www.vox.com/atom/svc=post/asset_id=6a00c225205f698e1d00d09e7d48a1be2b" />            <id>tag:vox.com,2007-06-30:asset-6a00c225205f698e1d00d09e7d48a1be2b</id>
        <published>2007-06-30T22:20:57Z</published>
        <updated>2007-07-02T14:48:50Z</updated>
    
        <author>
            <name>osbornm</name>
            <uri>http://osbornm.vox.com/?_c=feed-atom-full</uri>
        </author>
    
        
        <content type="html" xml:base="http://osbornm.vox.com/?_c=feed-atom-full">
            <![CDATA[
                <div xmlns="http://www.w3.org/1999/xhtml" xmlns:at="http://www.sixapart.com/ns/at">
        
<p><span style="font-size: 1.5625em;"><br /><strong>Introduction</strong></span><br />Having been following the iPhone for some time now I had considered more than once the thought of buying one.&#160; I currently have AT&amp;T and have the HTC 8525 (not a bad phone) so I was in no real hurry to get one. After getting off work I decided drive down to The Gateway (where the apple store is) and see just how bad the line was.&#160; I got the right after 6:00pm, some where around 6:05pm.&#160; 
    
    
    

    
    
    
<div at:enclosure="asset" at:xid="6a00c225205f698e1d00d09e7d4843be2b" at:format="extra-large" at:align="left"
    class="enclosure enclosure-left enclosure-extra-large photo-enclosure" 
     style="text-align: center; float: left;">
<div class="enclosure-inner"
    
        style="padding: 9px; border: 1px solid; width: px; margin: 0 20px 20px 0;"
    >
    <div class="enclosure-list">
        <div class="enclosure-item photo-asset last">
    
            <div class="enclosure-image">
        
                <a href="http://osbornm.vox.com/library/photo/6a00c225205f698e1d00d09e7d4843be2b.html"><img src="http://a3.vox.com/6a00c225205f698e1d00d09e7d4843be2b-500pi" alt="Iphone" title="Iphone" /></a>
        
            </div>
            <div class="enclosure-meta">
                <div class="enclosure-asset-name"><a href="http://osbornm.vox.com/library/photo/6a00c225205f698e1d00d09e7d4843be2b.html" title="Iphone">Iphone</a></div>
            </div>
    
        </div>
    </div>
</div>
</div><!-- end enclosure -->


The line was rather long say around 200 people.&#160; Not sure if I really wanted to get an iPhone I decide that it would be to much trouble so I went on my way and shopped at some of the other stores then ate dinner.&#160; On my way back to my car the around 8:30pm the line at the apple store was gone so I thought I would at least go take a look at the iPhone either though I thought they were surely sold out.&#160; When I walked in I was greeted by an employee who toldme there was still plenty of iPhone to go around.&#160; WHAT!!!! My understanding was that it was going to available in limited numbers.&#160; O&#39;welll maybe I can get one I thought to myself, so I went and took a look at it.&#160; After just a few short minutes I was convinced.&#160; The iPhone is the iDisappointment.&#160; Here is a list of the things i hated about the iPhone.</p><p><span style="font-size: 1.5625em;"><strong>iDisappointment</strong></span><br /><ol><li>The Keyboard Sucks!!! there is no way to type using your thumbs, the keys are too small.&#160; No way to be able to use the keyboard without looking at it.&#160; Keyboard takes up half the screen and does not work in landscape mode.<br /></li><li>No file explorer.&#160; All file organization has to be done inside of other applications</li><li>Internet access was extremely slow!</li><li>You can&#39;t take videos. (I knew this before)</li><li>No speed or voice dial.</li><li>When switching to landscape mode it took several seconds for it to recognize the changes.</li><li>Overall the iPhone seemed very laggy and unresponsive.</li><li>No expandable storage</li><li>Most 3rd party headphones will NOT work because of the sunk in jack.</li><li>Can&#39;t <span id="intelliTxt" name="intelliTxt">highlight, cut, copy, or paste text from a website</span>.</li><li>Can not sync with Exchange Server for email</li></ol><span style="font-size: 1.5625em;"><strong>Final Thoughts</strong></span><br />In the end I think the iPhone is nothing more than a novelty for people that like to look cool or apple FanBoys.&#160; There is no way the iPhone will become the phone that apple wanted it to.&#160; It lacks to many simple features&#160; that a cell phone/PDA/mp3 player should have.&#160;&#160; This is simple not a phone for anyone who wants to do more than make calls and listen to music.&#160; In short if you want to be productive on the go DO NOT buy an iPhone.&#160; <br /> </p>   <p style="clear:both;"> 
    <a href="http://osbornm.vox.com/library/post/iphone-idisappointment-release-day-thoughts.html?_c=feed-atom-full#comments">Read and post comments</a>   |   
    <a href="http://www.vox.com/share/6a00c225205f698e1d00d09e7d48a1be2b?_c=feed-atom-full">Send to a friend</a> 
</p>

                </div>
            ]]>
        </content> 
    <category term="iphone" scheme="http://osbornm.vox.com/tags/iphone/" label="iphone" /> 
    </entry> 
    
    <entry>
        <title>DIVs &amp; Viewports: The Good, The Bad, &amp; the Ugly</title>   
        <link rel="alternate" type="text/html" title="DIVs &amp; Viewports: The Good, The Bad, &amp; the Ugly" href="http://osbornm.vox.com/library/post/divs-viewports-the-good-the-bad-the-ugly.html?_c=feed-atom-full" />  
        <link rel="service.post" type="application/atom+xml" title="DIVs &amp; Viewports: The Good, The Bad, &amp; the Ugly" href="http://osbornm.vox.com/library/post/divs-viewports-the-good-the-bad-the-ugly.html?_c=feed-atom-full#comments" /> 
        <link rel="service.edit" type="application/atom+xml" title="DIVs &amp; Viewports: The Good, The Bad, &amp; the Ugly" href="http://www.vox.com/atom/svc=post/asset_id=6a00c225205f698e1d00c2252adb428fdb" />              <id>tag:vox.com,2006-10-12:asset-6a00c225205f698e1d00c2252adb428fdb</id>
        <published>2006-10-12T16:22:14Z</published>
        <updated>2006-10-12T16:23:11Z</updated>
    
        <author>
            <name>osbornm</name>
            <uri>http://osbornm.vox.com/?_c=feed-atom-full</uri>
        </author>
    
        
        <content type="html" xml:base="http://osbornm.vox.com/?_c=feed-atom-full">
            <![CDATA[
                <div xmlns="http://www.w3.org/1999/xhtml" xmlns:at="http://www.sixapart.com/ns/at">
        

<p class="MsoNormal"><strong>PROBLEM:</strong><br /></p><p class="MsoNormal">The new CSS 2.0 standard contains a new interesting feature
called viewports. I am not sure yet why they have introduced them but I do understand
some problems with them.<span style="">&#160; </span>Recently I was
working on a website that had a three column layout with a dynamically sized
centered column.<span style="">&#160; </span>Basically the right and
left column are only borders nothing special.<span style="">&#160;
</span>I’m a fan of all DIV layouts and that’s how I laid out the website, I’m
not going to go into why I use DIV as apposed to TABLE that’s a whole other
blog.<span style="">&#160; </span>The problem I was running into was
that my right border would not continue down the page when a scrollbar was
present in firefox but worked fine in IE. In fact the border was only the
height of the current window.<span style=""><br /></span></p><p class="MsoNormal">

</p><p class="MsoNormal">Ok so after a little bit of research ok well a lot of
research I found that the height of 100% was being pulled from the viewport
rather than the page.<span style="">&#160; </span>The viewport is
basically an object that is the size of the current viewable area on the
browser.<span style="">&#160; </span>I haven’t had time to play with
it and figure out what they are good for or not so good for.<span style="">&#160; </span>The reason as to why it worked fine in IE is
that IE does not fully support the CSS 2.0 standard and viewports apparently aren’t
something they viewed as important.<span style="">&#160; </span></p>

<p><strong>CODE</strong>:<br />&#160;&#160;&#160; <span style="font-size: 0.8em;"><u><strong>HTML:</strong></u><br />&#160;&#160;&#160; &#160;&#160;  &lt;body&gt;<br /></span><blockquote><p><span style="font-size: 0.8em;">&#160; &lt;div id=&quot;divRightBorder&quot;&gt;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;div id=&quot;divContent&quot;&gt;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;form id=&quot;form1&quot; runat=&quot;server&quot;&gt;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;asp:ContentPlaceHolder ID=&quot;Content&quot; runat=&quot;server&quot;&gt;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;/asp:ContentPlaceHolder&gt;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;/form&gt;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;/div&gt;<br />&#160;&#160;&#160; &lt;/div&gt;<br />&lt;/body&gt;<br /></span></p></blockquote><span style="font-size: 0.8em;">&#160;&#160;&#160; <u>CSS:</u><br />&#160;&#160;&#160; body<br /></span><blockquote><p><span style="font-size: 0.8em;">{<br />&#160;&#160;&#160; min-width: 725px;<br />&#160;&#160;&#160; background-color: #FFF;<br />&#160;&#160;&#160; background-image: url(images/background-left.gif);<br />&#160;&#160;&#160; background-repeat: repeat-y;<br />&#160;&#160;&#160; background-position: left;<br />}</p><p>#divRightBorder<br />{<br />&#160;&#160;&#160; background-image: url(images/background-right.gif);<br />&#160;&#160;&#160; background-repeat: repeat-y;<br />&#160;&#160;&#160; background-position: right;<br />&#160;&#160;&#160; height:100%;<br />}<br />#divContent<br />{<br />&#160;&#160;&#160; margin: 0px 50px 0px 50px;<br />&#160;&#160;&#160; background: #fff;<br />&#160;&#160;&#160; clear: both;<br />}</span><br /></p></blockquote><strong>PICTURE:<br /></strong><blockquote>      

    

    
    
    
<div at:enclosure="asset" at:xid="6a00c225205f698e1d00c2252adb1f604a" at:format="medium" at:align="center"
    class="enclosure enclosure-center enclosure-medium photo-enclosure" 
     style="text-align: center;">
<div class="enclosure-inner"
    
        style="padding: 9px; border: 1px solid; width: px; margin: 10px auto;"
    >
    <div class="enclosure-list">
        <div class="enclosure-item photo-asset last">
    
            <div class="enclosure-image">
        
                <a href="http://osbornm.vox.com/library/photo/6a00c225205f698e1d00c2252adb1f604a.html"><img src="http://a7.vox.com/6a00c225205f698e1d00c2252adb1f604a-200pi" alt="Problem" title="Problem" /></a>
        
            </div>
            <div class="enclosure-meta">
                <div class="enclosure-asset-name"><a href="http://osbornm.vox.com/library/photo/6a00c225205f698e1d00c2252adb1f604a.html" title="Problem">Problem</a></div>
            </div>
    
        </div>
    </div>
</div>
</div><!-- end enclosure -->

</blockquote><strong>SOLUTION:</strong></p>

<p class="MsoNormal">So heres the solution to get this layout to work in weather
or not the browser fully supports the CSS 2.0 standard.<span style="">&#160; </span>If you put the DIVs inside a set of
containing DIVs it will work perfectly.<span style="">&#160;
</span>Basically I believe that the reason for this is that the height is
pulled from the viewport only for the first set of DIVs this allows the inner
DIVs to overflow and function as normal.<span style="">&#160;
</span>I know this isn’t a very good explanation but to be honest I haven’t had
a whole lot of time to research it.<span style="">&#160; </span>Here
is a copy of the working code and a picture of it working in firefox.<span style="">&#160; </span></p><p><strong>

CODE:</strong><br />&#160;&#160;&#160; <span style="font-size: 0.8em;"><u>HTML:</u><br />&#160;&#160;&#160; &lt;body&gt;<br />&#160;&#160;&#160; &lt;div id=&quot;rightborder&quot;&gt;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;div id=&quot;innercontainer&quot;&gt;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;div id=&quot;rightborder2&quot;&gt;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;div id=&quot;innercontainer2&quot;&gt;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;div id=&quot;text&quot;&gt;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;form id=&quot;form1&quot; runat=&quot;server&quot;&gt;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;asp:ContentPlaceHolder ID=&quot;Content&quot; runat=&quot;server&quot;&gt;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;/asp:ContentPlaceHolder&gt;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;/form&gt;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;/div&gt;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;/div&gt;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;/div&gt;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;/div&gt;<br />&#160;&#160; &#160;&#160; &lt;/div&gt;<br />&#160;&#160;&#160;&#160;&#160; &lt;/body&gt;</p><p>&#160;&#160;&#160; <u>CSS:</u><br />&#160;&#160;&#160; body<br /></span><blockquote><p><span style="font-size: 0.8em;">{<br />&#160;&#160;&#160; min-width: 725px;<br />&#160;&#160;&#160; background-color: #373737;<br />}</p><p>#rightborder<br />{<br />&#160;&#160;&#160; background-color: #FFF;<br />&#160;&#160;&#160; background-image: url(images/Background-Right.gif);<br />&#160;&#160;&#160; background-position: right;<br />&#160;&#160;&#160; background-repeat: repeat-y;<br />&#160;&#160;&#160; height: 100%;<br />}</p><p>#innercontainer<br />{<br />&#160;&#160;&#160; background-image: url(images/Background-Left.gif);<br />&#160;&#160;&#160; background-position: left;<br />&#160;&#160;&#160; background-repeat: repeat-y;<br />&#160;&#160;&#160; height: 100%;<br />}</p><p>#container2<br />{<br />&#160;&#160;&#160; background-color: #b82f2f;<br />}</p><p>#rightborder2<br />{<br />&#160;&#160;&#160; background-color: #FFF;<br />&#160;&#160;&#160; background-image: url(images/Background-Right.gif);<br />&#160;&#160;&#160; background-position: right;<br />&#160;&#160;&#160; background-repeat: repeat-y;<br />}</p><p>#innercontainer2<br />{<br />&#160;&#160;&#160; background-image: url(images/Background-Left.gif);<br />&#160;&#160;&#160; background-position: left;<br />&#160;&#160;&#160; background-repeat: repeat-y;<br />}</p></span></blockquote><strong>PICTURE:</p></strong>      

    

    
    
    
<div at:enclosure="asset" at:xid="6a00c225205f698e1d00c2252bcda18e1d" at:format="medium" at:align="center"
    class="enclosure enclosure-center enclosure-medium photo-enclosure" 
     style="text-align: center;">
<div class="enclosure-inner"
    
        style="padding: 9px; border: 1px solid; width: px; margin: 10px auto;"
    >
    <div class="enclosure-list">
        <div class="enclosure-item photo-asset last">
    
            <div class="enclosure-image">
        
                <a href="http://osbornm.vox.com/library/photo/6a00c225205f698e1d00c2252bcda18e1d.html"><img src="http://a1.vox.com/6a00c225205f698e1d00c2252bcda18e1d-200pi" alt="Solution" title="Solution" /></a>
        
            </div>
            <div class="enclosure-meta">
                <div class="enclosure-asset-name"><a href="http://osbornm.vox.com/library/photo/6a00c225205f698e1d00c2252bcda18e1d.html" title="Solution">Solution</a></div>
            </div>
    
        </div>
    </div>
</div>
</div><!-- end enclosure -->

<p></p><p><span style="font-size: 0.8em;"><br /></span><blockquote><p><br /></p></blockquote></p>
    <p style="clear:both;"> 
    <a href="http://osbornm.vox.com/library/post/divs-viewports-the-good-the-bad-the-ugly.html?_c=feed-atom-full#comments">Read and post comments</a>   |   
    <a href="http://www.vox.com/share/6a00c225205f698e1d00c2252adb428fdb?_c=feed-atom-full">Send to a friend</a> 
</p>

                </div>
            ]]>
        </content> 
    <category term="css" scheme="http://osbornm.vox.com/tags/css/" label="css" /> 
    <category term="viewports" scheme="http://osbornm.vox.com/tags/viewports/" label="viewports" /> 
    </entry> 
    
    <entry>
        <title>QotD: Written By Yours Truly</title>   
        <link rel="alternate" type="text/html" title="QotD: Written By Yours Truly" href="http://osbornm.vox.com/library/post/qotd-written-by-yours-truly.html?_c=feed-atom-full" />  
        <link rel="service.post" type="application/atom+xml" title="QotD: Written By Yours Truly" href="http://osbornm.vox.com/library/post/qotd-written-by-yours-truly.html?_c=feed-atom-full#comments" /> 
        <link rel="service.edit" type="application/atom+xml" title="QotD: Written By Yours Truly" href="http://www.vox.com/atom/svc=post/asset_id=6a00c225205f698e1d00c225260f618e1d" />          <id>tag:vox.com,2006-09-06:asset-6a00c225205f698e1d00c225260f618e1d</id>
        <published>2006-09-06T14:50:20Z</published>
        <updated>2006-09-06T14:50:20Z</updated>
    
        <author>
            <name>osbornm</name>
            <uri>http://osbornm.vox.com/?_c=feed-atom-full</uri>
        </author>
    
        
        <content type="html" xml:base="http://osbornm.vox.com/?_c=feed-atom-full">
            <![CDATA[
                <div xmlns="http://www.w3.org/1999/xhtml" xmlns:at="http://www.sixapart.com/ns/at">
        <blockquote><p>If you could write a book about anything, what would it be about?<br /></p></blockquote><p>
In the highly unlikely event that I was to write a book it would probably be about something computer related.&#160; At this moment since I am learning Atlas AJAX i would probably write a book about it because Atlas is pretty difficult to get working correctly in a production environment.&#160; </p>   <p style="clear:both;"> 
    <a href="http://osbornm.vox.com/library/post/qotd-written-by-yours-truly.html?_c=feed-atom-full#comments">Read and post comments</a>   |   
    <a href="http://www.vox.com/share/6a00c225205f698e1d00c225260f618e1d?_c=feed-atom-full">Send to a friend</a> 
</p>

                </div>
            ]]>
        </content> 
    <category term="qotd" scheme="http://osbornm.vox.com/tags/qotd/" label="qotd" /> 
    <category term="my book" scheme="http://osbornm.vox.com/tags/my+book/" label="my book" /> 
    </entry> 
    
    <entry>
        <title>Salt Lake Coffee Break</title>   
        <link rel="alternate" type="text/html" title="Salt Lake Coffee Break" href="http://osbornm.vox.com/library/post/salt-lake-coffee-break.html?_c=feed-atom-full" />  
        <link rel="service.post" type="application/atom+xml" title="Salt Lake Coffee Break" href="http://osbornm.vox.com/library/post/salt-lake-coffee-break.html?_c=feed-atom-full#comments" /> 
        <link rel="service.edit" type="application/atom+xml" title="Salt Lake Coffee Break" href="http://www.vox.com/atom/svc=post/asset_id=6a00c225205f698e1d00c225251e2ff219" />            <id>tag:vox.com,2006-09-06:asset-6a00c225205f698e1d00c225251e2ff219</id>
        <published>2006-09-06T14:41:13Z</published>
        <updated>2006-09-06T21:21:11Z</updated>
    
        <author>
            <name>osbornm</name>
            <uri>http://osbornm.vox.com/?_c=feed-atom-full</uri>
        </author>
    
        
        <content type="html" xml:base="http://osbornm.vox.com/?_c=feed-atom-full">
            <![CDATA[
                <div xmlns="http://www.w3.org/1999/xhtml" xmlns:at="http://www.sixapart.com/ns/at">
        

<p class="MsoNormal">  
      

    
</p>
    
    
    
<div at:enclosure="asset" at:xid="6a00c225205f698e1d00c225251b9b549d" at:format="medium" at:align="left"
    class="enclosure enclosure-left enclosure-medium photo-enclosure" 
     style="text-align: center; float: left;">
<div class="enclosure-inner"
    
        style="padding: 9px; border: 1px solid; width: px; margin: 0 20px 20px 0;"
    >
    <div class="enclosure-list">
        <div class="enclosure-item photo-asset last">
    
            <div class="enclosure-image">
        
                <a href="http://osbornm.vox.com/library/photo/6a00c225205f698e1d00c225251b9b549d.html"><img src="http://a3.vox.com/6a00c225205f698e1d00c225251b9b549d-200pi" alt="CoffeeBreak" title="CoffeeBreak" /></a>
        
            </div>
            <div class="enclosure-meta">
                <div class="enclosure-asset-name"><a href="http://osbornm.vox.com/library/photo/6a00c225205f698e1d00c225251b9b549d.html" title="CoffeeBreak">CoffeeBreak</a></div>
            </div>
    
        </div>
    </div>
</div>
</div><!-- end enclosure -->

<p class="MsoNormal">Well after awhile of searching I have found a coffee shop
that is open late in Salt Lake City.
John, Katie, Dustin, and myself all decided to go down to hang out and do some
work there last night. It is a nice place has a great atmosphere and decent
coffee.<span style="">&#160; </span>The problem was about an hour
into the ordeal some douche bag decided he was going to make an ad-hoc computer-to-computer
network with the same ssid.<span style="">&#160; </span>My guess is
that he was trying to steal some people’s passwords.<span style="">&#160; </span>So, john decided to play along he added a
share to his computer that asked who the guy was and connected to his
network.<span style="">&#160; </span>Long story short the person is
a douche bag and did not stop and or play along so we left.<span style="">&#160; </span>Tonight it is back to the coffee shop with
some tools and this person is going to get pwned if he is there. </p>

   <p style="clear:both;"> 
    <a href="http://osbornm.vox.com/library/post/salt-lake-coffee-break.html?_c=feed-atom-full#comments">Read and post comments</a>   |   
    <a href="http://www.vox.com/share/6a00c225205f698e1d00c225251e2ff219?_c=feed-atom-full">Send to a friend</a> 
</p>

                </div>
            ]]>
        </content> 
    <category term="roommates" scheme="http://osbornm.vox.com/tags/roommates/" label="roommates" /> 
    <category term="coffee break" scheme="http://osbornm.vox.com/tags/coffee+break/" label="coffee break" /> 
    </entry> 
    
    <entry>
        <title>speling</title>   
        <link rel="alternate" type="text/html" title="speling" href="http://osbornm.vox.com/library/post/speling.html?_c=feed-atom-full" />  
        <link rel="service.post" type="application/atom+xml" title="speling" href="http://osbornm.vox.com/library/post/speling.html?_c=feed-atom-full#comments" /> 
        <link rel="service.edit" type="application/atom+xml" title="speling" href="http://www.vox.com/atom/svc=post/asset_id=6a00c225205f698e1d00c225250cbd8fdb" />          <id>tag:vox.com,2006-09-06:asset-6a00c225205f698e1d00c225250cbd8fdb</id>
        <published>2006-09-06T06:41:06Z</published>
        <updated>2006-09-06T06:41:06Z</updated>
    
        <author>
            <name>osbornm</name>
            <uri>http://osbornm.vox.com/?_c=feed-atom-full</uri>
        </author>
    
        
        <content type="html" xml:base="http://osbornm.vox.com/?_c=feed-atom-full">
            <![CDATA[
                <div xmlns="http://www.w3.org/1999/xhtml" xmlns:at="http://www.sixapart.com/ns/at">
        <p>apparntly i hve ben told tht i cant spel at all.<br /></p>   <p style="clear:both;"> 
    <a href="http://osbornm.vox.com/library/post/speling.html?_c=feed-atom-full#comments">Read and post comments</a>   |   
    <a href="http://www.vox.com/share/6a00c225205f698e1d00c225250cbd8fdb?_c=feed-atom-full">Send to a friend</a> 
</p>

                </div>
            ]]>
        </content> 
    </entry> 
    
    <entry>
        <title>QotD: Can&#39;t Get You Out of My Head</title>   
        <link rel="alternate" type="text/html" title="QotD: Can&#39;t Get You Out of My Head" href="http://osbornm.vox.com/library/post/qotd-cant-get-you-out-of-my-head.html?_c=feed-atom-full" />  
        <link rel="service.post" type="application/atom+xml" title="QotD: Can&#39;t Get You Out of My Head" href="http://osbornm.vox.com/library/post/qotd-cant-get-you-out-of-my-head.html?_c=feed-atom-full#comments" /> 
        <link rel="service.edit" type="application/atom+xml" title="QotD: Can&#39;t Get You Out of My Head" href="http://www.vox.com/atom/svc=post/asset_id=6a00c225205f698e1d00c2252525738e1d" />          <id>tag:vox.com,2006-08-31:asset-6a00c225205f698e1d00c2252525738e1d</id>
        <published>2006-08-31T15:16:49Z</published>
        <updated>2006-08-31T15:16:49Z</updated>
    
        <author>
            <name>osbornm</name>
            <uri>http://osbornm.vox.com/?_c=feed-atom-full</uri>
        </author>
    
        
        <content type="html" xml:base="http://osbornm.vox.com/?_c=feed-atom-full">
            <![CDATA[
                <div xmlns="http://www.w3.org/1999/xhtml" xmlns:at="http://www.sixapart.com/ns/at">
        <blockquote><p>What song or lyrics are stuck in your head at the moment?&#160; What album is it from?<br /><span style="font-size: 0.8em;">Submitted by <a at:user-xid="6p00c2251e7cd68e1d" class="enclosure-inline-user" href="http://ducnly.vox.com/">Lox Ly</a>.&#160; </span><br /></p></blockquote><p>
I really can&#39;t get my muppits song outa my head its kinda amazing </p>   <p style="clear:both;"> 
    <a href="http://osbornm.vox.com/library/post/qotd-cant-get-you-out-of-my-head.html?_c=feed-atom-full#comments">Read and post comments</a>   |   
    <a href="http://www.vox.com/share/6a00c225205f698e1d00c2252525738e1d?_c=feed-atom-full">Send to a friend</a> 
</p>

                </div>
            ]]>
        </content> 
    <category term="qotd" scheme="http://osbornm.vox.com/tags/qotd/" label="qotd" /> 
    <category term="song lyrics" scheme="http://osbornm.vox.com/tags/song+lyrics/" label="song lyrics" /> 
    </entry> 
</feed>


