Kimler Sidebar Menu

Kimler Adventure Pages: Journal Entries

random top 40

The Oop Carves a Pumkin

October 30th, 2005  · stk

Last year, Alex wasn't walking. This year, she's going to be motoring down the street like a smaller version of most kids. THIS will be Alex's very first time "Trick-or-Treating". I doubt we'll be out long, but our little angel (appropriately dressed as one), will no-doubt be excited by the adventure! When you're just two, EVERYTHING is so brand new.

A pure CSS, XHTML-valid Slide Show (slideshow) viewer. No javascript is needed. Features: (1) Single image file used for both ZOOM image and thumbnail image. This means faster load speeds. (2) Optionally, two image files can be used (the thumbnail can be one image, the css zoom another, like the “about” image). (3) This method or technique is pure-css and is XHTML valid (all flavors, transitional, strict, version 1.1, XHTML1.1, XHTML-strict, loose, frames, etc.) (4) There isn't any javascript needed. No need to preload images, no worrying if client machines have javascripting turned off. (5) You can use an thumbnail image, a number image, text number or text as the zoom "buttons". The zoomed or blow-up images are shown in a single (resizable) window location. This means that lots of images can be shown, utilizing or using page real estate wisely. The CSS and XHTML footprint is small and the code is well-formed. If you're looking for a pure CSS, xhtml-valid slideshow viewer ... one such as this might be the ticket. Contact scott kimler using the contact link in the banner of this page.

A Short Slide-Show

Last year, Alex wasn't walking. This year, she's going to be motoring down the street like a smaller version of most kids. THIS will be Alex's very first time "Trick-or-Treating". I doubt we'll be out long, but our little angel (appropriately dressed as one), will no-doubt be excited by the adventure! When you're just two, EVERYTHING is so brand new.

She was very eager to help 'carve' the pumpkin, though she did far more seed plucking and table smearing, than she did carving. (Sharp knives and tiny toddlers don't mix). Still, she was excited at first, then apprehensive about sticking her hand in the gooey pumpkin. She managed, with a little persuading ... then the inborn glee of making an absolute MESS took over and she didn't look back.

It's been years since Rachel or I have carved a pumpkin and we have to thank Alex, for opening our eyes to childhood wonder, for a second time! It was very fun, especially for the first-timer.

Happy Halloween!

(Permalink)
Views: 13000 views
3 Comments · GuestBook
default pin-it button
Updated: 6-Aug-2008
Web View Count: 13000 viewsLast Web Update: 6-Aug-2008
Filed in:XHTML
b2evo

Invalid ImageMaps in XHTML v1.1

June 3rd, 2005  · stk

Posting a valid XHTML 1.1 ImageMap -> Hey, What's Going On?

 hotspot: clicking takes you to Adidas.com

image

I recently began validating against the XHTML 1.1 standard, rather than the XHTML 1.0 (Strict) standard. There isn't much of a change between the two, so the move wasn't too difficult. However, while checking validation on some old entries, I noticed that image maps yield errors.

I tried fixing the validation problems, but the result was an image map like the one on this page. It validates fine against the 1.1 standard, but doesn't work - either in IE or FireFox. (You can check this with the validation button ... but do it before opening the "Read Full Story" link). Valid XHTML 1.1

EDIT: Since I began serving our pages as the correct MIME type for XHTML v1.1 (i.e., application/xhtml+xml) the image map on this page now WORKS in FireFox. Microsoft doesn't "understand" this MIME type, so the XHTML v1.1 valid image map on this page still doens't work in IE. See the comments for further explanation and this article for further information.

At first, I thought I was coding the thing wrong. Then, I thought that maybe the W3C Validator had a bug. This is the kind of problem that will make you run around and chase your tail!

I couldn't let it lie. (After posting instructions for coding image maps that validate against the XHTML 1.0(strict) standard, I was determined to figure out what was going on.)

Read full story...

(Permalink)
Views: 73956 views
15 Comments · GuestBook
default pin-it button
Updated: 20-Jan-2006
Web View Count: 73956 viewsLast Web Update: 20-Jan-2006
Filed in:XHTML
Site News

Offsite Links = New Windows

June 1st, 2005  · stk

Custom DTDs, JavaScripting & XHTML "Standards"

Here Ye, Here Ye: from this day forward links which take you off-site (away from randsco.com) will open in a new window. If you click on this yonder b2evolution link, it'll open in a new window . If you click on our homepage link it opens in the same window.

There are some exceptions. (I'm King around here - that's Mr. King to you - and what good is power, unless you can abuse it?) Externally linked images won't have the 'external link' hover color designation, but a tooltip should clue you in. There are a few on-site features, like the "Email Story" tool, that will open a new window & the link is colored appropriately.

Some of you may not notice or care about the different link styles, but believe me, I gave it long and careful consideration. Even though many of the realm are against the practice, the ends justify the means. To learn about WHY this practice is deemed "evil", or to review some of various new-window standards-compliant techniques, or to just voice your opinion ... read on.

For those who are ready to click away: (because the thought of opening new windows is so completely distasteful) know this: you can elect to defeat this preference. :)

