<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-1498079159505971580</id><updated>2012-01-18T15:01:37.763-08:00</updated><category term='layout without tables'/><category term='HTML history'/><category term='anticipation values choices'/><category term='information technology choices filters'/><title type='text'>Russ' Rants</title><subtitle type='html'>Musings on Web Design</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://russ-rants.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1498079159505971580/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://russ-rants.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Russ</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://3.bp.blogspot.com/_5OR_f14j0AY/SXAlRtVCAbI/AAAAAAAAAB0/g9jGibuUbH4/S220/Russ3.jpg'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>7</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-1498079159505971580.post-2425912999487424858</id><published>2012-01-17T16:42:00.000-08:00</published><updated>2012-01-17T16:50:13.997-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='anticipation values choices'/><title type='text'>The Death of Anticipation</title><content type='html'>I came across &lt;a href="http://incaseimgone.com/2012/01/09/death-of-anticipation/"&gt;a remarkable post recently&lt;/a&gt; written by Leigh, a woman with a life-threatening disease leaving a legacy for her son.&lt;br /&gt;&lt;br /&gt;This struck me on at least two different areas: the insight into the loss of a sense of anticipation and the realization of her perspective.&lt;br /&gt;&lt;br /&gt;Those that have attended seminars and workshops on time management will recognize the practice of prioritizing things according to their relevance were you to have only a short time to live. Leigh's blog is intended as a legacy for her son, the things she'd say to him as he grows up were she alive at the time.&lt;br /&gt;&lt;br /&gt;Before I received a kidney transplant in 1996 I was forced to quit work at age 40, beginning a period of uncertainty about my future while on dialysis and waiting for a potential donor. A renal patient on dialysis will die without treatment, which tends to put things into perspective and allows me to view Leigh's situation differently than those that have never experienced this.&lt;br /&gt;&lt;br /&gt;I can see that much has changed for those born in the last few decades in terms of anticipation. I've had struggles in my life that made me who I am and many in newer generations have not yet experienced real loss or periods of extreme uncertainty. Wrapped in the illusion of safety deemed necessary by an overprotective society, these young people have lost the concept of winning and losing (and the sense of a victory it entails).&lt;br /&gt;&lt;br /&gt;I loved Leigh's example of the ever-available strawberry and the resulting lack of anticipation of its arrival to the disappointment when tasting its lackluster flavour.&lt;br /&gt;&lt;br /&gt;We tend to value things more when rare (such as gold) and anticipation doesn't fare well with items or experiences that are ubiquitous. The experience is like hearing a joke told by someone that spills the punchline before the details are fully available.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1498079159505971580-2425912999487424858?l=russ-rants.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://russ-rants.blogspot.com/feeds/2425912999487424858/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=1498079159505971580&amp;postID=2425912999487424858' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1498079159505971580/posts/default/2425912999487424858'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1498079159505971580/posts/default/2425912999487424858'/><link rel='alternate' type='text/html' href='http://russ-rants.blogspot.com/2012/01/death-of-anticipation.html' title='The Death of Anticipation'/><author><name>Russ</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://3.bp.blogspot.com/_5OR_f14j0AY/SXAlRtVCAbI/AAAAAAAAAB0/g9jGibuUbH4/S220/Russ3.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1498079159505971580.post-2517129685400530230</id><published>2011-06-04T11:29:00.000-07:00</published><updated>2011-06-04T13:22:26.582-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='information technology choices filters'/><title type='text'>Beware Online "Filter Bubbles"</title><content type='html'>In the midst of our concerns about too much information and new technologies, Eli Pariser brings a new concern. &lt;cite&gt;Beware of Online "Filter Bubbles"&lt;/cite&gt; discusses how search results may be hidden from us because of previous, often impulsive, choices. This &lt;a href="http://www.ted.com/talks/eli_pariser_beware_online_filter_bubbles.html" title="view this video"&gt;9 minute video&lt;/a&gt; is a &lt;i&gt;must&lt;/i&gt; for all thinking people.&lt;br /&gt;&lt;br /&gt;&lt;object width="446" height="326"&gt;&lt;param name="movie" value="http://video.ted.com/assets/player/swf/EmbedPlayer.swf"&gt;&lt;/param&gt;&lt;param name="allowFullScreen" value="true" /&gt;&lt;param name="allowScriptAccess" value="always"/&gt;&lt;param name="wmode" value="transparent"&gt;&lt;/param&gt;&lt;param name="bgColor" value="#ffffff"&gt;&lt;/param&gt;&lt;param name="flashvars" value="vu=http://video.ted.com/talk/stream/2011/Blank/EliPariser_2011-320k.mp4&amp;su=http://images.ted.com/images/ted/tedindex/embed-posters/EliPariser-2011.embed_thumbnail.jpg&amp;vw=432&amp;vh=240&amp;ap=0&amp;ti=1091&amp;lang=&amp;introDuration=15330&amp;adDuration=4000&amp;postAdDuration=830&amp;adKeys=talk=eli_pariser_beware_online_filter_bubbles;year=2011;theme=bold_predictions_stern_warnings;theme=new_on_ted_com;theme=what_s_next_in_tech;theme=a_taste_of_ted2011;event=TED2011;tag=Culture;tag=Global+Issues;tag=Technology;tag=journalism;tag=politics;&amp;preAdTag=tconf.ted/embed;tile=1;sz=512x288;" /&gt;&lt;embed src="http://video.ted.com/assets/player/swf/EmbedPlayer.swf" pluginspace="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" bgColor="#ffffff" width="446" height="326" allowFullScreen="true" allowScriptAccess="always" flashvars="vu=http://video.ted.com/talk/stream/2011/Blank/EliPariser_2011-320k.mp4&amp;su=http://images.ted.com/images/ted/tedindex/embed-posters/EliPariser-2011.embed_thumbnail.jpg&amp;vw=432&amp;vh=240&amp;ap=0&amp;ti=1091&amp;lang=&amp;introDuration=15330&amp;adDuration=4000&amp;postAdDuration=830&amp;adKeys=talk=eli_pariser_beware_online_filter_bubbles;year=2011;theme=bold_predictions_stern_warnings;theme=new_on_ted_com;theme=what_s_next_in_tech;theme=a_taste_of_ted2011;event=TED2011;tag=Culture;tag=Global+Issues;tag=Technology;tag=journalism;tag=politics;"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;Of course, this will affect how I think about the content on my sites and the searches people perform.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1498079159505971580-2517129685400530230?l=russ-rants.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://russ-rants.blogspot.com/feeds/2517129685400530230/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=1498079159505971580&amp;postID=2517129685400530230' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1498079159505971580/posts/default/2517129685400530230'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1498079159505971580/posts/default/2517129685400530230'/><link rel='alternate' type='text/html' href='http://russ-rants.blogspot.com/2011/06/beware-online-filter-bubbles.html' title='Beware Online &quot;Filter Bubbles&quot;'/><author><name>Russ</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://3.bp.blogspot.com/_5OR_f14j0AY/SXAlRtVCAbI/AAAAAAAAAB0/g9jGibuUbH4/S220/Russ3.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1498079159505971580.post-8401184315925553775</id><published>2011-05-28T17:50:00.000-07:00</published><updated>2011-07-08T18:47:20.734-07:00</updated><title type='text'>Michelle's Selections</title><content type='html'>I spent a couple of hours setting up my wife's new blog this afternoon. &lt;br /&gt;&lt;br /&gt;She chose the &lt;q&gt;Simple&lt;/q&gt; template for a cleaner look that was easier to post.&lt;br /&gt;&lt;br /&gt;The Epicure products are fantastic and we were looking for a business that she could mostly do without me having to drive her everywhere. Check it out!&lt;br /&gt;&lt;br /&gt;&lt;a href="http://michelles-selections.blogspot.com/?spref=bl"&gt;Michelle's Selections&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1498079159505971580-8401184315925553775?l=russ-rants.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://russ-rants.blogspot.com/feeds/8401184315925553775/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=1498079159505971580&amp;postID=8401184315925553775' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1498079159505971580/posts/default/8401184315925553775'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1498079159505971580/posts/default/8401184315925553775'/><link rel='alternate' type='text/html' href='http://russ-rants.blogspot.com/2011/05/michelles-epicure-selections.html' title='Michelle&apos;s Selections'/><author><name>Russ</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://3.bp.blogspot.com/_5OR_f14j0AY/SXAlRtVCAbI/AAAAAAAAAB0/g9jGibuUbH4/S220/Russ3.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1498079159505971580.post-2961369771172339209</id><published>2009-03-24T13:54:00.000-07:00</published><updated>2011-03-21T16:50:46.098-07:00</updated><title type='text'>Time for IE6 to Die</title><content type='html'>Internet Explore (IE) has been used by Microsoft to control development of the web ever since IE "won" the browser wars against Netscape. They used the dominance of the Windows operating system by tying IE into Windows 95 after the fact (the judge was so computer illiterate he didn't know what "online" meant, yet he made a decision based upon that ignorance that had lasting repercussions).&lt;br /&gt;&lt;br /&gt;Microsoft has since changed the rules with every version of Internet Explorer since (IE5.5, IE6, IE7), ignoring what they'd agreed would be the standards until IE8 (which is pending release). Finally, we have a Microsoft browser that plays by the rules and lets us move the ability to create stunning websites using Cascading Style Sheets (CSS) as they were intended, not just to pretty up the text.&lt;br /&gt;&lt;blockquote&gt;&lt;span style="font-size: 180%;"&gt;“&lt;/span&gt;&lt;span style="font-size: 130%;"&gt;IE6 is the new Netscape 4. The hacks needed to support IE6 are increasingly viewed as excess freight. Like Netscape 4 in 2000, IE6 is perceived to be holding back the web.&lt;/span&gt;&lt;span style="font-size: 180%;"&gt;” &lt;/span&gt;&lt;cite&gt;      Jeff Zeldman, standards guru&lt;/cite&gt;&lt;/blockquote&gt;In the meantime, web designers have had to create hacks to create pages that would view properly on a variety of versions of IE, primarily IE6. I can't tell you the frustration of trying to move ahead into a design that doesn't use tables for layout only to find that IE adds extra padding or cuts off a graphic that has been floated to the right or left of text (the guillotine effect).  &lt;a href="http://www.positioniseverything.net/"&gt;Position Everything&lt;/a&gt; has a page devoted to the multitude of &lt;a href="http://www.positioniseverything.net/explorer.html"&gt;CSS bugs exhibited by IE&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.bringdownie6.com/" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"&gt;&lt;span id="goog_152713512"&gt;&lt;/span&gt;&lt;img alt="" border="0" height="320" src="https://lh3.googleusercontent.com/-F78n3COYduI/TYfhvYg6_yI/AAAAAAAAADA/Jte2C-FVf4w/s1600/bring-down-ie6-logo.png" style="float: left; height: 120px; margin: 0pt 10px 10px 0pt; width: 117px;" width="312" /&gt;&lt;span id="goog_152713513"&gt;&lt;/span&gt;&lt;/a&gt;Now, with the release of IE8, it is time to let IE6 die. There is a community effort to have IE6 finally removed.&lt;br /&gt;&lt;br /&gt;However, there are a number of issues, many of which are listed in the article on the site related to the image on the left, &lt;a href="http://www.bringdownie6.com/"&gt;Bring Down IE6&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;Many people running older Hewlett Packard multifunction printers found this out when their computers updated to IE7. Microsoft had not only made IE part of the installer for all Windows programs (now if that isn't a foolish move in terms of security, I don't know what is) but HP then compounded it by linking their printing/scanning software to a particular version of a web browser. It probably wasnt' their fault alone. Microsoft probably rebuilt the engine for IE and never gave a thought to what the impact would be on the folks they'd leave behind when things changed.&lt;br /&gt;&lt;br /&gt;So where does that leave us? It depends upon your situation. If you're catering to a corporate intranet (internal network) that uses IE6, then you'll need to fix the site accordingly. However, most of us can probably allow the site to degrade gracefully so that content is still available, but the experience is neither as rich nor pleasant for those using outdated browsers. There will be unexpected gaps where padding is added/removed and perhaps the graphics won't display as expected.&lt;br /&gt;&lt;br /&gt;However, we've done this for Netscape 4, just like the&lt;span style="font-style: italic;"&gt; Bring Down IE6&lt;/span&gt; folks noted. Of course, Netscape wasn't the backbone of a cell phone access in a country like China either. Your decision is going to be flawed whatever it is. You'll just have to bit the bullet, either in extra costs associated with finding and fixing the bugs in IE6 or in a reduced experience for potential visitors.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1498079159505971580-2961369771172339209?l=russ-rants.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://russ-rants.blogspot.com/feeds/2961369771172339209/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=1498079159505971580&amp;postID=2961369771172339209' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1498079159505971580/posts/default/2961369771172339209'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1498079159505971580/posts/default/2961369771172339209'/><link rel='alternate' type='text/html' href='http://russ-rants.blogspot.com/2009/03/time-for-ie6-to-die.html' title='Time for IE6 to Die'/><author><name>Russ</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://3.bp.blogspot.com/_5OR_f14j0AY/SXAlRtVCAbI/AAAAAAAAAB0/g9jGibuUbH4/S220/Russ3.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='https://lh3.googleusercontent.com/-F78n3COYduI/TYfhvYg6_yI/AAAAAAAAADA/Jte2C-FVf4w/s72-c/bring-down-ie6-logo.png' height='72' width='72'/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1498079159505971580.post-4303628185124166240</id><published>2007-11-13T20:15:00.000-08:00</published><updated>2011-06-04T12:38:46.712-07:00</updated><title type='text'>Altering Blogger Templates</title><content type='html'>I haven't posted for quite some time. I've been busy with several projects over the last few months and have been readjusting priorities (see my previous posts).&lt;br /&gt;&lt;br /&gt;However, I thought I'd share a bit about the process of discovering how to make my site and blog similar in appearance without sacrificing function for either.&lt;br /&gt;&lt;br /&gt;The images below on the right show this blog and my &lt;a href="http://www.russharvey.bc.ca/russ/"&gt;personal site&lt;/a&gt; after it was altered to fit some of the way this blog is laid out.&lt;br /&gt;&lt;br /&gt;&lt;img style="margin: 0pt 0pt 10px 10px; float: right; cursor: pointer;" src="http://bp2.blogger.com/_5OR_f14j0AY/RzqFozYbEXI/AAAAAAAAABI/q7AHRoEnBEw/s200/RussBlog.jpg" alt="" id="BLOGGER_PHOTO_ID_5132561661376008562" border="0" /&gt;My blog's design is based upon the &lt;em&gt;Rounders 4&lt;/em&gt; template (designed by &lt;a href="http://www.stopdesign.com/"&gt;Douglas Bowman&lt;/a&gt;), which I altered to display my own header photo and include a few other changes.&lt;br /&gt;&lt;br /&gt;My blog was originally a research project to teach myself how to modify the Blogger templates so that I could place similar components on Websites as were on their corresponding blogs.&lt;br /&gt;&lt;br /&gt;&lt;img style="margin: 0pt 0pt 10px 10px; float: right; cursor: pointer;" src="http://bp1.blogger.com/_5OR_f14j0AY/RzqFojYbEWI/AAAAAAAAABA/rOlzhoLUR0k/s200/RussSite.jpg" alt="" id="BLOGGER_PHOTO_ID_5132561657081041250" border="0" /&gt;In my site, I retained left-aligned navigation and didn't place right-aligned content on my site to match the &lt;em&gt;About Me&lt;/em&gt; and &lt;em&gt;Sites of the Moment&lt;/em&gt; content style.&lt;br /&gt;&lt;br /&gt;Because the blog template had rounded corners, I rounded the corners of the header image for this blog. The square corners were retained on my personal site to match the layout on that page.&lt;br /&gt;&lt;br /&gt;Later, I took what I'd learned here to update &lt;a href="http://www.sherylmcfarlane.ca/"&gt;a client site&lt;/a&gt; and to make three of her blogs look similar to her site:&lt;br /&gt;&lt;ul&gt;&lt;li&gt;&lt;a href="http://sheryl-mcfarlane.blogspot.com/"&gt;Sheryl McFarlane's News Blog&lt;/a&gt;&lt;br /&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="http://www.readingkidsbooks.blogspot.com/"&gt;Sheryl McFarlane's Kid's Book News &amp;amp; Reviews Blog&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="http://readingkidsbooks-teenreads.blogspot.com/"&gt;Sheryl McFarlane's Teen Reads Book Blog&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;Each of these had a different Blogger template and I converted each blog into the &lt;em&gt;Son of Moto&lt;/em&gt; template by &lt;a href="http://www.zeldman.com/"&gt;Jeffrey Zeldman&lt;/a&gt; before uploading the changed template so that all the settings and content would be retained.&lt;br /&gt;&lt;br /&gt;This arrangement gave Sheryl the ability to alter content on her blogs, yet to retain a similar look to visitors moving between the various blogs and her site.&lt;br /&gt;&lt;br /&gt;This is one of the big advantages of running a blog&amp;mdash;the ability for non-HTML literate users to add content as well as change how the blog looks without losing anything or knowing what's taking place behind the scenes.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1498079159505971580-4303628185124166240?l=russ-rants.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://russ-rants.blogspot.com/feeds/4303628185124166240/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=1498079159505971580&amp;postID=4303628185124166240' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1498079159505971580/posts/default/4303628185124166240'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1498079159505971580/posts/default/4303628185124166240'/><link rel='alternate' type='text/html' href='http://russ-rants.blogspot.com/2007/11/altering-blogger-templates.html' title='Altering Blogger Templates'/><author><name>Russ</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://3.bp.blogspot.com/_5OR_f14j0AY/SXAlRtVCAbI/AAAAAAAAAB0/g9jGibuUbH4/S220/Russ3.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://bp2.blogger.com/_5OR_f14j0AY/RzqFozYbEXI/AAAAAAAAABI/q7AHRoEnBEw/s72-c/RussBlog.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1498079159505971580.post-1754455610059314223</id><published>2007-03-07T14:54:00.000-08:00</published><updated>2007-07-29T20:58:45.020-07:00</updated><title type='text'>Seeking Balance</title><content type='html'>This morning, I was thinking about the prospect of releasing a number of long-term volunteer and minimally-paid engagements that have provided both a source of revenue (in one case) and a sense of community with writers and artists.&lt;br /&gt;&lt;br /&gt;The thought of releasing these is difficult, but there are changes looming in my life that force this decision.&lt;br /&gt;&lt;br /&gt;More later....&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1498079159505971580-1754455610059314223?l=russ-rants.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://russ-rants.blogspot.com/feeds/1754455610059314223/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=1498079159505971580&amp;postID=1754455610059314223' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1498079159505971580/posts/default/1754455610059314223'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1498079159505971580/posts/default/1754455610059314223'/><link rel='alternate' type='text/html' href='http://russ-rants.blogspot.com/2007/03/seeking-balance.html' title='Seeking Balance'/><author><name>Russ</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://3.bp.blogspot.com/_5OR_f14j0AY/SXAlRtVCAbI/AAAAAAAAAB0/g9jGibuUbH4/S220/Russ3.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1498079159505971580.post-1522584231661498791</id><published>2007-03-06T20:59:00.000-08:00</published><updated>2012-01-18T15:01:37.777-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='HTML history'/><category scheme='http://www.blogger.com/atom/ns#' term='layout without tables'/><title type='text'>My Web Design Journey</title><content type='html'>This blog is an experiment for me. I've been building sites by hand for over ten years (since 1994) and I've learned the technology as it developed. HTML was relatively easy for me to learn.&lt;br /&gt;&lt;br /&gt;Most early websites were pretty basic. Unless you were a student at a university or had a good corporate connection, you only had access to dial-up. Images were neither as large nor as rich as those routinely found on the Web today. Sound  was limited to background music using various plug-ins. Video was virtually nonexistent.&lt;br /&gt;&lt;br /&gt;Most sites used the default Times New Roman font (determined by the &lt;a href="http://www.russharvey.bc.ca/resources/browser.html"&gt;browser&lt;/a&gt; you were using). In order to style a page, you had to use a font tag for every line on your site to redefine the font as well as its size and colour. As you can imagine, this led to some pretty horrific challenges when editing some sites.&lt;br /&gt;&lt;br /&gt;I was never a fan of frames for layout, so I initially built my sites using tables for layout.&lt;br /&gt;&lt;br /&gt;I began to see the benefits of Cascading Style Sheets (CSS) and I started adding style to the text on my pages. I quickly realized the advantages CSS presented: a single line in a style sheet could change the look of an entire site. No more search and replace to make a simple change to the site's overall look.&lt;br /&gt;&lt;br /&gt;Soon sites such as &lt;a href="http://www.csszengarden.com/" target="_blank"&gt;css Zen Garden&lt;/a&gt; and &lt;a href="http://www.meyerweb.com/eric/css/edge/complexspiral/demo.html" target="_blank"&gt;Eric A. Meyer's &lt;span style="font-style: italic;"&gt;Complexspiral Demo&lt;/span&gt;&lt;/a&gt; began to  demonstrate even greater advantages for using CSS. By separating the layout from the content, you could change the entire appearance of your site without having to touch the content. Rather than simply styling the site text, you could change the layout.&lt;br /&gt;&lt;br /&gt;However, it wasn't until I read &lt;a href="http://www.sitepoint.com/books/css2/" style="font-style: italic;"&gt;HTML Utopia: Designing Without Tables Using CSS&lt;/a&gt; by Rachel Andrew and Dan Shafer that I began to really work seriously with CSS to remove layout from the content. This not only made it significantly easier for neophytes to work on HTML (most still dreaded the experience) but allowed &lt;span style="font-style: italic;"&gt;significant&lt;/span&gt; changes to a site &lt;span style="font-style: italic;"&gt;after&lt;/span&gt; the client saw it.&lt;br /&gt;&lt;br /&gt;Reworking sites was suddenly much easier (as a hand-coder, working with nested tables is a bug-bear, particularly when something goes wrong). Without having to go back to the drawing board, I could redesign an entire site to have a totally different appearance and layout. As well, the conversion from a tables-based site to a CSS-based site while retaining the content was relatively easy.&lt;br /&gt;&lt;br /&gt;If the thought of hand-coding frightens you, quite a few programs allow you to compose the content of a site much like you use a word processing program. I place these into two classes:&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Web design programs like Adobe &lt;a href="http://www.adobe.com/products/golive/"&gt;Go Live!&lt;/a&gt;, Microsoft FrontPage and Adobe &lt;a href="http://www.adobe.com/products/dreamweaver/"&gt;DreamWeaver&lt;/a&gt;; or&lt;/li&gt;&lt;li&gt;&lt;a href="http://en.wikipedia.org/wiki/Content_management_system"&gt;Content Management Systems&lt;/a&gt; (CMS) like &lt;a href="http://www.joomla.org/"&gt;Joomla!&lt;/a&gt; or &lt;a href="http://www.blogger.com/"&gt;Blogger.&lt;/a&gt;&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;Traditionally, most of these added their own tags and peculiarities (I call it tag soup). Microsoft FrontPage, which used the predominance of Windows and Internet Explorer to set its own standards, was probably the most incompatible. Although Netscape included a few of its own "standards" its sites could be viewed on various other operating systems and browsers without totally wrecking the intended look.&lt;br /&gt;&lt;br /&gt;Designers began to use browser "sniffing" programs to determine the brand and version of a browser visiting a site, then providing the specialized content for that browser. As you might imagine, this created a great deal of effort and cost, something smaller businesses were unable to compete with.&lt;br /&gt;&lt;br /&gt;When Microsoft "won" the browser wars against Netscape, most of the developers  began to work around the eccentricities of Internet Explorer (IE), developing for the browser that "came in the box" for a majority of their visitors.&lt;br /&gt;&lt;br /&gt;However, Netscape then released an open source version of the Netscape browser called the Mozilla project (Netscape 6 was developed from this Mozilla project). Then an open source project was launched that created the Mozilla browser. with thousands of individuals from all over the globe working on various aspects of this browser.&lt;br /&gt;&lt;br /&gt;At the point this was occurring, most browsers were actually suites of software, including at least the browser and an e-mail program (Microsoft's was made an integral part of Windows -- something that has since haunted them in terms of security issues), with Netscape and Mozilla including a WYSIWYG Web publisher. People now had a &lt;span style="font-style: italic;"&gt;free&lt;/span&gt; program that would design acceptable websites, albeit with a lot of unnecessary HTML code.&lt;br /&gt;&lt;br /&gt;When the Mozilla team began to work on a light browser (Firefox) it changed two important things:&lt;br /&gt;&lt;ul&gt;&lt;li&gt;it produced an excellent &lt;span style="font-style: italic;"&gt;free&lt;/span&gt; browser that wasn't tied to any operating system (Windows); and&lt;/li&gt;&lt;li&gt;it followed the standards that everyone had agreed upon, but most had ignored.&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;Many web developers were tired of having to provide work-arounds and fixes for each separate version of Internet Explorer (even the MacIntosh version was different).  Many began to build with Firefox in mind, some continuing to "fix" older version of IE, but many now ignoring non-compliant code.&lt;br /&gt;&lt;br /&gt;Interestingly, when IE7 was released, it was much closer to compliance than any prior version of IE. This is likely because the web developers had abandoned catering to IE eccentricities.&lt;br /&gt;&lt;br /&gt;More recent versions of Go Live!, DreamWeaver8 and Blogger have made serious strides in producing clean and compliant code without the security risks sometimes associated with CMSs. Even FrontPage 2007 was working on cleaning up its output.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1498079159505971580-1522584231661498791?l=russ-rants.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://russ-rants.blogspot.com/feeds/1522584231661498791/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=1498079159505971580&amp;postID=1522584231661498791' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1498079159505971580/posts/default/1522584231661498791'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1498079159505971580/posts/default/1522584231661498791'/><link rel='alternate' type='text/html' href='http://russ-rants.blogspot.com/2007/03/my-web-design-journey.html' title='My Web Design Journey'/><author><name>Russ</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='http://3.bp.blogspot.com/_5OR_f14j0AY/SXAlRtVCAbI/AAAAAAAAAB0/g9jGibuUbH4/S220/Russ3.jpg'/></author><thr:total>0</thr:total></entry></feed>
