<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <title>Ye Olde Rad Blog III</title>
    <link rel="alternate" type="text/html" href="http://mt4.radified.com/" />
    <link rel="self" type="application/atom+xml" href="http://mt4.radified.com/atom.xml" />
    <id>tag:mt4.radified.com,2008-02-01://1</id>
    <updated>2009-11-04T03:25:48Z</updated>
    <subtitle>Nuclear Grade Technolust | Live from Newport Beach</subtitle>
    <generator uri="http://www.sixapart.com/movabletype/">Movable Type 4.32-en</generator>

<entry>
    <title>CSS Image Replacement &amp; Other Misnomers</title>
    <link rel="alternate" type="text/html" href="http://mt4.radified.com/2009/10/css-image-replacement-web-site-design.html" />
    <id>tag:mt4.radified.com,2009://1.182</id>

    <published>2009-10-31T19:11:56Z</published>
    <updated>2009-11-04T03:25:48Z</updated>

    <summary><![CDATA[Happy Halloween. I modified the method of placing the graphics in the header found at the top of the home page .. up where it says » RADIFIED | Nuclear Grade Technolust. There I implemented a technique known as » CSS Image Replacement, of which there exist many variations, each with its own set of pro's &amp; con's. The dividing-line...]]></summary>
    <author>
        <name>Rad </name>
        <uri>http://radified.com/index2.html</uri>
    </author>
    
        <category term="website" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="xhtml/css" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="css" label="CSS" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="imagereplacement" label="image replacement" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="webdesign" label="Web design" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="website" label="website" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="xhtmlcss" label="xhtml/css" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="en" xml:base="http://mt4.radified.com/">
        <![CDATA[<p>Happy Halloween. I modified the method of placing the graphics in the header found at the top of the <a href="http://radified.com/index.rad">home page</a> .. up where it says » <em>RADIFIED | Nuclear Grade Technolust</em>. There I implemented a technique known as » <a href="http://www.dave-woods.co.uk/?p=124">CSS Image Replacement</a>, of which there exist many <a href="http://css-tricks.com/css-image-replacement/">variations</a>, each with its own set of pro's &amp; con's.</p>
<p><img class="graphic" alt="Halloween" align="right" src="http://radified.com/_gfx/01/halloween2.jpg" width="253" height="195" />The dividing-line among web designers seems to be whether or not to use a non-semantic <a href="http://www.w3schools.com/TAGS/tag_span.asp">span tag</a> with <a href="http://www.w3schools.com/Css/css_positioning.asp">CSS positioning</a>, which involves a more complicated technique .. but leaves visible TEXT in place for visitors who surf the Web with STYLES turned off (primarily those using mobile devices).</p>
<p>I used a simpler IR technique, by changing the images you see displayed there .. from <strong>fore</strong>ground images to <a href="http://www.w3schools.com/css/css_background.asp">background images</a>. </p>
<p>This allowed me to replace the foreground images (contained in those heading elements) with TEXT .. which I then <a href="http://www.w3schools.com/Css/pr_text_text-indent.asp">indented</a> (way to your left), so it can't be seen. By moving the TEXT out of the way, this technique reveals the graphics (.. which look prettier than standard heading-text).</p>
<p>The advantage however, is » devices that don't render styles (such as screen readers and mobile devices) will now see a TEXT heading and <a href="http://www.dailyblogtips.com/the-best-website-taglines-around-the-internet/">tag-line</a> displayed there, where before there existed only images. <a href="http://www.google.com/search?q=radified">Search engines</a> also gives more weight to TEXT than images.</p>
<p>Most Rad visitors will never notice the difference .. seeing most who frequent the site (fellow technolusters) browse with both images and <a href="http://www.w3schools.com/css/css_intro.asp">CSS</a> turned ON. But I'm gradually filling my webmaster toolkit with increasingly <a href="http://mt4.radified.com/2009/09/liquid-elastic-hybrid-css-layout-design.html">sophisticated</a> techniques. (Learning by doing.)</p>
<p>After all the pages are <a href="http://mt4.radified.com/2009/09/troubleshoot-css-rendering-problems-cascade-inheritance-specificity.html">styled</a> however, and the markup is coded <a href="http://mt4.radified.com/2009/08/syntax-semantics-structure-meaning-programming.html">semantically</a>, there's still no substitute for insightful <a href="http://mt4.radified.com/archives.html">content</a> .. that is <a href="http://www.amazon.com/Writing-Well-25th-Anniversary-Nonfiction/dp/0060006641?ie=UTF8&amp;tag=radifiedcom-20">well written</a> (.. and hopefully seasoned with a dash of personality).</p>
<p>This has always been the most difficult challenge .. because a <a href="http://www.emporioarmani.com/">stylish suit</a> does <em>not</em> a charming pig make. And the <a href="http://blogs.radified.com/2007/10/one_week_since_nasty_mountain_biking_accident_neck_sore.html">ugliest</a> person can say the <a href="http://www.wisdomquotes.com/cat_truth.html">profoundest</a> things, and possess <a href="http://www.amazon.com/Thoughts-Revised-Updated-George-Seldes/dp/0345404289?ie=UTF8&amp;tag=radifiedcom-20">scintillating ideas</a>. So it would seem that content trumps style .. no matter the venue (.. except maybe for those who focus on style).</p>
<div style="MARGIN-TOP: 10px; HEIGHT: 15px" class="zemanta-pixie"><a class="zemanta-pixie-a" title="Reblog this post [with Zemanta]" href="http://reblog.zemanta.com/zemified/6d497935-225c-4057-a3c2-4cb19f16a48f/"><img style="BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; FLOAT: right; BORDER-TOP: medium none; BORDER-RIGHT: medium none" class="zemanta-pixie-img" alt="Reblog this post [with Zemanta]" src="http://img.zemanta.com/reblog_e.png?x-id=6d497935-225c-4057-a3c2-4cb19f16a48f" /></a><span class="zem-script more-related pretty-attribution">
<script type="text/javascript" defer src="http://static.zemanta.com/readside/loader.js"></script>
 </span></div>]]>
        <![CDATA[<p align="center">••• today's entry continues here below •••</p>
<p>UPDATE - after further review, I might prefer <a href="http://css-tricks.com/css-image-replacement/">Technique #6</a> (Leahy/Langridge) .. if it will let me code a link, which my current method does not. (I mean, I can code a link, but it doesn't work.) <a href="http://alicious.com/2009/image-replacement-techniques/">This guy</a> (who hails from a <a href="http://alicious.com/about/">small village</a> in Nottinghamshire) prefers it best in an IR comparison dated March 2009.</p>
<p>Moreover, I feel the odds of someone surfing with IMAGES turned off is far greater than the odds of someone surfing with STYLES disabled (but images turned on). Note btw, that <a href="http://css-tricks.com/css-image-replacement/">Technique #8</a> appears to be the only one which works under ALL circumstances.</p>
<p>UPDATE #2 - After playing around with the various techniques, I found that #8 gives me problems centering the images (they shift to the right for some reason) and fails with images turned off. So I settled on technique #6, but it too fails when images are disabled. So I think the guy mis-spoke. I mean, I disabled images in Firefox (v3.5.4) and everything disappeared » no images, no text .. nada. Blank, white header. (Yeah, I saved-all and refreshed .. multiple times.)</p>
<p>And it's impossible to code a link, cuz all links are coded to text, which is then hidden. So my original (simple) text-indent method seems to work just as well as the more involved techniques. This stuff can drive you crazy. More tricks today than treats. </p>
<p>I'm beginning to question the value of image replacement. I mean, if I can't code a link, and no TEXT displays when images are disabled .. maybe I should just go back to using <strong>fore</strong>ground images (which I can link to) and ALT tags (which reveal textual info when images are disabled) .. like I did before.</p>
<p>Or maybe I'll just invent <em>my own</em> technique .. one that works for me .. which would be something like <a href="http://css-tricks.com/css-image-replacement/">Technique #4</a>, but with no background image (for which I see no point .. since this technique uses a foreground image, and therefore the image will display with or without CSS turned on), but rather a SPAN tag with TEXT (for <a href="http://mt4.radified.com/2009/10/search-engine-optimization-seo-refactor-paid-link.html">SEO</a>, which I like/want) moved out of the way, so the linked image displays (like it did before I started this IR mess) .. if that's possible.</p>
<p>Lastly, I feel compelled to point out that the term 'Image Replacement' (as applied here) is a misnomer. These techniques are NOT designed to replace images but rather » TEXT. More specifically, they replace text *with* images.</p>
<p>One more tale of woe before I close » I also tried <a href="http://www.dave-woods.co.uk/?p=124">this method</a>, but it gave me small visual artifacts directly above the letters .. perhaps because I use a 1-pixel border .. to avoid "margin collapse" (an unexplainable space between divs) .. which, by the way, would appear to be another misnomer .. since the margins in this case don't collaspse. Rather they separate. </p>
<p>Doesn't it appear that web designers are backwards? Or do they purposely use confusing terminology?</p>
<p>For more along these lines, here's a Google search preconfigured for the query » <a href="http://www.google.com/search?q=css+image+replacement+technique">css image replacement technique</a></p>]]>
    </content>
</entry>

<entry>
    <title>Semantic Markup &amp; Passing Inspection</title>
    <link rel="alternate" type="text/html" href="http://mt4.radified.com/2009/10/semantic-markup-web-design-xhtml-css.html" />
    <id>tag:mt4.radified.com,2009://1.181</id>

    <published>2009-10-30T21:24:46Z</published>
    <updated>2009-11-04T01:11:49Z</updated>

    <summary>Changed the underlying markup that controls the links in the blue-green sidebars on the home-page. They were previously coded as » paragraphs. I changed them to » list-items .. cuz that&apos;s what they are » a list of items (links) grouped according to category. Certainly not paragraphs .. not even sentences. If I did this correctly, you shouldn&apos;t notice any...</summary>
    <author>
        <name>Rad </name>
        <uri>http://radified.com/index2.html</uri>
    </author>
    
        <category term="website" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="xhtml/css" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="html" label="HTML" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="semanticmarkup" label="semantic markup" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="semanticweb" label="Semantic Web" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="website" label="website" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="website" label="Website" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="xhtmlcss" label="xhtml/css" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="en" xml:base="http://mt4.radified.com/">
        <![CDATA[<p>Changed the underlying <a href="http://www.w3schools.com/html/html_intro.asp">markup</a> that controls the links in the blue-green sidebars on the <a href="http://radified.com/index.rad">home-page</a>. They were previously coded as » <a href="http://www.w3schools.com/html/html_paragraphs.asp">paragraphs</a>. I changed them to » <a href="http://www.w3schools.com/html/html_lists.asp">list-items</a> .. cuz that's what they are » a list of items (links) grouped according to category. Certainly not paragraphs .. not even sentences.</p>
<p><img class="graphic" alt="Website Inspection" align="right" src="http://radified.com/_gfx/01/website_inspection.jpg" width="228" height="238" />If I did this correctly, you shouldn't notice any difference. Cuz I applied the same <a href="http://mt4.radified.com/2009/09/troubleshoot-css-rendering-problems-cascade-inheritance-specificity.html">styling</a> to the list items .. tho this was trickier than it might sound. I nearly freaked when a single misplaced comma trashed my whole layout. Yikes!</p>
<p>This change represents a <a href="http://mt4.radified.com/2009/09/troubleshoot-css-rendering-problems-cascade-inheritance-specificity.html">semantic</a> improvement. <a href="http://mt4.radified.com/2009/08/syntax-semantics-structure-meaning-programming.html">Semantics</a> (i.e. » 'meaning') is one of the <a href="http://www.ibm.com/developerworks/web/library/wa-semweb/">buzz-words</a> kicked around when thinkers discuss the <a href="http://www.readwriteweb.com/archives/10_future_web_trends.php">Web's future</a>.</p>
<p>Most surprising was that it took me <a href="http://radified.com/Archives/">so long</a> to realize I had coded the <a href="http://radified.com/index.rad">home-page</a> with semantically incorrect markup. It suddenly hit me (last night), when out of the blue (actually » blue-green), I thought » <em>"Those links aren't <a href="http://www.w3schools.com/html/html_paragraphs.asp">paragraphs</a>; they're a&nbsp;<a href="http://www.w3schools.com/html/html_lists.asp">LIST</a>."</em></p>
<div style="MARGIN-TOP: 10px; HEIGHT: 15px" class="zemanta-pixie"><a class="zemanta-pixie-a" title="Reblog this post [with Zemanta]" href="http://reblog.zemanta.com/zemified/0d1f3754-bfa4-4779-9eec-7c7502ef0e9b/"><img style="BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; FLOAT: right; BORDER-TOP: medium none; BORDER-RIGHT: medium none" class="zemanta-pixie-img" alt="Reblog this post [with Zemanta]" src="http://img.zemanta.com/reblog_e.png?x-id=0d1f3754-bfa4-4779-9eec-7c7502ef0e9b" /></a><span class="zem-script more-related pretty-attribution">
<script type="text/javascript" defer src="http://static.zemanta.com/readside/loader.js"></script>
</span></div>]]>
        <![CDATA[<p align="center">••• today's entry continues here below •••</p>
<p>I'm not a professional web designer or developer, but I would like the home page to pass inspection should a pro perchance peek at the underlying code/markup.</p>
<p>For more along these lines, here's a Google search preconfigured for the query » <a href="http://www.google.com/search?q=semantic+markup+web+design+xhtml+css">semantic markup web design xhtml css</a>&nbsp;</p>]]>
    </content>
</entry>

<entry>
    <title>Enrolled in Amazon.com&apos;s Affiliate Program</title>
    <link rel="alternate" type="text/html" href="http://mt4.radified.com/2009/10/amazoncom-affiliate-associate-program-monetize-books.html" />
    <id>tag:mt4.radified.com,2009://1.180</id>

    <published>2009-10-25T21:40:18Z</published>
    <updated>2009-11-04T01:14:31Z</updated>

    <summary>Enrolled in Amazon&apos;s Affiliate program, something I probably shoulda done years ago. They claim it takes ~3 days to process an application, but I received my acceptance letter today. (Applied late last night.) Being a n00b, I don&apos;t know much about their program yet, except that they pay a percentage whenever a visitor clicks a link on my site and...</summary>
    <author>
        <name>Rad </name>
        <uri>http://radified.com/index2.html</uri>
    </author>
    
        <category term="books" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="website" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="affiliate" label="affiliate" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="amazoncom" label="amazon.com" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="en" xml:base="http://mt4.radified.com/">
        <![CDATA[<p>Enrolled in <a href="http://www.amazon.com?_encoding=UTF8&amp;tag=radifiedcom-20">Amazon</a>'s <a href="https://affiliate-program.amazon.com/gp/associates/join/landing/main.html">Affiliate program</a>, something I probably shoulda done <a href="http://radified.com/Archives/">years ago</a>. They claim it takes ~3 days to process an application, but I received my acceptance letter today. (Applied late last night.)</p><a href="http://www.amazon.com/Punishment-Everymans-Library-Fyodor-Dostoyevsky/dp/0679420290?ie=UTF8&amp;tag=radifiedcom-20"><img class="graphic" alt="Crime and Punishment" align="right" src="http://radified.com/_gfx/01/crime_punishment.jpg" width="274" height="198" /></a> 
<p>Being a n00b, I don't know much about their program yet, except that they pay a percentage whenever a visitor clicks a link on my site and makes a corresponding purchase. (How big of a percentage I'm not sure.)</p>
<p>I've <a href="http://radified.com/Archives/">long</a> included links to books at the <a href="http://www.amazon.com?_encoding=UTF8&amp;tag=radifiedcom-20">Amazon site</a> [ in pages such as this one » <a href="http://blogs.radified.com/2007/07/best_books_learning_web_site_design_development_xhtml_css.html">Best Books for Learning the Basics of Web Site Design (XHTML &amp; CSS)</a>, and this one » <a href="http://blogs.radified.com/2007/12/css_mastery_budd_andy_cascading_style_sheets_book.html">Andy Budd's Book: CSS Mastery</a> ] without ever taking advantage of their program. </p>
<p>If I start making considerable cash, I'll be bummed that I didn't enroll <a href="http://radified.com/Archives/">sooner</a>. And if I don't (earn cash), I'll be bummed too, for wasting my time with this program. So either way .. which might be why I hesitated so long.</p>
<p>What I like <em>best</em> about the Amazon program is that it allows me to monetize the site without including visible ads (.. unlike Google's <a href="https://www.google.com/adsense/static/en_US/AfcOverview.html">AdSense</a> program). All I need to do is add the following code to the end of each Amazon link » <code>?ie=UTF8&amp;tag=radifiedcom-20</code>. So it's virtually invisible to visitors. If I didn't tell you, you might never know.</p>
<p><a href="http://www.amazon.com/Punishment-Everymans-Library-Fyodor-Dostoyevsky/dp/0679420290?ie=UTF8&amp;tag=radifiedcom-20"></a><a href="http://www.amazon.com/Punishment-Everymans-Library-Fyodor-Dostoyevsky/dp/0679420290?ie=UTF8&amp;tag=radifiedcom-20"></a>I also like that it doesn't cost visitors anything extra when purchasing a book via a link from this site. </p>
<p><a href="http://www.amazon.com/Punishment-Everymans-Library-Fyodor-Dostoyevsky/dp/0679420290?ie=UTF8&amp;tag=radifiedcom-20"></a>After establishing an 'Associate' account (and logging in to the Amazon site), a toolbar magically appears at the top of the browser window whenever I visit Amazon.com. </p>
<p>The Associate toolbar allows me to create targeted links to the particular book/page I'm at/on .. with a single click. Couldn't be easier. I simply paste the auto-generated code into my <a href="http://www.w3schools.com/html/html_intro.asp">web page</a>.</p>
<div style="MARGIN-TOP: 10px; HEIGHT: 15px" class="zemanta-pixie"><a class="zemanta-pixie-a" title="Reblog this post [with Zemanta]" href="http://reblog.zemanta.com/zemified/e0a660a1-c9ad-4b1a-a0be-dd7d6f6a2e95/"><img style="BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; FLOAT: right; BORDER-TOP: medium none; BORDER-RIGHT: medium none" class="zemanta-pixie-img" alt="Reblog this post [with Zemanta]" src="http://img.zemanta.com/reblog_e.png?x-id=e0a660a1-c9ad-4b1a-a0be-dd7d6f6a2e95" /></a><span class="zem-script more-related pretty-attribution">
<script type="text/javascript" defer src="http://static.zemanta.com/readside/loader.js"></script>
</span></div>]]>
        <![CDATA[<p align="center">••• today's entry continues here below •••</p>
<p>What's NOT going to be easy is .. going back and adding my associate tag to all <a class="zem_slink" title="Amazon.com (AMZN)" href="http://www.wikinvest.com/stock/Amazon.com_%28AMZN%29" rel="wikinvest">Amazon</a> links I've <a href="http://radified.com/Archives/">ever</a> included in pages here. Besides being mind-numbingly boring, I'm doubtful this retro-linkage (which could take days) will prove worthwhile. But it looks like there's only one way to find out. I'll likely do a few sample pages and see what happens. Or maybe I'll just do all pages going forward.</p>
<p>Personally, I get most of my books from the <a href="http://www.newport-beach.ca.us/nbpl/">library</a>. If the library doesn't have a particular title, I request they order/purchase a copy. Every time I've ever requested a specific book that they didn't have, the library has always purchased it for me (.. and lets me have first crack at it once the title arrives) .. tho this can take a while. So patience is requied.</p>
<p>I <em>do</em> <a href="http://blogs.radified.com/2007/07/best_books_learning_web_site_design_development_xhtml_css.html">research</a> my books well, which is probably why the library has always concurred with my recommendations. (Either that, or they have more money than they know what to do with.) If I'm going to spend valuable time reading a <a href="http://www.amazon.com/Emergency-This-Book-Will-Save/dp/0060898771/?ie=UTF8&amp;tag=radifiedcom-20">particular text</a>, I want to ensure that time is well spent.</p>
<p>For those times when I <em>do</em> purchase a book (.. seeing that I like to underline key conceptual passages that speak to me, and make corresponding comments in the margins), I purchase my books from/thru <a href="http://www.amazon.com?_encoding=UTF8&amp;tag=radifiedcom-20">Amazon</a> (USED if possible .. to save a tree or two).</p>
<p>Speaking of <strong>books</strong> .. I'm currently reading » <a href="http://www.amazon.com/Punishment-Everymans-Library-Fyodor-Dostoyevsky/dp/0679420290?ie=UTF8&amp;tag=radifiedcom-20">Crime &amp; Punishment</a> (<a href="http://en.wikipedia.org/wiki/Crime_and_Punishment">Dostoevsky</a>, 1866) .. the version translated by Richard Pevear &amp; Larissa Volokhonsky (1993) .. hard-cover edition, from the <a href="http://www.randomhouse.com/knopf/classics/">Everyman's Library</a> (of classics). Rich. Could write a whole 'nuther entry on this topic. Dostoevsky is famous for his penetrating psychological insight .. still relevant after 150 years.</p>
<p>For more along these lines, here's a Google search preconfigured for the query » <a href="http://www.google.com/search?q=amazon.com+affiliate+associate+program">amazon.com affiliate associate program</a></p>
<div style="MARGIN-TOP: 10px; HEIGHT: 15px" class="zemanta-pixie"><a class="zemanta-pixie-a" title="Reblog this post [with Zemanta]" href="http://reblog.zemanta.com/zemified/47cfb9c3-fee0-4a62-b4a9-aebdb7ccba59/"><img style="BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; FLOAT: right; BORDER-TOP: medium none; BORDER-RIGHT: medium none" class="zemanta-pixie-img" alt="Reblog this post [with Zemanta]" src="http://img.zemanta.com/reblog_e.png?x-id=47cfb9c3-fee0-4a62-b4a9-aebdb7ccba59" /></a><span class="zem-script more-related pretty-attribution">
<script type="text/javascript" defer src="http://static.zemanta.com/readside/loader.js"></script>
</span></div>]]>
    </content>
</entry>

<entry>
    <title>Cash for Links, Refactoring &amp; Search Engine Optimization (SEO)</title>
    <link rel="alternate" type="text/html" href="http://mt4.radified.com/2009/10/search-engine-optimization-seo-refactor-paid-link.html" />
    <id>tag:mt4.radified.com,2009://1.179</id>

    <published>2009-10-19T21:22:23Z</published>
    <updated>2009-11-01T21:26:05Z</updated>

    <summary><![CDATA["Hey Rad Man!" began an email I received last week. "I'll pay $100 for a link on your Downloads page." Of course, there's no way of knowing if such offers are legit .. until the cash arrives. &nbsp;I've researched Search Engine Optimization (SEO) enough to know I don't much care for it. Programming I enjoy, but SEO contains a seemingly...]]></summary>
    <author>
        <name>Rad </name>
        <uri>http://radified.com/index2.html</uri>
    </author>
    
    <category term="cascadingstylesheets" label="Cascading Style Sheets" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="promotion" label="Promotion" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="searchengineoptimization" label="Search Engine Optimization" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="webdesignanddevelopment" label="Web Design and Development" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="webpage" label="Web page" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="websearchengine" label="Web search engine" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="webmaster" label="Webmaster" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="xhtml" label="XHTML" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="en" xml:base="http://mt4.radified.com/">
        <![CDATA[<p><em>"Hey Rad Man!"</em> began an email I received last week. <em>"I'll pay $100 for a link on your <a href="http://radified.com/Files/">Downloads page</a>."</em> Of course, there's no way of knowing if such offers are legit .. until the cash arrives.</p>
<p>&nbsp;<img class="graphic" alt="Benjamin" align="right" src="http://radified.com/_gfx/01/franklin.jpg" width="272" height="317" />I've researched Search Engine Optimization (<a href="http://www.amazon.com/Art-SEO-Theory-Practice/dp/0596518862/?ie=UTF8&amp;tag=radifiedcom-20">SEO</a>) enough to know I don't much care for it. </p>
<p><a href="http://mt4.radified.com/2009/08/syntax-semantics-structure-meaning-programming.html">Programming</a> I enjoy, but <a href="http://www.amazon.com/Art-SEO-Theory-Practice/dp/0596518862/?ie=UTF8&amp;tag=radifiedcom-20">SEO</a> contains a seemingly endless amount of info to digest, some of which conflicts from site to site.</p>
<p>And the suggested techniques are often time-consuming, with dubious results that demand the patience of a saint before you start to see results. Rather focus my energies on generating <a href="http://mt4.radified.com/archives.html">original content</a>. </p>
<p>Moreover, some of the techniques used to 'optimize' web pages (for higher search engine <a href="http://www.google.com/support/webmasters/bin/answer.py?hl=en&amp;answer=34432">rankings</a>) seem <a href="http://mt4.radified.com/2009/09/conditional-love-manipulation-parenting-children.html">manipulative</a>, if not downright dishonest. Many of the SEO sites I've visited have a 'slimy' feel to them » detailing how to trick search engines into ranking your pages higher.</p>
<p>I learned that links from '<a href="http://www.google.com/support/webmasters/bin/answer.py?hl=en&amp;answer=34432">ranked</a>' pages will (in turn) yield greater 'importance' to the pages that those links aim at (point to). This is (I assume) what this person had in mind when she contacted me.</p>
<p>The email seemed both professional and specific. (Not slimy.) The girl was clear about what she wanted. And best of all, her proposal could be implemented minutes. (Simple.)</p>
<p>The problem was .. that the page they wanted a link on was created back when I knew squat about web standards (<a href="http://www.w3schools.com/xhtml/xhtml_intro.asp">XHTML</a> &amp; <a href="http://www.w3schools.com/css/css_intro.asp">CSS</a>). The underlying <a href="http://www.w3schools.com/html/html_intro.asp">mark-up</a> (code) was a rat's nest of <a href="http://www.w3schools.com/tags/default.asp">deprecated</a> <a href="http://www.w3schools.com/html/html_elements.asp">tags</a> and coding no-no's. </p>
<p>Downright embarrassing .. from a webmaster's point-of-view. Miracle the page would render at all (.. even in 'quirks' mode).</p>
<div style="MARGIN-TOP: 10px; HEIGHT: 15px" class="zemanta-pixie"><a class="zemanta-pixie-a" title="Reblog this post [with Zemanta]" href="http://reblog.zemanta.com/zemified/562eac75-8616-4ae5-bcbb-683523b9650d/"><img style="BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; FLOAT: right; BORDER-TOP: medium none; BORDER-RIGHT: medium none" class="zemanta-pixie-img" alt="Reblog this post [with Zemanta]" src="http://img.zemanta.com/reblog_e.png?x-id=562eac75-8616-4ae5-bcbb-683523b9650d" /></a><span class="zem-script more-related pretty-attribution">
<script type="text/javascript" defer src="http://static.zemanta.com/readside/loader.js"></script>
 </span></div>]]>
        <![CDATA[<p align="center">••• today's entry continues here below •••</p>
<p>I was busy playing <a href="http://mt4.radified.com/2009/09/first-bike-ride-without-training-wheels-learn.html">Rad dad</a> at the time, but responded by saying I could get to it on the weekend. Seeing how the page would (might) generate income, I started feeling obligated to update it .. to <a href="http://mt4.radified.com/2008/12/convert-xhtml-dtd-strict-transitional.html">current web standards</a> .. now that I possess such <a href="http://mt4.radified.com/2009/09/troubleshoot-css-rendering-problems-cascade-inheritance-specificity.html">skillz</a>.</p>
<p>Several months ago I did a <a href="http://mt4.radified.com/2009/03/reconstituted-archive-index-css-table-design.html">similar thing</a> .. with the <a href="http://radified.com/Archives/">Archives page</a> (which now has pristine underlying mark-up). So I know the process. I can vouch that it ain't much fun. Seems harder than creating a <a href="http://mt4.radified.com/2009/05/how-to-use-templates-dreamweaver-cs4-web-page-site.html">brand new page</a> from scratch. Cuz you have to decide which parts to keep, and where to elaborate or clarify. You do all this work .. just to return, basically, to the same place where you began. </p>
<p><img class="graphic" alt="Refractoring Kandinsky" align="right" src="http://radified.com/gfx6/kandinsky_black_spot.jpg" width="268" height="201" />It's sorta like a spring cleaning » where you tear apart your whole house, making it much worse .. before it gets better (cleaner). And after all that effort, you're merely back at your starting point ( .. with the same house).</p>
<p>Anyway, this process of <a href="http://www.amazon.com/Refactoring-HTML-Improving-Existing-Applications/dp/0321503635/">updating</a> code (or <a href="http://www.w3schools.com/html/html_intro.asp">mark-up</a>) is commonly referred to as » REFACTORING .. a buzz-word I've been hearing lots of <a href="http://www.amazon.com/Refactoring-Ruby-Jay-Fields/dp/0321603508/">lately</a>. So yesterday, I inserted the <a href="http://mt4.radified.com/2008/09/audio-review-sennheiser-cx300b-in-ear-canal-headphones.html">earphones</a>, put on some high-energy <a href="http://www.arminvanbuuren.com/bio/">trance</a> and went for it. </p>
<p>Originally planned to layout another <a href="http://mt4.radified.com/2009/09/liquid-elastic-hybrid-css-layout-design.html">LIQUID-ELASTIC hybrid</a> page .. like I did with/for the <a href="http://radified.com/index.rad">home page</a>. But it quickly became apparent that such a design wouldn't work for the <a href="http://radified.com/Files/">Downloads page</a>. So I changed (mid-stream) to a FIXED-width design .. something I usually never do/use. But the layout of the Downloads page is like no other » sporting fat 'sidebars' with a skinny center. (Used to date a girl like that.)</p>
<blockquote>
<p>If you peek at the underlying <a href="http://radified.com/Files/">mark-up</a> (View » Source), you'll notice the <a href="http://www.w3schools.com/tags/tag_body.asp">BODY tag</a> still has the following class applied » <code>threeColLiqElastic</code> (3 column liquid elastic). Might change that later to something more representative, such as » <code>threeColFixed</code>. But for now, it doesn't matter. Cuz me-n-you are the only ones who know. (And I'm the only one who really cares.)</p></blockquote>
<p>Worked past midnight. Pleased with the <a href="http://radified.com/Files/">result</a>, tho. Page weight dropped by half (<strong>32</strong> KB down to <strong>14</strong>). In other words, more than <em>half</em> the page was muck.</p>
<p>Proud of what I was able to accomplish .. given that I'm not a professional web designer. My CSS skills have improved to a point where I'd be confident attemping any design I might imagine. All these different <a href="http://mt4.radified.com/2009/09/liquid-elastic-hybrid-css-layout-design.html">projects</a> have helped hone my skills.</p>
<blockquote>
<p>LAYOUT (I've learned) is a particularly interesting part of web design .. because it's where you use CSS (which is normally associated with PRESENTATION, or 'style') .. to control a page's STRUCTURE, which is normally the domain of XHTML. So LAYOUT it kinda like a middle ground between two worlds .. that both depend on. As such, it seems key (important).</p></blockquote>
<p>When I woke this morning, an email was waiting, titled » <em>You've got money!</em> The funds had been deposited in my account (Whoohoo! Hello, Benjamin.) .. with a note from Jessica saying she was pleased with the <a href="http://radified.com/Files/">result</a>.</p>
<p>Called eDawg (who lives up in <a href="http://www.santabarbaraca.com/">Santa Barbara</a>). He's an SEO guru. eDawg claims I should've negotiated for more. "If they offered $100," he argued, "that means they would've paid $150. Maybe more."</p>
<p>eDawg claims Radified has "eleven thousand" incoming links. "That's incredible," he commented, "for a single-author site like yours." </p>
<p>Anyway, I'm tired today. Doing design-related work seems to tax different parts of my brain .. than what I'm <a href="http://clone.radified.com/">normally used to</a>. Either way, both require deep concentration for extended periods. (Couldn't even recall if I took a dang shower yesterday.)</p>
<p>Rewarded myself this morning by splurging on a triple-espresso, and a toasted bagle with cream cheese. Yummy. Maybe I'll treat <a href="http://mt4.radified.com/2009/01/my-daddys-here-visitation-child-custody.html">the Bug</a> to <a href="http://www.in-n-out.com/">In-n-Out</a> later this week. He loves that place. (We've been <a href="http://mt4.radified.com/2009/09/first-bike-ride-without-training-wheels-learn.html">riding</a> all over creation the last few weeks.)</p>
<p>Much of the site was done when I knew nada about <a href="http://mt4.radified.com/2008/12/convert-xhtml-dtd-strict-transitional.html">web standards</a>. The question <em>now</em> is .. "how much time am I willing to invest refactoring?" Even for pages that still see <a href="http://ghost.radified.com/">heathy</a> traffic, the answer seems to be %]]>
    </content>
</entry>

<entry>
    <title>Frontline Launches New Season with » Obama&apos;s War</title>
    <link rel="alternate" type="text/html" href="http://mt4.radified.com/2009/10/frontline-pbs-obamas-war-afghanistan.html" />
    <id>tag:mt4.radified.com,2009://1.178</id>

    <published>2009-10-14T00:11:17Z</published>
    <updated>2009-10-20T00:23:08Z</updated>

    <summary>Frontline launches its new season tonight .. with a feature titled » Obama&apos;s War. We&apos;re taken to Afghanistan, where we hear a commander begin the segment by saying, &quot;We are experts in the application of violence.&quot; Catchy. Got my attention. Was surprised to hear the f-word uttered so many times. Soldiers use the f-word a lot. Even more than sailors...</summary>
    <author>
        <name>Rad </name>
        <uri>http://radified.com/index2.html</uri>
    </author>
    
    <category term="afghanistan" label="afghanistan" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="frontline" label="frontline" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="obama" label="obama" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="politics" label="politics" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="war" label="war" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="en" xml:base="http://mt4.radified.com/">
        <![CDATA[<p><a href="http://www.pbs.org/wgbh/pages/frontline/" jquery1255997973734="381">Frontline</a> launches its new season tonight .. with a feature titled » <a href="http://www.pbs.org/wgbh/pages/frontline/obamaswar/">Obama's War</a>. We're taken to Afghanistan, where we hear a commander begin the segment by saying, <em>"We are experts in the application of violence."</em> Catchy. Got my attention.</p>
<p><a href="http://www.pbs.org/wgbh/pages/frontline/obamaswar/"><img class="graphic" alt="Obama's War" align="right" src="http://radified.com/gfx7/obamas_war.jpg" width="253" height="80" /></a> Was surprised to hear the f-word uttered so many times. Soldiers use the f-word a lot. Even more than <a href="http://blogs.radified.com/2007/07/united_states_naval_nuclear_power_school.html">sailors</a> do. But then, sailors don't normally get shot at .. which can't be a very pleasant experience.</p>
<p>Glad to know they didn't edit-out the real-life dialogue. That's why I like Frontline .. feel like they give me the straight poop. (Much as possible.)</p>
<p>Great contrast showing the difference between the suit-n-tie crowd discussing policy in an air-conditioned banquet-room in Washington .. with soldiers dodging bullets in Afghanistan's withering heat (.. one of whom got shot thru the neck and died).</p>
<p><a href="http://www.pbs.org/wgbh/pages/frontline/obamaswar/"></a>If nothing else, this program illustrates the <a href="http://www.biblegateway.com/passage/?search=Luke%2016:%2023-26&amp;version=KJV">gulf</a> that exists between the Washington policy-makers and the bullet-dodging soldier.</p>
<p><a href="http://www.pbs.org/wgbh/pages/frontline/obamaswar/"></a>I'm convinced that anybody who is involved in making war policy should be required spend a week (just a week) with the soldiers who are charged with executing policy.</p>
<p>Nothing like a little first-hand experience to inject a dose of reality into the plan. Cuz it's much easier to <em>make</em> policy, while sitting in an air-conditioned room (sipping a dry martini) .. than it is to <em>execute</em> policy .. with bullets whizzing by your head.</p>
<div style="MARGIN-TOP: 10px; HEIGHT: 15px" class="zemanta-pixie"><a class="zemanta-pixie-a" title="Reblog this post [with Zemanta]" href="http://reblog.zemanta.com/zemified/59c95071-26b2-451c-8fe1-5b9620266a4a/"><img style="BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; FLOAT: right; BORDER-TOP: medium none; BORDER-RIGHT: medium none" class="zemanta-pixie-img" alt="Reblog this post [with Zemanta]" src="http://img.zemanta.com/reblog_e.png?x-id=59c95071-26b2-451c-8fe1-5b9620266a4a" /></a><span class="zem-script more-related pretty-attribution">
<script type="text/javascript" defer src="http://static.zemanta.com/readside/loader.js"></script>
 </span></div>]]>
        <![CDATA[<p align="center">••• today's entry continues here below •••</p>
<p>Contrast this episode with the one done March of last year, titled » <a href="http://www.pbs.org/wgbh/pages/frontline/bushswar/">Bush's War</a>. A war of your own seems to have become vogue with <a href="http://www.whitehouse.gov/about/presidents/">US presidents</a>.</p>
<p>I'm no military expert, but I <a href="http://www.pbs.org/wgbh/pages/frontline/warbriefing/view/">heard that</a> the bad-guys (Taliban) come down from the tribal areas across the border with <a href="http://www.worldpress.org/specials/pp/afghan_pak_border_map.htm">Pakistan</a>, a region no nation has ever conquered (ever!) .. despite many who've tried over the centuries (.. including the mighty Soviet Red Army, the Brits &amp; Alexander the Great). A wise man will learn from the mistakes of others.</p>
<p>The terrain is inhospitable, the heat oppressive, and they don't much care for outsiders. Seeing how they <em>live there</em> (it's <em>home</em>), I doubt they're planning to leave any time soon. Not the case with us.</p>
<p>War and violence go back to mankind's earliest hours. The history of man is the history of men at <a href="http://www.biblegateway.com/passage/?search=Genesis%204:6-9&amp;version=KJV">war</a>. I see no change on the horizon. Do you? Only now, we have bigger weapons, and more of them. Doesn't take a genius to predict the future.</p>
<p>Frontline is my favorite TV show. Besides being commercial-free, I like that they don't use the word 'Republican' or 'Democrat.' (No political bashing .. entertaining as it might be, sometimes.) They don't sensationalize or sugarcoat. (Cuz they don't <em>need </em>to.) Just gimme the facts please, straight up, and let me form my own opinion.</p>
<p>But mostly I like Frontline cuz they take us <a href="http://www.pbs.org/wgbh/pages/frontline/meltdown/">places</a> we'd normally never go (.. with conventional news sources). Deep inside. And they ask the tough questions that others politely avoid. If you miss tonight's show, you can always catch it <a href="http://www.pbs.org/wgbh/pages/frontline/obamaswar/view/">online</a> (.. along with <a href="http://www.pbs.org/wgbh/pages/frontline/view/">many others</a>).</p>
<p>For more along these lines, here's a Google search preconfigured for the query &gt; <a href="http://www.google.com/search?q=Frontline+Obama%27s+War+Afghanistan+PBS">Frontline Obama's War Afghanistan PBS</a></p>]]>
    </content>
</entry>

<entry>
    <title>Web Typography &amp; the Confusing EM</title>
    <link rel="alternate" type="text/html" href="http://mt4.radified.com/2009/10/web-typography-em-css-pixel-font-size-elastic.html" />
    <id>tag:mt4.radified.com,2009://1.177</id>

    <published>2009-10-10T20:37:56Z</published>
    <updated>2009-10-25T00:32:03Z</updated>

    <summary>Web typography. It would seem to be a fairly simple topic, no? While I was reviewing some related concepts recently, the following question popped into my head » What exactly is an em? I&apos;ve been using em&apos;s a long time, and knew they were based somehow on the letter &apos;M.&apos; Wasn&apos;t sure however, if they were based on the size...</summary>
    <author>
        <name>Rad </name>
        <uri>http://radified.com/index2.html</uri>
    </author>
    
        <category term="xhtml/css" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="css" label="css" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="em" label="Em" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="fonts" label="Fonts" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="en" xml:base="http://mt4.radified.com/">
        <![CDATA[<p>Web <a href="http://webtypography.net/">typography</a>. It would seem to be a fairly simple topic, no? While I was reviewing some related concepts recently, the following question popped into <a href="http://blogs.radified.com/2007/10/one_week_since_nasty_mountain_biking_accident_neck_sore.html">my head</a> » <em>What exactly is an em?</em></p>
<p><a href="http://en.wikipedia.org/wiki/Em_(typography)"><img class="graphic" alt="EM | Usage in Web Typography" align="right" src="http://radified.com/gfx7/em.jpg" width="230" height="168" /></a> I've been using <strong>em</strong>'s a long time, and knew they were based somehow on the letter '<strong>M</strong>.' Wasn't sure however, if they were based on the size of the capital [M] or lower-case letter [m]. </p>
<p>Also felt confident they were based on the <em>horizontal</em> measurement, but not certain. (In both cases, I was wrong.)</p>
<p>Trying to answer this simple question led to a surprising amount of confusion. Many sources on the web discuss <strong>ems</strong>, and detail their usage, without ever defining what&nbsp;exactly&nbsp;an <a href="http://typophile.com/node/27742">em</a> is.</p>
<p>Many pages are more complicated than need be. (It's not <a href="http://mt4.radified.com/2009/07/moon-lunar-landing-apollo-11-calculus-limits-derivative.html">rocket science</a>.) Finally have a handle on the topic, but my dang eyeballs are burning .. from reading so much. </p>
<p><em><a href="http://en.wikipedia.org/wiki/Em_(typography)"></a></em>First, let me answer the question I posed at the top, and therefore avoid the criticism I levied at many other sites.</p>
<p><em><a href="http://en.wikipedia.org/wiki/Em_(typography)"></a></em><em><a href="http://en.wikipedia.org/wiki/Em_(typography)"></a></em>An <strong><a href="http://webtypography.net/Rhythm_and_Proportion/Horizontal_Motion/2.1.1/">em</a></strong> is (drum-roll, please) » a <a href="http://www.w3schools.com/css/css_units.asp">unit of measure</a> (.. defined by a certain number of <a href="http://jontangerine.com/silo/css/pixels-to-ems/">pixels</a>). So like inches &amp; meters &amp; light-years, which are <em>also</em> units of measure, the em is a » unit of LENGTH.</p>
<p>The thing that makes the <strong>em</strong> tricky is that » unlike inches or meters, or other fixed (or 'absolute') lengths, the em is a <strong>relative</strong> unit.</p>
<p><em>"Relative to what, Rad?"</em> you might be asking. Relative to the font-sizing applied to (in pixels) its » <strong>parent</strong> <a href="http://www.w3schools.com/html/html_elements.asp">element</a>.</p>
<p>What this means is » the SAME <a href="http://www.w3schools.com/css/css_font.asp">font</a>-size <a href="http://www.w3schools.com/css/css_syntax.asp">declaration</a> (specified with <strong>em</strong>s) can yield DIFFERENT results (in pixels) .. when/if the parent element for each declaration <a href="http://www.bigbaer.com/css_tutorials/css_font_size.htm">specifies a different</a> sized font. Hence, the confusion.</p>
<div style="MARGIN-TOP: 10px; HEIGHT: 15px" class="zemanta-pixie"><a class="zemanta-pixie-a" title="Reblog this post [with Zemanta]" href="http://reblog.zemanta.com/zemified/7d92c645-b221-4e2d-9e3f-7cd5fac449e0/"><img style="BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; FLOAT: right; BORDER-TOP: medium none; BORDER-RIGHT: medium none" class="zemanta-pixie-img" alt="Reblog this post [with Zemanta]" src="http://img.zemanta.com/reblog_e.png?x-id=7d92c645-b221-4e2d-9e3f-7cd5fac449e0" /></a><span class="zem-script more-related pretty-attribution">
<script type="text/javascript" defer src="http://static.zemanta.com/readside/loader.js"></script>
 </span></div>]]>
        <![CDATA[<p align="center">••• today's entry continues here below •••</p>
<p>It's not a big deal, but working with em's requires you know the font sizing that has been applied to the parent element .. which is usually subject to <a href="http://mt4.radified.com/2009/09/troubleshoot-css-rendering-problems-cascade-inheritance-specificity.html">inheritance</a>. So you might have to go up a few parent-elements .. in order to determine the sizing applied to the immediate parent.</p>
<p><img class="graphic" alt="Tree branches " align="right" src="http://radified.com/gfx7/tree_branches.jpg" width="256" height="160" />Using em's is more complicated than using pixels. A pixel is always a pixel. No more, no less. But an <strong>em</strong> is .. well, it depends (.. on the parent element). </p>
<p>This is why web designers are more comfortable with <strong>pixels</strong>. Pixels are easy to conceptualize. </p>
<p>But pixels are a poor way (I've read) to specify web typography and lengths in general .. for two reasons (there may be more, such as what's best for mobile devices):</p>
<ol>
<li>Different monitors and operating systems sport different resolutions, which leads to different <em>perceived</em> sizes .. for the same font-size settings. So pixels themselves are relative. Tho this same flaw would seem to apply equally to ems (which always translate on-screen into pixels, no?).<br /><br /></li>
<li>Older versions of <a href="http://www.microsoft.com/windows/Internet-explorer/default.aspx">Internet Explorer</a> do not allow users to resize text (done from the <strong>View</strong> menu) set with pixels. Usurping control from end-users is considered bad usability. <a href="http://www.microsoft.com/windows/Internet-explorer/default.aspx">IE</a> is still the most popular browser and many are still using older versions. [ IE6 still has ~12% <a href="http://www.w3schools.com/browsers/browsers_stats.asp">market share</a>. ]</li></ol>
<p>Web designers who use <strong>em</strong>s always <a href="http://jontangerine.com/silo/css/pixels-to-ems/">convert</a> their settings (in their mind, at least, either <a href="http://jontangerine.com/silo/css/pixels-to-ems/">consciously</a> or unconsciously) to » PIXELS. Pixels represent the mother-unit when sizing fonts (and lengths in general), since everything on a web page will ultimately be displayed on your monitor in/with » PIXELS.</p>
<p>When using em's, you can calculate the final-length (in pixels) by multiplying the font-size applied to the parent <a href="http://www.w3schools.com/html/html_elements.asp">element</a> (in pixels) by the number of ems.</p>
<p>For example, the blue-green sidebars on the <a href="http://radified.com/index.rad">home page</a> can be calculated by multiplying » the default browser sizing of <strong>16</strong> pixels x <strong>12</strong> ems (my width setting for sidebars) = <strong>192</strong>-pixels (assuming default viewing prefs).</p>
<p>Grab a screen-shot of <a href="http://radified.com/index.rad">that page</a> and crop either of the blue-green sidebars with your favorite <a href="http://www.gimp.org/">image editor</a> and I'll bet you'll find a width of 192 pixels.</p>
<p>EM's can be specified to <strong>3</strong> significant decimal points <strong>[</strong> e.g. » <code>div { width: 61.125em; }</code> <strong>]</strong>, which gives them <strong>pixel-level precision</strong>. This is a major feature in adopting their use. A page width of 61.125 ems, for example, x 16 pixels per em = 980 pixels (very precise). </p>
<p>Returning to our original question ( What exactly is an <strong>em</strong>? ), consider this fact » Many languages, such as Chinese &amp; Arabic, contain no letter 'M'. How do these browsers handle pages coded with em's?</p>
<p>What you'll find » the <strong>em</strong> (as used on the web) has <em>nothing to do</em> with the letter 'M'. Surprised? I was.</p>
<p>The <strong>em</strong> we use today (on the web) has a colorful history that originates in <strong>print</strong> typography .. which <a href="http://en.wikipedia.org/wiki/Em_(typography)">did indeed</a> involve the letter M (capital, horizontal-length). You can look up this historical info yourself, if interested, but it's beyond my scope .. since it does not apply to web typography.</p>
<blockquote>
<p>A brief aside » might be worth noting here that the technology associated with Print Typography has done much to benefit mankind. The implications cannot be over-estimated. Print typography led to <a href="http://en.wikipedia.org/wiki/Johannes_Gutenberg">printing presses</a> .. which put <a href="http://www.amazon.com/">books</a> in the hands of ordinary folk .. like you &amp; me .. so we too could say, "<a href="http://www.biblegateway.com/passage/?search=Matthew%204:1-11&amp;version=KJV">It is written</a>," and learn <a href="http://mt4.radified.com/2009/07/moon-lunar-landing-apollo-11-calculus-limits-derivative.html">cool things</a>.</p>
<p>Along with the ability-to-<a href="http://mt4.radified.com/2009/03/disoriented-following-dropoffs-bedtime-stories-treasure-island.html">read</a>, print technology (which includes typography) has allowed civilization to climb out of the ignorance &amp; superstition of the Dark Ages. But that's another discussion.</p></blockquote>
<p>Here's another tidbit of Web Typography you need to know » All browsers come from the factory with a font-size default of <strong>16</strong>-pixels. That's the starting point for all web designs, tho it's generally considered too big for most normal text uses. </p>
<p>At this <a href="http://jontangerine.com/silo/typography/web-fonts/">starting point</a>, 1em = 16-pixels, 2em = 32-pixels, 0.5em = 8 pixels. Etc. In this way, you can see that 1em = 100%, 2em = 200%, 0.25em = 25% and so on. It's really just basic <a href="http://mt4.radified.com/2009/07/moon-lunar-landing-apollo-11-calculus-limits-derivative.html">math</a> (multiplication) .. applied to sizes (lengths)..</p>
<p><a href="http://mt4.radified.com/2009/09/troubleshoot-css-rendering-problems-cascade-inheritance-specificity.html">CSS</a> also makes available » <a href="http://css-discuss.incutio.com/?page=UsingKeywords">KEYWORDS</a> .. as an alternative method to setting font sizes. Keywords differ from ems in that they are NOT relative to the parent element. I use them on the <a href="http://radified.com/index.rad">home page</a>. The text&nbsp;there is set to 'small,' while the headings are set to 'large.'</p>
<p>The downside of <a href="http://css-discuss.incutio.com/?page=UsingKeywords">keywords</a> is » they are not very precise. For example,small = 13 pixels. Medium = 16 pixels. Large = 19 pixels. (There are other keywords, both bigger &amp; smaller..) These sizes work for me, but others may want more control .. for example » setting pixel sizes to 11, 12, 14, 15, 17 or 18.</p>
<p>The upside of keywords -- other than the fact that they are NOT relative to the parent element, and therefore simpler to use -- is that they allow a user to resize his text (.. unlike pixels in older versions of IE). Good usability.</p>
<p>CONCLUSION » <img class="graphic" alt="Snowy path in woods" align="right" src="http://radified.com/gfx7/snow_path.jpg" width="252" height="189" />After reading enough about Web Typography to make my eyeballs fall out, I've come to the following conclusion (a simple strategy for controlling typography) » If keywords will work, I use them. If not, I use <a href="http://en.wikipedia.org/wiki/Em_(typography)">em</a>'s to tweak font-sizes (.. with pixel-level precision).</p>
<p>ONE LAST POINT » ems have nothing to do with the particular font used. <a href="http://jontangerine.com/silo/typography/web-fonts/">Some fonts</a> are bigger than others (for a given specified value). So specifying a different font will NOT change the pixel-value for a given length that is specified by/with ems. [ The <strong>ex</strong> unit, I believe, IS affected by variations in font sizing. ]</p>
<p>There are many <a href="http://www.w3schools.com/css/css_units.asp">other ways</a> to specify lengths in <a href="http://www.w3schools.com/css/css_intro.asp">CSS</a>, but once you grok what an em is and how it works, the rest of web typography should be a piece-of-cake.</p>
<p>APPLICATION » So called "<a href="http://mt4.radified.com/2009/09/liquid-elastic-hybrid-css-layout-design.html">Elastic layouts</a>" are <a href="http://jontangerine.com/log/2007/09/the-incredible-em-and-elastic-layouts-with-css">based on</a> em's. The blue-green sidebars on the <a href="http://radified.com/index.rad">home page</a> are (each) set to <strong>12</strong> ems. This center column has a <code>margin</code> (left &amp; right) of <strong>2.4</strong>em .. which puts a little distance between the columns. By <a href="http://mt4.radified.com/2009/09/liquid-elastic-hybrid-css-layout-design.html">laying out</a> a web page with ems, everything adapts to the font-size selected by a user.</p>
<p>RECAP » the EM (as used on the web) is a LENGTH, defined by a certain number of PIXELS .. more precisely, it's a <em>relative</em> unit of length, relative that is, to the <strong>vertical</strong> sizing applied to the parent element (<strong>16</strong> pixels, by browser default). </p>
<p>Even tho the em's point-of-reference is a vertical length, it can be applied both vertically and horizontally .. which is one of the things that makes it so powerful.</p>
<p>EM's can be used anywhere a length is specified, tho many refrain from using them for padding, since padding is added to the width, creating an unknown actual width.</p>
<p>ONLY THING I'm not sure about is » What happens when you set an em value that corresponds to a fractional pixel value, such as 11.5 or 12.5 pixels? A monitor cannot display half a pixel, so I think it just rounds up or down (i.e. » 11.49 pixels gets rounded down to <strong>11</strong>, while 11.51 gets rounded up to <strong>12</strong>) .. tho not sure.</p>
<p>FUTURE STRATEGY » After older versions of IE are no longer in use ( a year or two from now), and users are free to resize text that has been specified by/with pixels, it would seem that ems will no longer be required to control typography. At that point, the use of ems will be limited to various length settings, such as column widths and margins. Shoot me a note if I'm missing something.</p>
<p>For more along these lines, here's a Google search preconfigured for the query » <a href="http://www.google.com/search?hl=en&amp;q=em+css+size+font+pixel+web">em css size font pixel web</a></p>]]>
    </content>
</entry>

<entry>
    <title>Install a Wiki? (DokuWiki)</title>
    <link rel="alternate" type="text/html" href="http://mt4.radified.com/2009/10/consider-installing-dokuwiki-wiki-software.html" />
    <id>tag:mt4.radified.com,2009://1.176</id>

    <published>2009-10-08T00:25:22Z</published>
    <updated>2009-10-11T00:34:27Z</updated>

    <summary>Made some minor style-tweaks to the home page. The text you&apos;re reading now, for example, is slightly less-bright (easier on the eyes), while the links are a little brighter .. than they were before. (Might have to refresh your browser to load the revised style sheet.) Visited-links in the sidebars are now slightly less-bright (grayer) .. than un-visited links. Used...</summary>
    <author>
        <name>Rad </name>
        <uri>http://radified.com/index2.html</uri>
    </author>
    
    <category term="wiki" label="wiki" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="en" xml:base="http://mt4.radified.com/">
        <![CDATA[<p>Made some minor style-tweaks to the home page. The text you're reading now, for example, is slightly less-bright (easier on the eyes), while the <a href="http://mt4.radified.com/archives.html">links</a> are a little brighter .. than they were before. (Might have to refresh your browser to load the revised <a href="http://mt4.radified.com/2009/09/troubleshoot-css-rendering-problems-cascade-inheritance-specificity.html">style sheet</a>.)</p>
<p><a href="http://en.wikipedia.org/wiki/Main_Page"><img class="graphic" alt="Wikipedia" align="right" src="http://radified.com/gfx7/wiki.jpg" width="134" height="122" /></a>Visited-links in the sidebars are now slightly less-bright (grayer) .. than un-visited links. Used to be no diff. </p>
<p>Been studying more <a href="http://mt4.radified.com/2009/09/troubleshoot-css-rendering-problems-cascade-inheritance-specificity.html">CSS</a>. Becoming very <a href="http://mt4.radified.com/2009/09/liquid-elastic-hybrid-css-layout-design.html">comfortable</a> tweaking styles. Fine-tuning. Easier for me to determine what I <strong>don't</strong> like, than what I <strong>do</strong>.</p>
<p>Oh, the date is also slightly brighter (whiter) .. than the rest of the text, and has a "text-transform" property applied to make it » UPPERCASE .. via a span tag with 'date' class attribute.</p>
<p>Upgraded the <a href="http://mt4.radified.com/">Rad blog</a> to the <a href="http://www.movabletype.org/">newest version</a> (4.32), which was released a few days ago. Way easier, now that I have <a href="http://radified.com/cgi-bin/yabb2/YaBB.pl?num=1247608529">Linux shell skillz</a> &amp; a <a href="http://vps.radified.com/">VPS</a>. Five minutes instead of 2 hours.</p>
<p><a href="http://www.movabletype.org/">Movable Type</a> v<strong>5.0</strong> will be coming out soon. Currently at » <a href="http://www.movabletype.org/2009/10/mt5_beta3.html">beta-3</a>. I normally install NEW versions of whole-number upgrades, rather than upgrading previous installations. Keeps the number of blog-entries down for a given installation. </p>
<p>Currently have <a href="http://mt4.radified.com/archives.html">167 entries</a> on <a href="http://mt4.radified.com/">MT 4.x</a>. Lots of entries tend to make the blog respond sluggishly (when rebuilding). That would be » Ye Olde Rad Blog IV. (Started with <a href="http://blog.radified.com/">v2.63</a> .. in <a href="http://radified.com/blog/archives/000001.html">May 2003</a>.)</p>
<p><a href="http://en.wikipedia.org/wiki/Main_Page"></a>Considering installing a <a href="http://en.wikipedia.org/wiki/Wiki_software">wiki</a> (software). Can't hurt. Might help. Would be a place (beside the <a href="http://radified.com/cgi-bin/yabb2/YaBB.pl">forum</a>) where folks could post &amp; reference their own info/content. Might be a good learning experience, too.</p>
<p>I have no experience with wiki's .. other than searching <a href="http://en.wikipedia.org/wiki/Main_Page">Wikipedia</a>. Not sure which one would be best. So many <a href="http://en.wikipedia.org/wiki/List_of_wiki_software">choices</a>. Ideas? Saw <a href="http://www.siteground.com/compare_best_wiki.htm">this comparison</a>. Nigel once recommended <a href="http://www.dokuwiki.org/dokuwiki">Dokuwiki</a> (I think) as a well-coded (PHP-based) piece of software. </p>
<p>The Dokuwiki <a href="http://www.splitbrain.org/projects/dokuwiki">download</a> is <strong>1.7</strong> MB. (Compare that with the <a href="http://www.movabletype.org/">Movable Type</a> download, which is <strong>4.6</strong> MB.) An über comparison of all Wiki's and their features is posted » <a href="http://en.wikipedia.org/wiki/Comparison_of_wiki_software">HERE</a>. Meanwhile <a href="http://en.wikipedia.org/wiki/Main_Page">Wikipedia</a>, the mother-of-all wiki's, uses <a href="http://en.wikipedia.org/wiki/MediaWiki">MediaWiki</a>, which is both free &amp; Open Source.</p>]]>
        <![CDATA[<p align="center">••• today's entry continues here below •••</p>
<p>UPDATE - note from Nigel (in New Zealand):</p>
<blockquote>
<p>Your recollection is correct. I did indeed recommend <a href="http://www.dokuwiki.org/dokuwiki">DokuWiki</a>, for several reasons. As you recalled, I commend the quality of the <a href="http://www.php.net/">PHP</a> code itself as worthy of <a href="http://mt4.radified.com/2009/08/expressive-power-computer-programming-language-literature.html">study</a>. </p>
<p>Another quality of Doku is that the underlying backing storage is plain-text files in the host webserver, which you can copy and move to easily backup or replicate your wiki instances. Other Wiki software (most notably <a href="http://en.wikipedia.org/wiki/MediaWiki">MediaWiki</a>) tends to use a <a href="http://www.mysql.com/why-mysql/">database</a>, which complicates things immensely.</p>
<p>[ I set up a Doku installation internal to the Symantec Auckland site for our internal needs in 2004, and spent much time expanding and improving it. It has served us very well. ] </p>
<p>Yes, there are Wiki standards, of sorts. These are really more along the lines of consensus about things such as how to refer between Wikis. But there is one very important effort which deserves special note. Ward Cunningham, creator of the original Wiki concept and software, put in quite some time and effort trying to get folks to agree on a common syntax, since there had been an explosion of violently incompatible syntaxes expanding on his original design.</p>
<p>The result is at <a href="http://www.wikicreole.org/">WikiCreole</a>. As with the syntax design of DokuWiki, that consensus syntax is heavily influenced by, but slightly different to, John Gruber's syntax for web publishing, <a href="http://daringfireball.net/projects/markdown/">Markdown</a> (another piece of code that's worth your time to study &amp; understand). Although Doku isn't the same as Creole, it's close, and Doku's extra features over and above Creole are pretty powerful.</p>
<p>One other Wiki of practical note is <a href="http://trac.edgewall.org/">Trac</a> - because it integrates a wiki with a front end to <a href="http://en.wikipedia.org/wiki/Subversion_(software)">Subversion</a> along with a simple bug-tracking tool. I wouldn't recommend you install or use Trac, but it's good to be aware of, since that particular package of source control + wiki + bug tracking is something that you will want to get used to if you're interested at all in <a href="http://mt4.radified.com/2009/02/wrote-first-program-scheme-matrix-brain-learn.html">writing code</a>.</p>
<p>Trac isn't anything particularly special compared to hosted environments like <a href="http://code.google.com">Google Code</a>, but it's installable privately and plenty of people use it instead of hosted services. </p>
<p>- Nigel </p></blockquote>]]>
    </content>
</entry>

<entry>
    <title>The Bug Rides .. without Training Wheels!</title>
    <link rel="alternate" type="text/html" href="http://mt4.radified.com/2009/09/first-bike-ride-without-training-wheels-learn.html" />
    <id>tag:mt4.radified.com,2009://1.175</id>

    <published>2009-09-28T00:11:16Z</published>
    <updated>2009-10-11T00:20:19Z</updated>

    <summary>The Bug rode a bike for the first time this week. I mean » a 2-wheeler, without training wheels. One of the major milestones on the road to manhood. I was excited (.. even more than he was) .. running alongside, shouting » &quot;Oh my God! You&apos;re riding!&quot; Waiving my arms like an idiot. But later disappointed. Cuz I had...</summary>
    <author>
        <name>Rad </name>
        <uri>http://radified.com/index2.html</uri>
    </author>
    
    <category term="fatherhood" label="fatherhood" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="parenting" label="parenting" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="en" xml:base="http://mt4.radified.com/">
        <![CDATA[<p><a href="http://mt4.radified.com/2009/01/my-daddys-here-visitation-child-custody.html">The Bug</a> rode a bike for the first time this week. I mean » a 2-wheeler, with<em>out</em> <a href="http://mt4.radified.com/2009/08/father-son-bike-ride-newport-beach-back-bay-loop.html">training wheels</a>. One of the major milestones on the road to manhood.</p>
<p><img class="graphic" alt="Bicycle" align="right" src="http://radified.com/gfx7/bicycle.jpg" width="215" height="234" /> I was excited (.. even more than he was) .. running alongside, shouting » <em>"Oh my God! You're riding!"</em> Waiving my arms like an idiot.</p>
<p>But later disappointed. Cuz I had anticipated spending a few days <a href="http://mt4.radified.com/2009/08/father-son-bike-ride-newport-beach-back-bay-loop.html">teaching</a> him. Instead, he just hopped on and rode off (.. his very first try).</p>
<p>I didn't say anything, but was thinking, <em>"Doncha know you're supposed fall &amp; crack your noggin a few times .. like I did?"</em></p>
<p>I've been talking to various dads the past few weeks, learning different techniques on how to teach him to ride ...</p>
<p>.. such as » remove the pedals &amp; let him push himself along, allowing him to become accustomed to the bike's balance at his own pace .. or » grab him by a snug-fitting t-shirt between the shoulder blades and run alongside .. again, giving him most of the balance .. and also » the 'broomstick technique.'</p>
<p>Riding a bike is all about » <strong>balance</strong>. I think the reason he picked it up so quickly is cuz he's been riding a 2-wheel scooter around town the last few weeks. It's actually called » a <em>razor</em>. (He's a little demon on that razor.)</p>]]>
        <![CDATA[<p align="center">••• today's entry continues here below •••</p>
<p>He has also been spending lots of time on the <a href="http://mt4.radified.com/2009/08/back-n-forth-on-the-trampoline.html">trampoline</a> .. which is very much about balance. (He bounces pretty dang high.)</p>
<p>Anyway, I wasn't planning on him actually <em>riding</em> the thing. I'd asked several times earlier if he wanted to practice, but he always declined. (He's <strong>4</strong>.)</p>
<p>About 10 minutes before we had to leave (for me to <a href="http://blogs.radified.com/2007/12/visitation_custody_children_kids_cant_see_vs_dont_want_to.html">take him back</a>) .. I simply asked him to SIT on the bike .. so I could see if the seat was adjusted to the proper height.</p>
<p><em>"I wanna ride,"</em> he said. <em>"We don't have time."</em> I countered, checking my watch. <em>"We <a href="http://blogs.radified.com/2007/12/visitation_custody_children_kids_cant_see_vs_dont_want_to.html">have to go</a> in 10 minutes."</em> But he insisted.</p>
<p>So anyway, he climbed on and .. rode off. I'm <em>still</em> kinda surprised. We called all our friends and told them the news. He was proud. (Tho not <em>half</em> as proud as me.) After his first ride, he said (with a big smile) » <em>"I wanna do it again." </em>He rode ~ a dozen times .. a length of some 50-feet .. without falling once.</p>
<p><a href="http://radified.com/balboa_unicycle/julie_eric/02_balboa_canal_julie.htm">Miss Julie</a> picked up the bike for him in <a href="http://radified.com/crescent_bay/laguna_beach/index.htm">Laguna</a> last month. He just rode it in the <a href="http://radified.com/photos/casa_01.htm">back yard</a>, but immediately wanted to ride out in the street. </p>
<p><em>"No way,"</em> I told him. "Here's the deal. Next time I <a href="http://mt4.radified.com/2009/01/my-daddys-here-visitation-child-custody.html">pick you up</a>, we'll go to the <a href="http://www.citykeepermaps.com/test/maps/2008NB.jpg">park</a>. And if you can ride around the bases 3 times (relatively soft dirt/clay infield) -- from home plate, to first base, to second base, to third -- I'll let you ride in the street."</p>
<p><em>"No, dad," </em>he said dismissively, with a wave of the hand.<em> "Here's the deal <strong>I</strong> wanna make..."</em> =) [ He cracks me up sometimes. ]</p>
<p>I grew up back East (in <a href="http://en.wikipedia.org/wiki/New_Haven,_Connecticut">Connecticut</a>) where <a href="http://mt4.radified.com/2008/10/all-american-irony-the-lethal-toss.html">Patrick</a>'s dad (Mr. Mac) taught all the neighborhood kids to ride. I still remember how cool it felt .. that first time. It was a hot summer night .. starting to get dark. All of us kids taking turns .. crashing into different things. Learning to ride .. the old-school way. Blood-n-guts.</p>
<p>For more along these lines, here's a Google search for the search » <a href="http://www.google.com/search?hl=en&amp;q=first+bike+ride+without+training+wheels">first bike ride without training wheels</a></p>]]>
    </content>
</entry>

<entry>
    <title>Autumn Begins .. with a Single Drop</title>
    <link rel="alternate" type="text/html" href="http://mt4.radified.com/2009/09/autumnal-equinox-coincidence.html" />
    <id>tag:mt4.radified.com,2009://1.174</id>

    <published>2009-09-22T23:58:45Z</published>
    <updated>2009-10-11T00:09:51Z</updated>

    <summary>Autumnal equinox today. The exact moment when the sun crosses the equator (heading south) = 9:18 PM UTC, which = 2:18 PM Pacific Daylight. National Geo says » 5:19 AM Eastern (which = 2:19 AM PDT), so I think they type-o&apos;ed AM, when they meant PM. Nevertheless, it&apos;s still the best page I&apos;ve seen yet on the subject .. cuz...</summary>
    <author>
        <name>Rad </name>
        <uri>http://radified.com/index2.html</uri>
    </author>
    
    
    <content type="html" xml:lang="en" xml:base="http://mt4.radified.com/">
        <![CDATA[<p>Autumnal <a href="http://news.nationalgeographic.com/news/2009/09/090922-autumnal-equinox-2009-fall-equinox.html">equinox</a> today. The exact moment when the sun crosses the equator (heading south) = <a href="http://en.wikipedia.org/wiki/Equinox">9:18 PM</a> UTC, which <a href="http://www.timeanddate.com/library/abbreviations/timezones/na/pdt.html">=</a> 2:18 PM <a href="http://radified.com/crystal_cove/crystal_01/crystal_cove_01.htm">Pacific</a> Daylight. </p>
<p><img class="graphic" alt="Autumn Colors" align="right" src="http://radified.com/gfx7/autumn_colors.jpg" width="252" height="136" />National Geo says » <a href="http://news.nationalgeographic.com/news/2009/09/090922-autumnal-equinox-2009-fall-equinox.html">5:19 AM Eastern</a> (which = 2:19 AM PDT), so I think they type-o'ed AM, when they meant PM.</p>
<p>Nevertheless, it's still <a href="http://news.nationalgeographic.com/news/2009/09/090922-autumnal-equinox-2009-fall-equinox.html">the best</a> page I've seen yet on the subject .. cuz it explains why there's not (yet) 12 hours of (equal) day &amp; night. Cool video, too.</p>
<p>Just noticed I used a picture of a spigot dripping water in <a href="http://mt4.radified.com/2009/09/conditional-love-manipulation-parenting-children.html">yesterday's entry</a> (» re: <em>Conditional Love</em>, near the end) .. <br /><br />.. while a photo (using high-speed photography) shows a droplet hitting the surface in the entry directly below it (» <em><a href="http://mt4.radified.com/2009/09/liquid-elastic-hybrid-css-layout-design.html">New Layout Design</a></em>, posted 9/15), which I used to represent LIQUID designs.</p>]]>
        <![CDATA[<p align="center">••• today's entry continues here below •••</p>
<p>The two entries therefore <em>look</em> connected [ when originally posted on the <a href="http://radified.com/index.rad">home page</a> ], don't they? But aren't. Two completely unrelated subjects .. made nealy a week apart. Totally did not plan it that way. At least, I don't <em>think</em> I did. (I'm not that clever.) Must be a <a href="http://mt4.radified.com/2009/07/synchronicity-coincidence-waikiki-hawaii-honolulu.html">coincidence</a>.</p>
<p>Update - I truncated the previous entry cuz it was getting long, and posted the remainder (including the spigot) here » <a href="http://mt4.radified.com/2009/09/conditional-love-manipulation-parenting-children.html">Conditional Love = Manipulation</a>.</p>
<p>For more along these lines, here's a Google search prconfigured for the query » <a href="http://www.google.com/search?q=autumnal+equinox">autumnal equinox</a>.</p>]]>
    </content>
</entry>

<entry>
    <title>Conditional Love = Manipulation</title>
    <link rel="alternate" type="text/html" href="http://mt4.radified.com/2009/09/conditional-love-manipulation-parenting-children.html" />
    <id>tag:mt4.radified.com,2009://1.173</id>

    <published>2009-09-21T15:04:00Z</published>
    <updated>2009-11-04T14:36:34Z</updated>

    <summary><![CDATA[An article posted in last week's NY Times has been gnawing at me all weekend. It cites a study performed by two Israelis &amp; a "leading American expert on the psychology of motivation." The single-page piece is titled » "When a Parent's Love Comes with Conditions" .. or » "When 'I Love You' means 'Do as I Say'." The article...]]></summary>
    <author>
        <name>Rad </name>
        <uri>http://radified.com/index2.html</uri>
    </author>
    
        <category term="fatherhood" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="parenting" label="parenting" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="en" xml:base="http://mt4.radified.com/">
        <![CDATA[<p>An <a href="http://www.nytimes.com/2009/09/15/health/15mind.html?_r=2">article</a> posted in last week's <a href="http://www.nytimes.com/">NY Times</a> has been gnawing at me all weekend. It cites a study performed by two Israelis &amp; a "leading American expert on the psychology of motivation." The single-page piece is titled » "When a Parent's Love Comes with Conditions" .. or » "When 'I Love You' means 'Do as I Say'." </p>
<p><img class="graphic" alt="Conditional Love = Manipulation" align="right" src="http://radified.com/gfx7/conditional_love2.jpg" width="171" height="422" /> The <a href="http://www.nytimes.com/2009/09/15/health/15mind.html?_r=2">article</a> can be summed with the following quote:</p>
<blockquote>
<p>"The primary message of all types of conditional parenting is that children must earn a parent's love. A steady diet of that, Rogers warned, and children might eventually need a therapist to provide the unconditional acceptance they didn't get when it counted."</p></blockquote>
<p>Doesn't it seem odd that a study was required to determine that rationing love &amp; acceptance (like gasoline during a <a href="http://upload.wikimedia.org/wikipedia/commons/e/ed/FLAG_POLICY_DURING_THE_1973_oil_crisis.gif">shortage</a>) is detrimental to children? Duh.</p>
<p>First, <a href="http://www.enotalone.com/article/6426.html">conditional love</a> is <a href="http://www.helium.com/items/1580498-unconditional-v-conditional-love">not love</a>. Let's call it by its real name » <a href="http://education.yahoo.com/reference/dictionary/entry/manipulation">manipulation</a>. And it's the worst kind of manipulation, cuz children, especially young ones,&nbsp;are at the mercy of their parents.</p>
<p>Moreover, they do not yet possess the skills&nbsp;necessary to recognize and defend against such insidious tactics&nbsp; .. from people they're so dependent upon (for eveything).</p>
<p>Now, do you know anyone who enjoys being manipulated? Cuz I don't. Heck, even people who <a href="http://dictionary.reference.com/browse/masochist">enjoy pain</a> don't like being manipulated. Cuz it doesn't really hurt; it just feels <a href="http://www.enotalone.com/article/6426.html">slimy</a>. [Speaking of <em>slime</em> &amp; <em>pain</em>, refer to my comments about <em>boiling a frog</em> near the end.]</p>
<p>Not very difficult to tell <a href="http://www.helium.com/items/1580498-unconditional-v-conditional-love">the difference</a>, either. Kids (who happen to be particularly sensitive) can spot a fake all-the-way across the&nbsp;<a href="http://mt4.radified.com/2009/01/magic-words-fatherhood-divorce-coffee-storytime-children.html">coffee shop</a>&nbsp;and will turn away .. while gravitating wholeheartedly to the genuine. You can actually observe this play out.</p>
<p>There are many things a parent can use as leverage to encourage (or discourage) a particular behavior. But love should never be included in the leverage toolkit. Same goes for affection &amp; attention .. things too precious to be used as mere bargaining chips.</p>
<p>Withholding love &amp; affection based on behavior is <strong>cruel</strong>. Sure, it might elicit the desired response .. in the short term. But the child will grow to resent it (.. as does <em>anybody</em> who's being manipulated). Used consistently and frequently enough, it will instill deep-seated feelings of inadequacy .. that may <em>never</em> go away. (You might even know someone like this .. with deformed self-esteem.)</p>
<p>Many times, when a child is acting out, I'd wager it's *because* he or she is not getting the emotional support they need (from a <a href="http://blogs.radified.com/2007/09/fatherhood_visitation_custody_swimming_pool_steinman_park_lancaster.html">parent</a>). That would be like telling a hungry child » <em>"Stop fussing or I won't give you any food."</em></p>
<p>[ In the <a href="http://blogs.radified.com/nuclear/">military</a>, we had a saying » <em>"The beatings will continue until morale improves." </em>Same principle. ]</p>
<p>Whichever side of the great <a href="http://www.pbs.org/wgbh/nova/genome/debate.html">nature vs nurture debate</a> you tend to favor, you always return&nbsp;to » the <a href="http://blogs.radified.com/2007/09/fatherhood_visitation_custody_swimming_pool_steinman_park_lancaster.html">parents</a> .. as the prime causal agent for how a child turns out .. whether it be on count of their genes or their parenting methods (.. or a combination of both).</p>
<p>We were all kids once. (Well, <em>most</em> of us.) So we all have many years of first-hand experience from which to derive our opinions .. of what works, and what doesn't (.. and what really suks). My point is, it's not <a href="http://mt4.radified.com/2009/07/moon-lunar-landing-apollo-11-calculus-limits-derivative.html">rocket science</a>.</p>
<div style="MARGIN-TOP: 10px; HEIGHT: 15px" class="zemanta-pixie"><a class="zemanta-pixie-a" title="Reblog this post [with Zemanta]" href="http://reblog.zemanta.com/zemified/243cb0e5-a595-427d-8989-b3c70a91a678/"><img style="BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; FLOAT: right; BORDER-TOP: medium none; BORDER-RIGHT: medium none" class="zemanta-pixie-img" alt="Reblog this post [with Zemanta]" src="http://img.zemanta.com/reblog_e.png?x-id=243cb0e5-a595-427d-8989-b3c70a91a678" /></a><span class="zem-script more-related pretty-attribution">
<script type="text/javascript" defer src="http://static.zemanta.com/readside/loader.js"></script>
 </span></div>]]>
        <![CDATA[<p align="center">••• today's entry continues here below •••</p>
<p>If you divide any group into those who received <strong>too much</strong> love growing up, and those who <strong>could've used more</strong> .. I'd wager you'd wind up with one room over-flowing, and another sporting a few lonely folks. (Can almost hear the echo in there, can'tcha?)</p>
<p><img class="graphic" alt="Jungle Book, Baloo &amp; Mogli" align="right" src="http://radified.com/gfx2/jungle_book_small.jpg" width="250" height="253" />Admittedly <a href="http://mt4.radified.com/2009/01/my-daddys-here-visitation-child-custody.html">my parenting experiences</a> are <a href="http://mt4.radified.com/2008/11/false-allegations-sexual-child-abuse-detective.html">far</a> from normal. I have <a href="http://mt4.radified.com/2008/06/first-trip-to-rock-climbing-gym-fatherhood-visitation-custody.html">the Bug</a> for only a few days each week. </p>
<p>When your <a href="http://mt4.radified.com/2008/04/i-like-you-dada-fatherhood-visitation.html">time together</a> is limited and repeatedly <a href="http://blogs.radified.com/2007/10/few_things_worse_than_losing_your_kids.html">threatened</a>, discipline falls to the bottom of your parenting priorities. </p>
<p>And my focus is on a <a href="http://mt4.radified.com/2009/08/father-son-bike-ride-newport-beach-back-bay-loop.html">4-year old</a>. As children <a href="http://mt4.radified.com/2009/08/back-n-forth-on-the-trampoline.html">grow</a>, they become increasingly autonomous,&nbsp;and therefore more responsible for their own behavior (as the parents' role gradually diminishes). </p>
<p>But you don't need an advanced degree in Psychology to know that most of the more serious issues adults deal with can trace their <a href="http://well.blogs.nytimes.com/2009/10/20/divorcing-your-parents/">lineage</a> back to childhood, and often to the parents .. either directly or indirectly. No one else has so great an influence &amp; effect (.. for better or worse).</p>
<p>That's why two kids who grew up next to each other, on the <a href="http://mt4.radified.com/2008/10/all-american-irony-the-lethal-toss.html">same street</a>, and who went to the same schools, and took the same <a href="http://blogs.radified.com/nuclear/">classes</a>, and played the same sports,&nbsp;and attended the same church .. can have such dramatically different outcomes.</p>
<p>The healthiest people I know (psychologically speaking) are those who had the courage to confront the unfortunate things life dealt them (often during their most vulnerable years), and the yucky feelings that arose as a result. They (bravely) dealt with these issues .. and moved on. </p>
<p>But people obviously can't deal with things they refuse to accept ever happened. Denial, we all know, is a beautiful thing. It has the power to eliminate all our <a href="http://mt4.radified.com/2009/03/disoriented-following-dropoffs-bedtime-stories-treasure-island.html">problems</a> &amp; eradicate our imperfections .. which is why I employ it myself on a <a href="http://mt4.radified.com/2009/06/sensitivity-suffering-zen-emotional-fatherhood-custody.html">regular</a> basis, and heartily recommend it (.. for a while, anyway).</p>
<p>Unfortunately for little ones, this is often&nbsp;the only tool at their disposal. So into the closet-of-denial goes another monster, ushered&nbsp;forthwith .. to be dealt with at a <a href="http://www.biblegateway.com/passage/?search=Luke%204:13&amp;version=AMP">more opportune time</a> .. when they&nbsp;are&nbsp;better prepared, and better equipped.</p>
<p>This is where love &amp; acceptance come in. Because it's difficult to deal with that monster locked away in your closet if you're concerned that the person(s) who you look to for emotional support (a <a href="http://blogs.radified.com/2007/09/fatherhood_visitation_custody_swimming_pool_steinman_park_lancaster.html">parent</a>? spouse? best-<a href="http://radified.com/Dogger/dogbrother.htm">friend</a>? significant-other?) might withhold their love and/or acceptance if they see how ugly that sucker&nbsp;is. </p>
<p>Or worse » they might <a href="http://www.biblegateway.com/passage/?search=Luke+6:37&amp;version=KJV">judge</a>, criticize, condemn or reject you. So it's best to keep that dude locked away .. where nobody can see. Better yet, swallow the key .. so that it (like a <a href="http://www.annerice.com/Bookshelf-VampireChronicles.html">vampire</a>) never sees the light of day.</p>
<p>Anybody who has tried to exorcise these demons knows you can't do it alone. So the only way to oust them is to tell a confidant &amp; enlist their support. And there's no finer support than » Unconditional love. It's the only power-source (that I know of) capable defeating&nbsp;closeted monsters. And it carries none of the side-effects associated with <a href="http://www.jackdaniels.com/Default.aspx">popular alternatives</a>.</p>
<p>Even more disturbing is the notion that some scholars seem to suggest employing the techniques associated with conditional love. Here's another <a href="http://www.nytimes.com/2009/09/15/health/15mind.html?_r=2">quote</a>:</p>
<blockquote>
<p>"Albert Bandura, the father of the branch of psychology known as social learning theory, declared that unconditional love <em>'would make children directionless and quite unlovable' </em>-- an assertion entirely unsupported by empirical studies. The idea that children accepted for who they are would lack direction or appeal is most informative for what it tells us about the dark view of human nature held by those who issue such warnings."</p></blockquote>
<p>Let's face it, even under the best of circumstances, kids are gonna have a challenging time in today's world. The last thing they need are deep-seated feelings of insecurity or inferiority because their parents got stingy with the love &amp; affection when they needed it most.</p>
<p><img class="graphic" alt="Spigot" align="right" src="http://radified.com/gfx7/spigot.jpg" width="238" height="274" />As a side-note, I would argue that the ability to ration love -- turning it on-n-off .. like a spigot -- is a good indicator that this so-called 'love' is <em>not</em> <a href="http://www.reallove.com/about.asp">real</a>. </p>
<p>Cuz when you truly love someone, you CAN'T turn it off (.. not even when you wish you could). True love has no throttle valve.</p>
<p>I'm not talking about having a <a href="http://mt4.radified.com/2009/02/flu-symptoms-fever-global-pandemic-1918.html">bad day</a> .. which we all have from time to time. Rather I'm talking about making a <a href="http://mt4.radified.com/2009/09/technological-concepts-applied-to-daily-conscious-life.html">conscious decision</a> to 'withhold' .. as it were, when it is in our power to give .. and when it's clear that someone we claim to <a href="http://mt4.radified.com/2009/09/first-bike-ride-without-training-wheels-learn.html">care for</a> needs that love.</p>
<p>Ya know, as adults we're sometimes <a href="http://www.enotalone.com/article/6426.html">faced</a> with the question » Is faux-love <a href="http://mt4.radified.com/2009/04/dating-the-single-parent.html">better</a> than no love? (Hey, that rhymes!) But kids should never be put in that position.</p>
<p>[ Regarding that choice .. as a <a href="http://radified.com/Dogger/dogbrother.htm">friend</a> once said » "Once you've tasted <a href="http://www.reallove.com/about.asp">prime-rib</a>, it's hard to go back to <a href="http://bbll.com/ch11.html">baloney sandwiches</a>." ]</p>
<p>Only thing I'm not sure about is whether it's possible for someone who grew up in a home where the 'love' was rationed <a href="http://www.enotalone.com/article/6426.html">conditionally</a> .. to love their <em>own</em> kids UNconditionally .. for who they <strong>are</strong>, rather than what they <strong>do </strong>(.. or how much they earn, or what kind of <a href="http://blogs.radified.com/2007/05/porsche_911_carrera_wet_start_replace_spark_plugs.html">car</a> they drive). </p>
<p>Some claim this&nbsp;would be difficult .. cuz it involves unlearning a learned behavior .. one that has been entrenched and reinforced over many of the most-formative years.</p>
<p>But I feel these folks would be MOST motivated .. since they know (better than anyone) how krappy it feels to have love &amp; affection rationed according to the whim of a parent who determines when &amp; if they are deserving enough, and what effect this kind of manipulation might have on their self-esteem.</p>
<p>The problem with overcoming dysfunction in the home is that » applied early-&nbsp;&amp; often-enough, it eventually starts to appear normal (.. cuz that's all kids know). It's kinda like boiling a frog. They&nbsp;become accustomed to&nbsp;the damage&nbsp;if it's applied gradually over an extended period. We all want to believe we're lovable. This is what keeps some of us&nbsp;in an uncomfortable pot as temperatures rise.</p>
<p>A chief characteristics of <strong>love</strong>, it would seem, is » a desire to GIVE. Everybody&nbsp;is familiar with <a href="http://www.biblegateway.com/passage/?search=john%203:16&amp;version=KJV">John 3:16</a>&nbsp;» <em>"For God so <strong>loved</strong> the world .. that he GAVE..." </em></p>
<p>And no place can I find where it says anybody ever asked God to send his "only begotten." This&nbsp;would imply that love seeks to give without a corresponding request.</p>
<p>The Bible describes love as "<a href="http://www.biblegateway.com/passage/?search=1%20cor%2013:5&amp;version=AMP">not self-seeking</a>." Whereas <em>conditional </em>love (i.e. <a href="http://education.yahoo.com/reference/dictionary/entry/manipulation">manipulation</a>) is always associated with&nbsp;» GETTING.</p>
<p>Next time you raise a glass, make a toast .. "to Unconditional Love." Cuz 'withholding' should be relegated to&nbsp;<a href="http://www.irs.gov/individuals/article/0,,id=96196,00.html">taxes</a>.</p>
<p>As a&nbsp;closing thought, I'm convinced that a relationship in which two people truly love each other (unconditionally) .. is the closest thing to <a href="http://www.biblegateway.com/passage/?search=Deuteronomy%2011:21&amp;version=KJV">heaven-on-earth</a> any of us will ever experience (.. next to a blazingly-fast&nbsp;<a href="http://scsi.radified.com/">SCSI hard drive</a>, of course). If you find something better, send me a sample (.. packaged, of course, in a plain, brown wrapper). </p>
<p>For more along these lines, here's a Google search preconfigured for the query » <a href="http://www.google.com/search?q=conditional+love+manipulation">conditional love manipulation</a></p>]]>
    </content>
</entry>

<entry>
    <title>New CSS Layout Design » Liquid-Elastic Hybrid</title>
    <link rel="alternate" type="text/html" href="http://mt4.radified.com/2009/09/liquid-elastic-hybrid-css-layout-design.html" />
    <id>tag:mt4.radified.com,2009://1.172</id>

    <published>2009-09-15T22:44:47Z</published>
    <updated>2009-10-11T04:03:14Z</updated>

    <summary>Changed the type of layout I use on the home page .. to » LIQUID-ELASTIC hybrid. If I did this correctly, you shouldn&apos;t notice any difference .. unless you change your default text-size (.. by selecting &apos;Text Size&apos; from the &apos;View&apos; menu in IE). Lemme know if you notice any display quirks. There are 4 different &apos;types&apos; of layout designs:...</summary>
    <author>
        <name>Rad </name>
        <uri>http://radified.com/index2.html</uri>
    </author>
    
        <category term="website" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="xhtml/css" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="css" label="css" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="en" xml:base="http://mt4.radified.com/">
        <![CDATA[<p>Changed the type of layout I use on the <a href="http://radified.com/index.rad">home page</a> .. to » LIQUID-ELASTIC hybrid. If I did this correctly, you shouldn't notice any difference .. unless you change your default text-size (.. by selecting 'Text Size' from the 'View' menu in <a href="http://www.microsoft.com/windows/internet-explorer/default.aspx">IE</a>). Lemme know if you notice any display quirks.</p>
<p><img class="graphic" alt="Liquid CSS Web Design Layout" align="right" src="http://radified.com/gfx7/water_drops.jpg" width="260" height="164" />There are <strong>4</strong> different '<a href="http://www.autisticcuckoo.net/archive.php?id=2004/07/21/fixed-liquid-elastic">types</a>' of layout designs:</p>
<ol>
<li>FIXED (column widths remain fixed, no matter what, used » <a href="http://blogs.radified.com/">here</a>)</li>
<li>ELASTIC (column widths change with changes to your preferred font-size)</li>
<li>LIQUID (column widths change with changes to browser-window sizing, used » <a href="http://radified.com/dreamweaver/templates/index.html">here</a>)</li>
<li>HYBRID (combination of two or more of the above, used » &nbsp;<a href="http://radified.com/index.rad">here</a>)</li></ol>
<p>I've long preferred LIQUID layouts (sometimes called » <a href="http://www.stuffandnonsense.co.uk/archives/fixed_or_fluid_you_decide.html">FLUID</a>), which resize column widths as you resize your browser window (called the "viewport" by those in the biz). It's easier for me to understand the concept behind LIQUID layouts .. than ELASTIC.</p>
<p>Today however, I'm demo'ing a » HYBRID layout .. that combines elements of <em>both</em> LIQUID &amp; ELASTIC. [ If you've read my <a href="http://fdisk.radified.com/">SCSI guide</a>, you know I'm a fan of hybrid config's. ] </p>
<p>The <a href="http://radified.com/index.rad">center section/column</a> remains » LIQUID, while the two <a href="http://radified.com/index.rad">sidebars</a> (blue-green colums) are now » ELASTIC. This means they will resize with changes made to your preferred font-size (e.g. » small, medium, large, gigantic, etc.). The center section will continue to change proportionally, as you resize your browser window - just like before.</p>
<p>Resizing your browser window will no longer affect the width of the blue-green sidebars (which are already skinny), while changing your default font-size will not affect the width of the center column/section.</p>
<p>The design <em>itself</em> of the home page has remained unchanged. Only the 'type' of layout has been modified (.. from LIQUID to » LIQUID-ELASTIC hybrid). This new type of page layout is considered more 'accessible' .. <br /><br />.. especially for those who might have difficulty reading smaller text, and need to bump up their default font-size.</p>]]>
        <![CDATA[<p align="center">••• today's entry continues here below •••</p>
<p>To be honest, I've never paid much attention to <a href="http://mt4.radified.com/2008/04/tableless-css-layout-cascading-style-sheets-xhtml-standard.html">layout</a> &amp; styling per se (as you can probably tell) .. beyond the <a href="http://www.amazon.com/CSS-Missing-Manual-David-McFarland/dp/0596802447/">technology</a> used to effect these changes .. as <em>that's</em> what <a href="http://mt4.radified.com/2009/01/sicp-structure-best-computer-science-programming-book.html">interests me</a>.</p>
<p><img class="graphic" alt="Elastic CSS Web Design Layout" align="right" src="http://radified.com/gfx7/rubber_bands.jpg" width="260" height="172" />I've always equated '<a href="http://blogs.radified.com/2007/05/porsche_911_carrera_wet_start_replace_spark_plugs.html">style</a>' with '<a href="http://mt4.radified.com/2009/04/css-based-tabbed-menu-centered.html">function</a>' .. and preferred rather to focus my web energies on generating » <a href="http://mt4.radified.com/archives.html">CONTENT</a>. But that's just me. Certainly style/appearance is important (.. as any pretty girl will tell you).</p>
<p>I admit » converting that page to a LIQUID-ELASTIC design was more involved than I anticipated. Originally thought it would be a simple case of copying old content into a new <a href="http://www.mccordweb.com/weblogs/2008/06/25/three-web-design-layout-types-liquid-elastic-fixed/">layout</a>. Silly me. Nothing's ever simple as it <a href="http://mt4.radified.com/2009/08/sicps-programming-focus-methods-to-control-complexit.html">seems</a>.</p>
<p>Most of the migration went smoothly, especially since I was well-researched on the topic. But I had a few <a href="http://codingforums.com/showthread.php?p=865134#post865134">glitches</a> .. that caused considerable headache, and challenged my (decent) <a href="http://mt4.radified.com/2009/09/troubleshoot-css-rendering-problems-cascade-inheritance-specificity.html">CSS skills</a>. The devil, as they <a href="http://www.usingenglish.com/reference/idioms/devil+is+in+the+detail.html">say</a>, was certainly in the details.</p>
<p>Anyway, I always use the default font-size (.. with a good pair of reading glasses). But if any of you need to bump it up a notch or two, this layout design should work nicely .. and even for those who have good eyes, if you need to resize your browser window from time to time (.. cuz now the sidebars won't shrink).</p>
<p>Learned much in the process. LIQUID-ELASTIC layouts are considered among the most <a href="http://mt4.radified.com/2009/07/moon-lunar-landing-apollo-11-calculus-limits-derivative.html">sophisticated</a> web page designs. FIXED designs are <a href="http://green-beast.com/blog/?p=199">considered</a> the easiest/simplest to work with (style) .. since everything remains static. (Good for the web designer, bad for visitors like you.)</p>
<p>Oh, there's actually <em>one more</em> type of layout (I forgot) .. called » ABSOLUTELY POSITIONED. But I don't know anybody who uses that design.</p>
<p>I originally decided to demo the LIQUID-ELASTIC layout cuz it sounded challenging. But I admit, its appeal is growing on me. It's basically a LIQUID center with FIXED sidebars -- which are already skinny -- unless you change your default text-size. Then the sidebars show their ELASTICity. So there's lots to like.</p>
<p>The more I <a href="http://www.amazon.com/CSS-Missing-Manual-David-McFarland/dp/0596802447/">learn</a> about <a href="http://www.w3schools.com/css/css_intro.asp">Cascading Style Sheets</a>, the more they seem like a black art. The whole premise behind CSS is to » <a href="http://www.mako4css.com/">separate</a> the structure/content of a web page (e.g. » what constitutes a paragragh and what content that paragraph contains) from its styling (called "presentation" .. or » how the content in that paragraph <em>looks</em>).</p>
<p>Style sheets give you the ability to change the look-n-feel of your entire site by editing a single file .. that contains a list (uh, 'sheet') of all your styles .. instead of editing all thousand <a href="http://www.w3schools.com/htmL/html_intro.asp">web pages</a> individually. Very powerful. </p>
<p>But also nuanced .. in the way one style (for one element) affects another (style applied to a different element). These interdependencies are not always obvious. And they exist on <a href="http://mt4.radified.com/2009/09/troubleshoot-css-rendering-problems-cascade-inheritance-specificity.html">multiple levels</a>. So it has become clear that <a href="http://www.amazon.com/CSS-Missing-Manual-David-McFarland/dp/0596802447/">CSS</a> is (or <em>can</em> be) more complicated than it might seem. It's no <a href="http://mt4.radified.com/2009/07/synchronicity-coincidence-waikiki-hawaii-honolulu.html">coincidence</a> that many web designers have <a href="http://radified.com/video/damn_pc.htm">little</a> hair left.</p>
<p>On another note, the big news in the web design world is » <a href="http://www.alistapart.com/articles/previewofhtml5/">HTML5</a> is coming. The Next Big Thing. (TNBT.) Soon as you get a handle on <a href="http://mt4.radified.com/2008/12/convert-xhtml-dtd-strict-transitional.html">one standard</a>...</p>
<p>For mor along these lines, here's a Google search preconfigured for the query » <a href="http://www.google.com/search?hl=en&amp;q=css+liquid+elastic+hybrid+layout+design">css liquid elastic hybrid layout design</a></p>]]>
    </content>
</entry>

<entry>
    <title>Technological Concepts Apply Themselves (unrequested) to Daily Conscious Life</title>
    <link rel="alternate" type="text/html" href="http://mt4.radified.com/2009/09/technological-concepts-applied-to-daily-conscious-life.html" />
    <id>tag:mt4.radified.com,2009://1.171</id>

    <published>2009-09-14T00:17:17Z</published>
    <updated>2009-09-15T20:50:13Z</updated>

    <summary><![CDATA[On Sundays I resist dawdling before my morning trip to the coffee shop. I aim to get up &amp; get out post-haste .. cuz sometimes the Orange County Rebels (bike group) make a pitstop there (like they did last Sunday) .. creating huge lines (and forever waits). They take all the seats and are a noisy bunch (.. ~50 of...]]></summary>
    <author>
        <name>Rad </name>
        <uri>http://radified.com/index2.html</uri>
    </author>
    
        <category term="programming" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="social" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="programming" label="programming" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="en" xml:base="http://mt4.radified.com/">
        <![CDATA[<p>On Sundays I resist dawdling before my morning trip to the coffee shop. I aim to get up &amp; get out post-haste .. cuz sometimes the <a href="http://www.ocrebels.com/">Orange County Rebels</a> (bike group) make a pitstop there (like they did <em>last</em> Sunday) .. creating huge lines (and forever waits). </p>
<p>They take all the seats and are a noisy bunch (.. ~50 of them). I'm usually half-asleep until I've had my coffee, so the noise &amp; commotion is, uh .. not good.</p>
<p>I've been studying <a href="http://mt4.radified.com/2009/08/computer-science-programming-languages-learn.html">programming</a> recently. One of the first <a href="http://mt4.radified.com/2009/08/syntax-semantics-structure-meaning-programming.html">concepts</a> any aspiring programmer learns is the » if-then conditional statement.</p>
<p>Conditional statements take the form: <strong>If</strong> a particular condition is met, <strong>then</strong> » do X .. otherwise » do Y.</p>
<p><img class="graphic" alt="Crossroads" align="right" src="http://radified.com/gfx7/crossroads.jpg" width="250" height="152" />So I'm riding my <a href="http://blogs.radified.com/2007/09/mountain_bike_gt_avalanche_20.html">bike</a> this morning and approach the intersection at Flower street .. where I wonder, <em>"Did I remember to put the <a href="http://www.pbs.org/shakespeare/">DVD</a> in my hip-pack?" </em>.. cuz I need to return it to the <a href="http://www.newport-beach.ca.us/nbpl/HoursAndLocations/Hours_And_Locations.htm">library</a>.</p>
<p>And all of a sudden .. without <em>any</em> effort on my part, this whole <strong>if-then</strong> conditional statement (beautifully formatted) pops into my conscious mind. Now I'm sure I've negotiated many similar <strong>if-then</strong> scenarios before .. but never so explicitly.</p>
<p>So I stop the bike at the Flower intersection and peek into my hip-pack. <strong>If</strong> I have the DVD with me, I'm gonna turn left onto Flower and » take Flower down to the library and drop off the DVD. </p>
<p><strong>But</strong> the library sits on a main road (noisy, lotsa traffic). I'd <em>rather</em> take the back roads, which are far more scenic and quiet. So otherwise (<strong>then</strong>), I continue straight and » take the backroads.</p>
<p>I could've dropped off the DVD <em>after</em> coffee (<a href="http://mt4.radified.com/2009/08/possum-in-my-toilet.html#more">nothing</a> bothers me <em>after</em> coffee), but I wanted to stop at the grocery store afterwards, and pick up a few things. And the grocery store is the <em>opposite</em> direction (from the library). So I'd have to drop it off now.</p>
<p>Anyway, it surprised me to see how quickly &amp; easily this technological concept had superimposed itself (unrequested, no less) over my conscious life. So sharp &amp; clear. Pronounced &amp; pervasive. I mean, I didn't really <em>want</em> this formal <strong>if-then</strong> statement to invade my thinking. I'd rather keep that aspect isolated to the <a href="http://mt4.radified.com/2009/01/sicp-structure-best-computer-science-programming-book.html">Programming</a> part of my life. But I couldn't.</p>
<p>At the coffee shop, I shared my experience with Kurt .. who is always sitting there, programming games on his laptop at the corner table. He's a programmer who specializes in generating 3D graphics for some small Gaming company that makes games for the Nintendo Wii. <em>"You've just decribed the last 30 years of my life,"</em> he said.</p>]]>
        <![CDATA[<p align="center">••• today's entry continues here below •••</p>
<p>Interesting how the technological <a href="http://blogs.radified.com/nuclear/">concepts we learn</a> apply themselves in our everyday conscious life .. even when we'd rather keep them segregated. They become part of us .. whether we like it or not. [ Yes, the <a href="http://www.pbs.org/shakespeare/">DVD</a> was there. ]</p>]]>
    </content>
</entry>

<entry>
    <title>Troubleshoot CSS Rendering Problems .. aka » Understanding the Cascade, Inheritance &amp; Specificity</title>
    <link rel="alternate" type="text/html" href="http://mt4.radified.com/2009/09/troubleshoot-css-rendering-problems-cascade-inheritance-specificity.html" />
    <id>tag:mt4.radified.com,2009://1.169</id>

    <published>2009-09-10T02:53:49Z</published>
    <updated>2009-09-15T03:54:35Z</updated>

    <summary>(Today btw, is 9-9-09 .. for all you numerologists.) Anybody who has ever used Cascading Style Sheets (CSS) to style a web page has likely experienced the frustration that comes when a particular style refuses to render the way you want. Understanding the concepts outlined here will help troubleshoot any CSS rendering problem .. much better than banging your head...</summary>
    <author>
        <name>Rad </name>
        <uri>http://radified.com/index2.html</uri>
    </author>
    
        <category term="xhtml/css" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="css" label="css" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="en" xml:base="http://mt4.radified.com/">
        <![CDATA[<p>(Today btw, is 9-9-09 .. for all you numerologists.) Anybody who has ever <a href="http://blogs.radified.com/2007/12/css_mastery_budd_andy_cascading_style_sheets_book.html">used</a> <strong>Cascading Style Sheets</strong> (<a href="http://www.w3schools.com/css/css_intro.asp">CSS</a>) to style a <a href="http://www.w3schools.com/htmL/html_intro.asp">web page</a> has likely experienced the <a href="http://radified.com/video/damn_pc.htm">frustration</a> that comes when a particular style refuses to render the way you want.</p>
<p>Understanding the concepts outlined here will help troubleshoot any CSS rendering problem .. much better than banging your <a href="http://blogs.radified.com/2007/10/one_week_since_nasty_mountain_biking_accident_neck_sore.html">head</a> against the wall (.. a technique that seems to provide limited success).</p>
<p>Three rendering principles determine how CSS styles are applied to a web page, and which style(s) take precedence. They are:</p>
<ol>
<li>The Cascade</li>
<li>Inheritance</li>
<li>Specificity</li></ol>
<p>For reference sake, here's a quick review of basic <a href="http://www.w3schools.com/Css/css_syntax.asp">CSS syntax</a> » <code>selector {property: value}</code></p>
<p>For <a href="http://www.w3schools.com/Css/css_text.asp">example</a> » <code>p {color: green}</code> .. will apply a value of '<span style="COLOR: #390">green</span>' to the color property for the text contained in a paragraph ('p' = paragraph <a href="http://css.maxdesign.com.au/selectutorial/">selector</a>). This is called a CSS "rule". </p>
<p>Here's a brief overview of the <strong>3</strong> rendering principles listed above that determine how CSS rules are applied to a web page:</p>
<p><img class="graphic" alt="Cascade" align="right" src="http://radified.com/gfx7/cascade2.jpg" width="240" height="180" />I. <span style="COLOR: #390">THE CASCADE</span></p>
<p>Styles are applied in the following "<a href="http://www.w3schools.com/Css/css_howto.asp">cascading</a>" order: External style sheet » Embedded styles » Inline styles.</p>
<p>A given <a href="http://www.w3schools.com/htmL/html_intro.asp">HTML</a> page can contain one, two, or all three (or none). Styles lower down the cascade normally supplement (add to) styles higher up the cascade. If a styling conflict exists however, styles lower down take precedence. </p>
<p>In other words, the last style applied wins (.. given equal specificity). Here's a brief description of each type of cascading style mentioned above.</p>
<p><strong>1</strong>. External style sheets (fileName.css).</p>
<p>These styles can be applied to an unlimited number of <a href="http://www.w3schools.com/htmL/html_intro.asp">HTML</a> pages .. which link to the CSS file. Very powerful, since they allow you to change the look-n-feel of an entire site by modifying a single file. Web pages normally link to only a single external style sheet, tho it's possible to link to <em>multiple</em> external style sheets .. which also cascade, depending on the order they're listed. Large professional sites often use multiple external style sheets.</p>
<p><strong>2</strong>. Embedded styles </p>
<p>They are found within the <a href="http://www.w3schools.com/htmL/html_head.asp">head tag</a> of an HTML page. These styles are enclosed within the 'style' tag &lt;style&gt; and apply <em>only</em> to the HTML page in which they are found. These styles supercede any styles contained within an external style sheet that may conflict with them (.. given equal specificity).</p>
<p><strong>3</strong>. Inline styles </p>
<p>Inline styles are applied to individual HTML elements/tags, using the "style" <a href="http://www.w3schools.com/htmL/html_attributes.asp">ATTRIBUTE</a>. Note that this is <em>not</em> the same as the style ELEMENT applied to embedded styles mentioned above, tho it's spelled the same way. Inline styles supercede all others that conflict with them .. since the last style applied wins. Plus, they carry maximum specificity (which we'll discuss later).</p>]]>
        <![CDATA[<p align="center">••• today's entry continues here below •••</p>
<p><a href="http://ghr.nlm.nih.gov/handbook/basics/chromosome"><img class="graphic" alt="Sherlock" align="right" src="http://radified.com/gfx7/23chromosomes.jpg" width="250" height="178" /></a>II. <span style="COLOR: #390">INHERITANCE</span></p>
<p>Inheritance is an easy concept to understand. Properties of rules applied to parent tags (elements) will also be applied to their child tags (.. long as those specific properties inherit). Styles applied directly to child elements supercede those applied to their parent elements.</p>
<p>Inheritance allows you to keep your CSS code light-weight by applying global styles (once) to parent elements and having those styles 'broadcast' down to their child elements .. instead of styling each child element individually.</p>
<p>For example, you can apply a font-family styling of 'Verdana' to the <a href="http://www.w3schools.com/html/html_intro.asp">&lt;body&gt; tag/element</a> .. and have that styling 'inherit' down to affect the style of every text-based element in your page, or even your entire web site .. by merely styling that one tag/element.</p>
<p>You can then overwrite styling applied to parent elements (when desired) by applying more specific styles directly to the child elements.</p>
<p>III. <span style="COLOR: #390"><img class="graphic" alt="Yoda" align="right" src="http://radified.com/gfx7/yoda2.jpg" width="240" height="100" />SPECIFICITY</span></p>
<p>When two rules conflict, the most specific rule wins. Specificity is responsible for more CSS frustration than any other rendering principle. If you're having trouble getting a particular selector to render the way you want, the problem is usually specificity.</p>
<p>Inline styles applied directly to an individiual element via the style <a href="http://www.w3schools.com/htmL/html_attributes.asp">attribute</a> are most specific of all. ID <a href="http://css.maxdesign.com.au/selectutorial/">selectors</a> are the next-most specific. Then comes » Class selectors. Lastly » Element selectors.</p>
<p>To evaluate the relative specificity of a given rule, count the number of inline attributes, IDs, classes and elements. You can then calculate a numeric value of a particular CSS rule by totaling the values of its various components .. using the following values:</p>
<ul>
<li>Inline style attributes = 1,000 </li>
<li>ID selectors= 100 [ ID selectors begin with a '#' ]</li>
<li>Class selectors= 10 [ Class selectors begin with a period or 'dot' ]</li>
<li>Element selectors = 1</li></ul>
<p>Add the values of the various components for a given rule to calculate its specificity. Increasing the specificity of a particular rule is a common way to "force" your desired styling effect. To do this, you need to understand how <a href="http://css.maxdesign.com.au/selectutorial/selectors_descendant.htm">decendant selectors</a> work, which is beyond the scope of this guide (tho not difficult to understand).</p>
<p>Note that an embedded style with low-specificity will LOSE to a style contained in an external style sheet that has higher-specificity. For the embedded style to win, it needs to have at least the SAME specificity (as the conflicting external style). The more-specific rule wins, regardless of <em>where</em> it happens to be found in the cascade.</p>
<p>This is a quick-n-dirty guide to troubleshooting CSS rendering problems. Whole books have been written on the subject. Speaking of which, here's a good one » McFarland's <a href="http://www.amazon.com/CSS-Missing-Manual-David-McFarland/dp/0596802447/">Missing Manual</a> .. 2nd edition, released Sept, 2009.</p>
<p>For more along these lines, here's a Google search preconfigured for the query » <a href="http://www.google.com/search?q=troubleshooting+css+rendering+problems+cascading+style+sheets+inheritance+specificity">troubleshooting css rendering problems cascading style sheets inheritance specificity</a></p>]]>
    </content>
</entry>

<entry>
    <title>Rad Guide to Drive Imaging &amp; Disk Cloning</title>
    <link rel="alternate" type="text/html" href="http://mt4.radified.com/2009/09/drive-imaging-backup-guide-disk-cloning-tutorial.html" />
    <id>tag:mt4.radified.com,2009://1.170</id>

    <published>2009-09-08T03:32:38Z</published>
    <updated>2009-09-15T03:41:57Z</updated>

    <summary><![CDATA[Been working on the Rad guide to Drive Imaging &amp; Disk Cloning. Helps to be up-to-speed on Web Page Templates. Makes that part of it go more smoothly. I endeavor to work on it a little every day, tho it never works like that. Yet when I focus, I'm able to put my head down &amp; plow. The guide seems...]]></summary>
    <author>
        <name>Rad </name>
        <uri>http://radified.com/index2.html</uri>
    </author>
    
        <category term="software" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="website" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="backup" label="backup" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="driveimaging" label="drive imaging" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="en" xml:base="http://mt4.radified.com/">
        <![CDATA[<p>Been working on the Rad guide to <a href="http://clone.radified.com/">Drive Imaging &amp; Disk Cloning</a>. Helps to be up-to-speed on <a href="http://radified.com/dreamweaver/templates/index.html">Web Page Templates</a>. Makes that part of it go more smoothly.</p>
<p><img class="graphic" alt="Digital sleep" align="right" src="http://radified.com/clone/_gfx/digital_sleep.jpg" width="285" height="246" />I endeavor to work on it a little every day, tho it never works like that. Yet when I focus, I'm able to put <a href="http://blogs.radified.com/2007/10/one_week_since_nasty_mountain_biking_accident_neck_sore.html">my head</a> down &amp; plow.</p>
<p>The guide seems to have a mind of its own .. like it knows how it wants to turn out. So I go with the <a href="http://en.wikipedia.org/wiki/Flow_(psychology)">flow</a>, prepared to lay aside preconceived notions.</p>
<p>I would hope all Rad <a href="http://radified.com/Archives/">regulars</a> are already onboard with a backup program .. since creating backup images with a Cloning program is what <a href="http://radified.com/cgi-bin/yabb2/YaBB.pl">we do</a> here.</p>]]>
        <![CDATA[<p align="center">••• today's entry continues here below •••</p>
<p>BTW - Did you notice I added a subtle background graphic on the <a href="http://radified.com/index.rad">home page</a>? .. which you can see at the far sides of the page.</p>]]>
    </content>
</entry>

<entry>
    <title>Horrible Dream @ 4:44</title>
    <link rel="alternate" type="text/html" href="http://mt4.radified.com/2009/09/bad-dream-nightmare-lose-children-parenthood-custody.html" />
    <id>tag:mt4.radified.com,2009://1.168</id>

    <published>2009-09-01T14:54:57Z</published>
    <updated>2009-09-07T05:57:37Z</updated>

    <summary><![CDATA[Horrible dream last night. The digital clock on my nightstand read 4:44 (in big green numbers) when I woke .. feeling like I'd just finished running a marathon. Nothing like starting the day exhausted &amp; covered in sweat. Haven't had a dream where I lose the Bug in more than a year. But they're the most terrifying. We were at...]]></summary>
    <author>
        <name>Rad </name>
        <uri>http://radified.com/index2.html</uri>
    </author>
    
        <category term="dreams" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="fatherhood" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="fatherhood" label="fatherhood" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="en" xml:base="http://mt4.radified.com/">
        <![CDATA[<p>Horrible <a href="http://www.biblegateway.com/passage/?search=acts%202:17&amp;version=KJV">dream</a> last night. The digital clock on my nightstand read <strong>4:44</strong> (in big green numbers) when I woke .. feeling like I'd just finished running a marathon. Nothing like starting the day exhausted &amp; covered in sweat.</p>
<p><img class="graphic" alt="Amusement Park" align="right" src="http://radified.com/gfx7/amusement.jpg" width="274" height="184" />Haven't had a dream where I lose <a href="http://mt4.radified.com/2009/01/my-daddys-here-visitation-child-custody.html">the Bug</a> in more than a year. But they're the most terrifying.</p>
<p>We were at an amusement park (in my dream) .. riding this thing that goes around &amp; around .. like a wavy roller coaster. (Metaphor for my life?)</p>
<p>As the ride concludes, <a href="http://mt4.radified.com/2008/04/i-like-you-dada-fatherhood-visitation.html">the Bug</a> says (urgently), <em>"I gotta pee,"</em> and runs off, down the ramp .. with a bunch of other kids.</p>
<p><em>"Wait!"</em> I shout. But his belongings are scattered around the cart we rode in. I quickly gather them up before hurrying after him.</p>
<p>He couldn't have gotten very far, but I lost sight. Lots of kids his age are scurrying about (happily). Soon as I exit the building, I see it's early evening. Warm &amp; almost dark, but the grounds are well-lit.</p>
<p>As I call out for him, a boy tugs on my shirt sleeve and points to a man standing near the entrance to the ride we just came off. <em>"Did you lose a boy?"</em> he asks. <em>"We have him upstairs."</em> Immediately I'm relieved. Seems like a very nice guy.</p>
<p><em></em>As a side note, in my <em>other</em> dreams where I lose the Bug (at a campground, for example, out in the woods), I always go "upstairs" to try to find him (.. to a rec room located above the cafeteria at the campground).</p>
<p>But once I get there, I always find people who seem to know something, but refuse to say anything, or pretend not to know.</p>
<p>So this normal-looking guy takes me up to the second floor .. to a circular room directly above the ride on which we just rode. </p>
<p>We have to push a few boxes out of the way to get there. I think nothing of this (in my dream) .. nothing strange. I'm just looking forward to getting the Bug back. Nothing else matters.</p>
<p>Seems to be some kind of administrative offices up there. (It's always the second floor of a 2-story building where people tell me he is.)</p>
<p>When we get up there, the guy stops at his desk and pulls open a sliding shelf near the floor and takes out some toys to show me. But I don't want to see any of his stupid toys.</p>
<p>Then it sounds like he's trying to make some kind of <strong>deal</strong> with me. I look around and notice the place seems more like a storage area than an office (lots of boxes piled everywhere). My patience quickly expires. <em>"Take me to <a href="http://mt4.radified.com/2009/08/father-son-bike-ride-newport-beach-back-bay-loop.html">my son</a>, now!"</em> I interrupt, shouting.</p>]]>
        <![CDATA[<p align="center">••• today's entry continues here below •••</p>
<p>That's when I woke. It struck me that this guy seemed pretty wimpy .. for somebody who seemed to be trying to make such a daring deal. I thought, "He obviously doesn't know me and the danger he's putting himself in."</p>
<p>I still feel exhausted. Interesting that I'm starting to notice <em>similarities</em>, tho. They always occur at places where you normally go to have fun (e.g. campgrounds, amusement parks). And there's always a lot of other kids around.</p>
<p>Can't figure out what's up with the second-floor thing (.. where people tell me he is) .. always of a 2-story building. Also, I never find him in my dream. (Always wake first.) Always wake feeling exhausted .. like I been running full-bore for hours.</p>
<p>I used to know somebody who had a <a href="http://www.biblegateway.com/passage/?search=Genesis%2041:%2014-30&amp;version=AMP">knack</a> for interpreting <a href="http://mt4.radified.com/2009/05/pavarotti-puttanesca-dream-mountains-sing-opera.html">dreams</a> .. but no more. Do you? Last time I had one of these disturbing dreams, it was after eating pizza. This time » <a href="http://www.boarshead.com/index.php">knockwurst</a> (fancy hotdog).</p>
<p>I've dealt with numerous <a href="http://mt4.radified.com/2008/09/big-day-tomorrow-everything-to-lose.html">legal challenges</a> over <a href="http://radified.com/Archives/">the years</a> that would result in me '<a href="http://blogs.radified.com/2007/10/few_things_worse_than_losing_your_kids.html">losing</a>' the Bug .. which might explain these nightmares .. tho no such challenges currently exist (.. that I know of). So my dream (coming at this time) seems especially perplexing.</p>
<p>What a way to start the month. Even worse than <a href="http://mt4.radified.com/2009/08/possum-in-my-toilet.html">last month</a> (.. with a dang possum frolicking in my toilet at midnight). <a href="http://mt4.radified.com/2009/08/back-n-forth-on-the-trampoline.html">The Bug</a> is so cool however, that despite all this <a href="http://mt4.radified.com/2009/08/difficult-to-befriend-an-attacker.html">drama</a>, it's worth it. (Easily.)</p>
<p>I woke at exactly 4:44. The Bug is 4. Probably just a <a href="http://mt4.radified.com/2009/07/synchronicity-coincidence-waikiki-hawaii-honolulu.html">coincidence</a>.</p>
<p>For more along these lines, here's a Google search preconfigured for the query &gt; <a href="http://www.google.com/search?hl=en&amp;q=bad+dream+nightmare+losing+children">bad dream nightmare losing children</a></p>]]>
    </content>
</entry>

</feed>
