[WSG] Re: Semantic Addresses (WAS br the correct use)

2006-01-15 Thread Douglas Clifton
 From: Kat [EMAIL PROTECTED]
 Date: Sun, 15 Jan 2006 17:22:19 +1030
 Subject: Semantic Addresses (WAS br the correct use)

 This is what happens when uni students are on holidays and have nothing
 defined set to do! ;)

 Lachlan Hunt, Peter Firminger et al. was talking about the use of br /
 for addresses, (and I am not saying they are right or wrong!!!), I just
 want to explore an idea I had while reading their posts.

 I've been thinking about marking up addresses, since the question came
 up yesterday. I have checked the archives, and either my search-fu is
 weak, or I can't find this material in it. Some have said some of what I
 have also said here. I am not deliberatly plagiarising them, as I wrote
 those bits before I had finished reading all the archives on this
 subject, that I could find. :) But I did read the archives
[snip]

You may find the hCard microformat an interesting spot
to explore this topic:

http://microformats.org/wiki/hcard

--
Douglas Clifton
[EMAIL PROTECTED]
http://loadaveragezero.com/
http://loadaveragezero.com/app/s9y/
http://loadaveragezero.com/drx/rss/recent


[WSG] Re: ol displaying 3.1 3.2 etc. instead of 1 2 3

2005-09-23 Thread Douglas Clifton
There are Javascript Table of Content (TOC) scripts out there
that can do this. Problem is, they don't work if Javascript isn't
available.

CSS 2.1 introduced support for this with list counters. Problem
is, many browsers don't support list counters.

I have a purely server-side (PHP) solution that works well. In
fact, I've been meaning to put together an article on how I
built it. With one or two PHP functions, and a data structure
that represents your table of contents, you can build them
very easily. It also allows you to abstract the entire structure
of the page and insert links to any section of the document.

Have a look at:

http://loadaveragezero.com/hnav/help.php

for a fairly complex example of a nested TOC like this. If you
view the PHP source, you can see how it works.

http://loadaveragezero.com/src/view/hnav/help.php

For you validity fans, the results are XHTML 1.1.

Doug

 From: Daniel Nitsche [EMAIL PROTECTED]
 Date: Wed, 21 Sep 2005 21:31:50 +1000
 Subject: Re: [WSG] ol displaying 3.1 3.2 etc. instead of 1 2 3


 There is something on this very topic in the WCAG:
  http://www.w3.org/TR/WCAG10-HTML-TECHS/#lists

  Cheers,

  Daniel Nitsche

 On 9/21/05, Taco Fleur - Pacific Fox [EMAIL PROTECTED] wrote:
 
  Is there any way to make list look like
 
  3.1 text text
  3.2 text text
  3.3 text text
  3.4 text text
 
  Instead of
 
 
  1 text text
  2 text text
  3 text text
  4 text text
 
  I am thinking NOT with plain markup, but I could be wrong (just checking).
 
  And how would someone else do this? Just use ul and put the numbering
 within the list item as text?

--
Douglas Clifton
[EMAIL PROTECTED]
http://loadaveragezero.com/
http://loadaveragezero.com/app/s9y/
http://loadaveragezero.com/drx/rss/recent
**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**



Re: [WSG] Table header

2005-08-15 Thread Douglas Clifton
Why stop there? Here's the skeleton of a two column table with
summary, caption, header, body and footer. Note that the first
column is designed to be a label for the data in the second.
Also note the placement of the tfoot element in the sequence.
This is important.

table id= class= summary=
 caption/caption
 thead
  tr
   th colspan=2 title=/th
  /tr
  tr class=col
   th scope=col title=/th
   th scope=col title=/th
  /tr
 /thead
 tfoot
  tr
   td colspan=2 title=/td
  /tr
 /tfoot
 tbody
  tr
   th scope=row/th
   td/td
  /tr
 /tbody
/table

-- 
Douglas Clifton
[EMAIL PROTECTED]
http://loadaveragezero.com/
http://loadaveragezero.com/app/s9y/
http://loadaveragezero.com/drx/rss/recent

 From: Patrick H. Lauke [EMAIL PROTECTED]
 Date: Sun, 14 Aug 2005 12:16:26 +0100
 Subject: Re: [WSG] Table header
 
 
 
 Lea de Groot wrote:
 
  The thead tag is the key -
 
 If you're using thead, you may as well go all the way and add a tbody as
 well...
 
table
thead
tr
 thID/ththVar 1/ththVar 2/th
/tr
/thead
tbody
 tr
 tdID VALUE/td
 tdVar 1 value/td
 tdVar 2 value/td
 /tr
/tbody
/table
 
 --
 Patrick H. Lauke
 __
 re·dux (adj.): brought back; returned. used postpositively
 [latin : re-, re- + dux, leader; see duke.]
 www.splintered.co.uk | www.photographia.co.uk
 http://redux.deviantart.com
 __
 Web Standards Project (WaSP) Accessibility Task Force
 http://webstandards.org/
**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**



[WSG] Re: Ten questions for Russ

2005-06-03 Thread Douglas Clifton
Ha! The shoe's on the other foot, eh Russ?

Good show Maxine,

~d
-- 
Douglas Clifton
[EMAIL PROTECTED]
http://loadaveragezero.com/
**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**



Re: [WSG] Multiple class names in older browsers

2005-06-01 Thread Douglas Clifton
All versions of IE have problems with multiple-class
selectors.

h1.pink.blue.orange { ... }

will match level 1 headings with class orange, but
ignore the pink and blue. In other words, only the
last class will match. ~d

