Results matching “biking” from Ye Olde Rad Blog III

I have something to show you. Something very exciting. Sexy, even. "What it is, Rad?" you ask, oozing with curiosity. "A picture of a European supermodel? Lying scantily-clad on the sandy beaches of St. Tropez?"

No, my fellow technoluster. Something far more enticing. And seductive. See » HERE (.. but only if you're 18).

No, your eyes don't deceive you. That's right » a screen-shot from phpMyAdmin showing the tables of a MODx database using the UTF-8 character set and utf8_general_ci collation. Smokin', ain't it?

"But, Rad. I thought you said that was impossible?" It is! .. For mere mortals.

"How did you ever pull it off?" Well, I can tell you that banging my head against the wall produced only limited success. It may've even impeded the process. (I can't remember.)

To be honest, I'm not really sure WHAT the magic-bullet was. Cuz I made a number of changes (including enabling suPHP)  .. which I'll tell you all about. I learned a lot. But first, I need to take care of some biz .. and get some coffee. (Was up pretty late last night. Where did I put that Advil?)

Have a special treat for you today » my Nuclear Grade Stew recipe (2 pages). I've made this stew at least 50 times over the years .. probably closer to a hundred. Now that autumn is here, and the nights are getting chilly, it's time to break out the crock pot.

For the pages that contain this recipe, I designed a new, single-sidebar layout .. another liquid-elastic hybrid. See what you think.

For previous web pages, I used a design that comprised dual-sidebars, one on each side, cuz I liked the balanced, symmetric look provided by that layout. So this feature took longer to complete than expected, cuz I first had to code the CSS from scratch.

I've made this stew for the Bug many times (cutting the veggies into smaller pieces so they fit easily in his little mouth). So it's made with lots of love. He digs it.

Been lagging on entries lately, as you mighta noticed. Been dabbling in Programming. Kinda got lost. Big subject.

On the personal side, I took the Bug kayaking last week .. out on the Newport Back Bay. (No waves there.) He later confided, "Dad, at first I was a little scared. But now I'm not scared." We stopped at a small island where he got out and searched for buried treasure.

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 & con's.

The dividing-line among web designers seems to be whether or not to use a non-semantic span tag with CSS positioning, 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).

I used a simpler IR technique, by changing the images you see displayed there .. from foreground images to background images.

This allowed me to replace the foreground images (contained in those heading elements) with TEXT .. which I then indented (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).

The advantage however, is » devices that don't render styles (such as screen readers and mobile devices) will now see a TEXT heading and tag-line displayed there, where before there existed only images. Search engines also gives more weight to TEXT than images.

Most Rad visitors will never notice the difference .. seeing most who frequent the site (fellow technolusters) browse with both images and CSS turned ON. But I'm gradually filling my webmaster toolkit with increasingly sophisticated techniques. (Learning by doing.)

After all the pages are styled however, and the markup is coded semantically, there's still no substitute for insightful content .. that is well written (.. and hopefully seasoned with a dash of personality).

This has always been the most difficult challenge .. because a stylish suit does not a charming pig make. And the ugliest person can say the profoundest things, and possess scintillating ideas. So it would seem that content trumps style .. no matter the venue (.. except maybe for those who focus on style).

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've been using em's a long time, and knew they were based somehow on the letter 'M.' Wasn't sure however, if they were based on the size of the capital [M] or lower-case letter [m].

Also felt confident they were based on the horizontal measurement, but not certain. (In both cases, I was wrong.)

Trying to answer this simple question led to a surprising amount of confusion. Many sources on the web discuss ems, and detail their usage, without ever defining what exactly an em is.

Many pages are more complicated than need be. (It's not rocket science.) Finally have a handle on the topic, but my dang eyeballs are burning .. from reading so much.

First, let me answer the question I posed at the top, and therefore avoid the criticism I levied at many other sites.

An em is (drum-roll, please) » a unit of measure (.. defined by a certain number of pixels). So like inches & meters & light-years, which are also units of measure, the em is a » unit of LENGTH.

The thing that makes the em tricky is that » unlike inches or meters, or other fixed (or 'absolute') lengths, the em is a relative unit.

"Relative to what, Rad?" you might be asking. Relative to the font-sizing applied to (in pixels) its » parent element.

What this means is » the SAME font-size declaration (specified with ems) can yield DIFFERENT results (in pixels) .. when/if the parent element for each declaration specifies a different sized font. Hence, the confusion.

On Sundays I resist dawdling before my morning trip to the coffee shop. I aim to get up & 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 them). I'm usually half-asleep until I've had my coffee, so the noise & commotion is, uh .. not good.