How to keep it all in one window:

 ie  In IE, right click an off-site link and select "Open". (See? That wasn't hard.)

 ff  In FireFox, right-click and select "Open Link in New Tab".

ff  And lastly (if you're a tax-evading, spam-generating, nobility-hating clown) just turn off JavaScripting. We've got you covered!

What's not to love? The method is semantically correct, validates as XHTML 1.0(strict) or XHTML 1.1, separates the data (HTML) from the behavior (JavaScript), degrades gracefully if JavaScripting is turned off, allows full right-click functionality (Open, Open in New Window, Print Target, Copy Shortcut & Add to Favorites), is identifiably styled and can be overridden.

Read full story...

(Permalink)
Views: 8813 views
2 Comments · GuestBook
default pin-it button
Updated: 1-Dec-2006
Web View Count: 8813 viewsLast Web Update: 1-Dec-2006
Filed in:b2evo
XHTML

XHTML-Strict ImageMap

April 6th, 2005  · stk

Posting a valid XHTML 1.0 (Strict) ImageMap

EDIT: If you want an XHTML 1.1 valid image map, read these this article.

Note: This article fails once again passes validation because it is written to XHTMLv1.0 (Strict) standards and our pages are now used to be validating against XHTMLv1.1. (Update: I got tired of our website failing in FireFox, using XHTMLv1.1, whenever code had a simple tag typo. We just fell back to using v1.0 Strict, once again.)

 hotspot: clicking takes you to Adidas.com image

Concept

If you move your mouse over the image on the right, in the lightened area, you'll see a "hotspot" there. If you click on this hotspot, this page will open into the Adidas running shoes homepage. (Use the browser 'back' button to return, if you would like to see what the Adidas homepage looks like.) THIS is a simple example of an "image map", where a certain area of an image is linked to another page & clicking it will take the visitor to that page. It's a simple example because there is only one "hot spot" on the image and it is rectangular in shape. One can have many hot spots and the shapes can be highly irregular.

Recently, someone on the b2evolution forums asked about posting such an animal in b2evolution - see the original discussion. As it turns out, it's very straight forward, but one has to modify the _formatting.php file so that the html-checker will recognize the code (which isn't as straight forward).

This tutorial provides xhtml(strict)-valid code and shows you what needs to be modified in the /conf/_formatting.php file.

Read full story...

(Permalink)
Views: 44041 views
5 Comments · GuestBook
default pin-it button
Updated: 3-Dec-2009
Web View Count: 44041 viewsLast Web Update: 3-Dec-2009
Filed in:XHTML

KISS my <Acronym>

March 25th, 2005  · stk

Nothing strikes up a better debate than abused rules, poor support and general confusion. The use of the <abbr> and <acronym> tags are a case in point.

Normally, I'm not a big fan of rules, per se, but because I'm learning XHTML, have been making the effort to be 'semantically correct'. Before today, however, I had not used either of these two tags, though have been aware of their existence. I began an exploration this morning, which led down a convoluted path and yielded a most confusing result.

First, there seems to be a general misunderstanding about the difference between an abbreviation and an acronym. After searching dictionaries, web discussions & a variety of other sources, definitions for both are below. If the World Wide Web Consortium (W3C) wanted to identify acronyms as a special abbreviation, they missed the boat by not doing the same for initialisms, with their own tag. (e.g., HTML is not an acronym, but rather, an initialism). Paraphrased from dictionary.com :

 

  • Abbreviation: A shortened form of a word or phrase used to represent the complete form (e.g., Mass. for Massachusetts, or Dr. for Doctor.)
  • Acronym: An abbreviation forms a word, using the initial letters of a name (e.g., WAC for Women's Army Corps) or parts of a series of words (e.g. radar for radio detecting and ranging).
  • Initialism: An abbreviation using the first letter (or letters) of a word in a phrase (e.g., IRS), syllables or components of a word (e.g., TNT) or a combination of words and syllables (e.g., ESP). Initialisms are pronounced by spelling out the letters one-by-one.

Read full story...

(Permalink)
Views: 14557 views
3 Comments · GuestBook
default pin-it button
Updated: 29-Nov-2010
Web View Count: 14557 viewsLast Web Update: 29-Nov-2010
Newest ··· 4321 ··· Oldest
[ Back to Top ]