-- 
Douglas Clifton
[EMAIL PROTECTED]
http://loadaveragezero.com/

 From: Jan Brasna [EMAIL PROTECTED]
 Date: Thu, 02 Jun 2005 04:40:20 +0200
 Subject: Re: [WSG] Multiple class names in older browsers
 
 Hi Maxine, all fine in 5.01 and 5.5 ...
 
 AFAIK these old one can't handle
 
 h1.pink.blue.orange { ... }
 
 and interpret it as
 
 h1.pink .blue .orange { ... }
 
 --
 Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.janbrasna.com
**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**



Re: [WSG] style sheet set up

2005-05-31 Thread Douglas Clifton
Recently a CSS compressor utility has been making its rounds
on the del.icio.us/Furl bookmark sites (and the like). Removing
whitespace and comments from stylesheets, cramming them all into
one file, and similar naive approaches to improving a site's
response time are far less effective strategies than:

1. Selecting a high quality hosting company
2. Selecting the correct Web server software
3. Learning how to correctly configure your Web server
4. Making use of browser cache and expires headers
5. Using keep-alives and timeouts correctly
6. Using http compression
7. Using proxies

By following these guidelines, you can eliminate all arguments
about using multiple/modular CSS stylesheets. And in the process
improve your own productivity, which is another expense that is
so often overlooked.

Web hosting companies are in the business of making money, and
their business model is based on charging by bandwidth --
which is why they thrive on inefficiency, and why they don't
want you to know about mod_gzip or even charge you extra to
enable it.

If, after following these steps and your site still loads slowly
then the culprit is still mostly likely not multiple stylesheets,
with or without comments in them. The top reasons include:

1. An overloaded shared host
2. A host that is lacking in a key resource such as memory
3. A poorly designed or unmanaged database
4. Poorly designed software such as scripting

I have, from my own personal experience with sites that have
all of the above issues, actually increased by far the size
and number of CSS files that form the design of the site, and
yet decreased the load time of the site by many orders of
magnitude.

I simply do not understand this argument that large, complex
stylesheets are somehow to blame for sites that load slowly.
I could also reduce bandwidth by eliminating the DOCTYPE
declaration from the markup, and sending tag soup that doesn't
close element tags or use quotes around attribute values. The
browser doesn't care, right? And we all know the user doesn't
care how the page is built as long as it loads, and they can
find what they're looking for.

As far as the scant few users out there with version 4 browsers,
good luck with any major Web site these days. As far as dial-up
users go, you have my sympathies.

--
Douglas Clifton
[EMAIL PROTECTED]
http://loadaveragezero.com/
**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**



[WSG] Juicy Studio offline

2005-05-03 Thread Douglas Clifton
For those of you who don't know Gez Lemon of Juicy Studio, he has
been an incredible source of information, articles and tips for the
Web developer community for a long time.

He's currently on vacation and his hosting provider has gone and
given him the shaft while he's away from his home-base.

I'd like to ask anyone that can help, or provide suggestions for a
new host he can move to or any other ideas that you can might
have to do so. Support your fellow developers!

Visit his site for more information about the situation and how to
contact him with suggestions.

http://juicystudio.com/

Thank you!

-- 
Douglas Clifton
[EMAIL PROTECTED]
http://loadaveragezero.com/
**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**



[WSG] LOC new release

2005-04-19 Thread Douglas Clifton
The US Library of Congress (LOC) has today released the first of
a series of upgrades to their Web site. As you will see if you visit:

http://www.loc.gov/

The new design uses tableless layout, full use of CSS, XHTML
and improved usability, accessibility and aesthetics. I sent them
an email today, as they are still not encoding ampersands in
their URIs, but other than that the code should also validate.
The CSS could definitely use some cleaning up and reduction,
but this is progress -- from an organization with clout.

Nice site, check it out.

On another note, I am building a resource directory for Web
developers, designers and programmers. If anyone would
like to contribute resource suggestions, please contact me
off the list. The URI to the Web Standards category is:

http://loadaveragezero.com/app/drx/Internet/WWW/Design_and_Development/Standards

Thanks,

Doug-- Douglas Clifton[EMAIL PROTECTED]http://loadaveragezero.com/




Re: [WSG] XHTML 1.1 Presentation Module

2005-03-25 Thread Douglas Clifton
Patrick,

Perhaps you spend a little more time with syntax and a little
less time spouting about perfect semantic markup.

Personally, I could care less about sending XHTML 1.0 to IE
as text/html. Or sending self-closing element tags either. It's
a borked browser on so many fronts to begin with anyway.

URI: http://www.salford.ac.uk/

This page is not Valid XHTML 1.0 Strict!

lia href=http://shop.salford.ac.uk;Online shop/a/ul

Oops!

What's even more laughable is you're sending 1.0 Strict to
the validator as text/html because, as everyone knows, even
though the W3C validator understands XTHML perfectly, it does
not send the correct Accept header when it makes the request
for your page.

Which is pretty much moot since you're not even closing your
li tags anyway.

Ouch!

-- 
Douglas Clifton
[EMAIL PROTECTED]
http://loadaveragezero.com/
**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**



[WSG] Re: XHTML Strict alternative to ol start=11

2005-02-07 Thread Douglas Clifton
Ian,

Why not switch to XHTML Transitional for the page that you
want to use the start= attribute on?

I outline this technique on my website. You don't have to be
using PHP to do this, you can simply cut and paste the correct
DTD.

http://loadaveragezero.com/vnav/labs/PHP/DOCTYPE.php

Doug
**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**