I've been studying programming recently. One of the first concepts any aspiring programmer learns is the » if-then conditional statement.

Conditional statements take the form: If a particular condition is met, then » do X .. otherwise » do Y.

So I'm riding my bike this morning and approach the intersection at Flower street .. where I wonder, "Did I remember to put the DVD in my hip-pack?" .. cuz I need to return it to the library.

And all of a sudden .. without any effort on my part, this whole if-then conditional statement (beautifully formatted) pops into my conscious mind. Now I'm sure I've negotiated many similar if-then scenarios before .. but never so explicitly.

So I stop the bike at the Flower intersection and peek into my hip-pack. If 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.

But the library sits on a main road (noisy, lotsa traffic). I'd rather take the back roads, which are far more scenic and quiet. So otherwise (then), I continue straight and » take the backroads.

I could've dropped off the DVD after coffee (nothing bothers me after coffee), but I wanted to stop at the grocery store afterwards, and pick up a few things. And the grocery store is the opposite direction (from the library). So I'd have to drop it off now.

Anyway, it surprised me to see how quickly & easily this technological concept had superimposed itself (unrequested, no less) over my conscious life. So sharp & clear. Pronounced & pervasive. I mean, I didn't really want this formal if-then statement to invade my thinking. I'd rather keep that aspect isolated to the Programming part of my life. But I couldn't.

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. "You've just decribed the last 30 years of my life," he said.

(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 against the wall (.. a technique that seems to provide limited success).

Three rendering principles determine how CSS styles are applied to a web page, and which style(s) take precedence. They are:

1. The Cascade
2. Inheritance
3. Specificity

For reference sake, here's a quick review of basic CSS syntax » selector {property: value}

For example » p {color: green} .. will apply a value of 'green' to the color property for the text contained in a paragraph ('p' = paragraph selector). This is called a CSS "rule".

Here's a brief overview of the 3 rendering principles listed above that determine how CSS rules are applied to a web page:

I. THE CASCADE

Styles are applied in the following "cascading" order: External style sheet » Embedded styles » Inline styles.

A given HTML 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.

In other words, the last style applied wins (.. given equal specificity). Here's a brief description of each type of cascading style mentioned above.

1. External style sheets (fileName.css).

These styles can be applied to an unlimited number of HTML 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 multiple external style sheets .. which also cascade, depending on the order they're listed. Large professional sites often use multiple external style sheets.

2. Embedded styles

They are found within the head tag of an HTML page. These styles are enclosed within the 'style' tag <style> and apply only 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).

3. Inline styles

Inline styles are applied to individual HTML elements/tags, using the "style" ATTRIBUTE. Note that this is not 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).

Been working on the Rad guide to Drive Imaging & 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 & plow.

The guide seems to have a mind of its own .. like it knows how it wants to turn out. So I go with the flow, prepared to lay aside preconceived notions.

I would hope all Rad regulars are already onboard with a backup program .. since creating backup images with a Cloning program is what we do here.

Embarked on my first-ever father/son bike ride with the Bug yesterday. We took a leisurely trip around the Back Bay (here in Newport Beach), a popular path where few cars travel. Gorgeous day, too.

His little bike still has training wheels. A bigger one* sits waiting in the garage, but he refuses to ride anything without training wheels. (* Miss Julie picked it up for him in Laguna last month.)

I'm in decent shape .. seeing I've been biking everywhere .. since my license was suspended in June. So my legs feel strong.

The Back Bay loop is 10 miles. So I expected the Bug to be tired afterwards. Surprised me when he insisted on hitting the trampoline soon as we returned.

Used to be I could tire him with a full day of outdoor activity. That doesn't seem to be working so well anymore. Ever since he turned 4 .. he's become impervious. I'm the one who usually tires first.

Speaking of tiring .. last night I slept better than I have in months. Been dragging all day today .. even after a triple-espresso this morning. I made some puttanesca for lunch today. That usually helps. (Carb-loading.)

The loop is mostly flat but has one big down-hill. Made me smile to hear him yelling, "Woo-hoo!" all the way. "That was cool, dad!"

Last month I mentioned a quest to learn the Unix shell .. specifically » bash (the Bourne Again SHell). Almost done. Currently ~80% complete .. enough to feel reasonably confident at a terminal.

The 'shell' is simply a program that lets you interact with the operating system (actually the kernel, to be more precise) ..

.. by taking your (text-based) commands and passing them on to the kernel. In my case, this kernel happens to be » Linux (which is but one variant of Unix).

The term 'shell' comes from the notion that this software acts like a 'layer' that sits between you and the operating system .. similar to the way an egg-shell sits between you and your hard-boiled breakfast.

The shell can be intimidating, cuz it uses a (text-based) command-line interface (CLI). No intuitive GUI to help you along. You either know the commands or you don't.

Didn't take me long to realize the CLI was where Linux's true power resides. When we upgraded the site, for example, to a Virtual Private Server, the support-techs who helped me with the move all used the command-line to work their mojo.

Most Linux distros do indeed come with an excellent GUI (usually either KDE or Gnome). But (but!) the Rad VPS does not. Which is why it became necessary to learn the Unix shell. (Something I tried to avoid.)

The Rad VPS is based on CentOS (Community ENTerprise Operating System), an off-shoot of Red Hat, which is probably the most popular of all enterprise Linux distros (.. and now a new member of the S&P 500, a development you may find telling).

GUIs (such as KDE or Gnome) require lots of memory/RAM. My laptop, for example, has 2-gigs, but the Rad VPS comes with an allotment of only 512-MB (.. upgraded from 384 just today).

With that limited amount, I need to run not only all the standard web applications .. such as Apache (web server), MySQL (database), Perl (scripting language), etc. but also cPanel/WHM.

So there's not much RAM left to run a GUI. [ Don't think I didn't inquire about installing a GUI. =) ]

Bottom line » if you wanna administer your own VPS, you need to learn the Shell. So that's what I'm doing. (Of course, there have been distractions, making progress uneven.)

Been learning the UNIX Shell, which uses a command-line interface (from a terminal) .. something I've wanted to do ever since we upgraded to the Virtual Private Server last year. (Linux is a variant of UNIX.)

Even basic knowledge of (how to use) the Linux command line makes life administering a VPS much easier.

The Shell is simply a program that allows users (like me) to interact with the operating system (sometimes termed the 'kernel'). It can be conceived of as a 'layer' sitting between you and the operating system .. hence the term » shell.

Several shells exist, but nearly all Linux distributions come with » bash (Bourne Again Shell) .. cuz it's free, powerful and easy to use.

On my laptop I have installed a copy of Ubuntu Linux that I use to learn the shell (practice). Before jumping into learning the Shell, I figured this was a good time to upgrade my 'installation' of Ubuntu .. to the latest release (» v9.04, 'Jaunty Jackalope').

So I downloaded » this virtual machine (1.1 gig, using uTorrent). Had trouble getting it connected to the Internet, but that was due to my own inexperience with VMware, and not due to any short-comings of Ubuntu.

Anyway, I am really digging learning the Shell, cuz it's something I can use right away. For example, yesterday I upgraded the blogging software we use here at Radified (Movable Type) to the latest version (» 4.26). Something that used to take hours to accomplish was done in minutes .. (using a series of Shell commands). Beautiful.

The Bug woke extra early this morning. I was kinda hoping he'd sleep-in cuz I stayed up late last night, long after he'd fallen asleep. But no matter, he said, "I wanna watch Harold."

So I put on Harold, fixed him some chocolate milk & Cheerios, and figured it was a good time to grab a quick shower.

Few minutes later he came in and says (excitedly), "It's raining, dad!" .. which is kinda a big thing here is SoCal, where it rains so rarely.

Next thing I know, he returned with an urgency, announcing » "I gotta go poops" .. and proceeds to fill the bathroom with a wonderful aroma .. that can only be fully appreciated by those whose sinuses have been opened by the steamy mist of a hot shower. (The joys of fatherhood.)

Before running out again he says (excitedly), "I'm doing the trench!"

The trench is a ditch we dug yesterday .. some 10-feet long and a shovel's width wide/deep .. that we filled with water to make a » trench. In other words, you could substitute the word 'mud' for trench.

It occurred to me again today, while composing a short thank-you note, that Texans donate more to the Rad cause (this site) than all other states combined.

Never been ever to figure out this statistical curio, seeing I live in California.

I've lived in many states over the years .. including Connecticut (where I grew up), Florida, (where I attended both bootcamp & the Navy's Nuclear Power school), Maine (shipyard at Bath Iron Works), Hawaii (the first state away from home to feel like home), Idaho (gorgeous .. in the summer), Washington, Pennsylvania & Illinois, and vacationed in many others, but Texas isn't one of them ..

.. tho I do recall being enchanted with the sense of expanse there as I drove thru the panhandle on I-40 (on my way to California). There was something compelling about the landscape .. readily apparent soon as we crossed the border. Vast & open. Felt like I could see for a hundred miles. Couldn't stop looking, as if it were beckoning.

So maybe Texans are simply the most generous?

Anyway, thanks to all you Texans for your continued generosity over the years .. especially during these difficult economic times, when so many are struggling financially. I'm sincerely grateful.