A Complex Table Inspector
http://juicystudio.com/complextableinspector.asp
sIFR 2.0 release candidate 3
http://www.mikeindustries.com/blog/archive/2004/12/sifr-2.0-release-candidat
e-3
How and when to use sIFR
http://usabletype.com/articles/2004/how-and-when-to-use-sifr/
Text Decoration
Web design world cool-down:
http://www.molly.com/2004/12/18/web-design-world-cool-down/
Don¹t Care About Market Share:
http://www.meyerweb.com/eric/thoughts/2004/12/20/market-share-dont-care/
HTML tags:
http://lachy.id.au/blogs/log/2004/12/html-tags
ALT attribute (ALT tag, ALT tooltip)
Clearing floated images in body text:
http://www.456bereastreet.com/archive/200412/clearing_floated_images_in_body
_text/
Float layouts:
http://www.autisticcuckoo.net/archive.php?id=2004/12/10/floating
Relatively Absolute:
On Tue, 14 Dec 2004 23:48:40 +1100, russ - maxdesign
[EMAIL PROTECTED] wrote:
http://news.com.com/Mozillaaimsformobilebrowsermarket/2100-1032_3-5483683.html
I'd like to note that this news is disinformative. You could think that
there isn't
any browser that reformats pages, zooms images and
Ok, settle in for a lot of light reading. It's been a busy week!
Solving CSS problems for Mozilla Europe
http://www.1976design.com/blog/archive/2004/11/21/solving-css-problems-mozil
la-europe/
Turning the tables using CSS:
http://www.apple.com/pro/words/meyer/
Accessibility on a shoe-string:
Happy Birthday to W3C - ten years old today:
http://www.w3.org/News/2004#item192
One way to design a website
http://www.autisticcuckoo.net/archive.php?id=2004/11/29/one-way-to-design
This article has a very interesting comment:
An important detail, which most people forget, is to add rules for
Does that really matter?
In Firefox and IE there is a focus border anyway.
IE doesn't support :focus or outlines, so there isn't much you can help.
In Firefox Cursor-Mode (F7) uses small text-cursor that isn't good for bad
sighted people anyway.
Opera with spatial navigation always adds
On Tue, 30 Nov 2004 14:09:23 -, Kornel Lesinski [EMAIL PROTECTED] wrote:
Does that really matter?
In Firefox and IE there is a focus border anyway.
IE doesn't support :focus or outlines, so there isn't much you can help.
In Firefox Cursor-Mode (F7) uses small text-cursor that
Hi,
Where can I read up on these accessibility issues you've outlined?
C
On Tuesday, November 30, 2004, at 06:09 AM, Kornel Lesinski wrote:
Does that really matter?
In Firefox and IE there is a focus border anyway.
IE doesn't support :focus or outlines, so there isn't much you can
help.
In
From: Kornel Lesinski
Does that really matter?
In Firefox and IE there is a focus border anyway.
Which is not always visible, depending on specific background colour and or
background pattern/image
IE doesn't support :focus or outlines, so there isn't much
you can help.
Well,
On Tuesday, November 30, 2004 9:09 AM, Kornel Lesinski wrote:
Does that really matter?
Yes, focus highlighting does matter. I come across this daily -- and I'm a
keyboard user by choice...
In Firefox and IE there is a focus border anyway.
Which isn't exactly prominent - it provides a
Sorry about that -- it appears that pressing enter while holding down the
control key sends the message ( a new keystroke I didn't know about...)
Here's the complete message I was trying to send:
On Tuesday, November 30, 2004 9:09 AM, Kornel Lesinski wrote:
Does that really matter?
Yes,
On Tuesday, November 30, 2004 10:19 AM, Patrick Lauke wrote:
And you can group the above and save yourself repetition. In one
of my stylesheets, for instance, I have
#navbar li a:focus,
#navbar li a:hover,
#navbar a:active {
background: #fbfbfb;
}
I seem to recall Tommy talking
Hi,
Would you explain the abbreviation IR and what is the name, and where
can I read about this rule:
a[href]:focus {-moz-outline: 2px solid -moz-mac-focusring;}
On Tuesday, November 30, 2004, at 05:38 AM, Philippe Wittenbergh wrote:
IR techniques.
a[href]:focus {-moz-outline: 2px solid
I'm not sure what IR refers to. Here's the the CSS rule explained:
a[href]:focus { /* select any anchor with an attribute href that has
focus */
-moz-outline: /* mozilla implementation of a non standard, or non
ratified CSS property. see below for explantion. Outline creates a
border around the
The only problem I'm aware of is that you lose the ability to provide
feedback the a link has been activated.
If this is important then send IE it's own active rule:
* html a:active{}
cheers
Terrence Wood.
On 2004-12-01 4:50 AM, Derek Featherstone wrote:
On Tuesday, November 30, 2004 10:19 AM,
I interpreted 'IR' to stand for 'image replacement', such as FIR and sFIR et
al.
Cheers,
Kevin Futter
On 1/12/04 7:50 AM, Terrence Wood [EMAIL PROTECTED] wrote:
I'm not sure what IR refers to. Here's the the CSS rule explained:
snip
--
Kevin Futter
Webmaster, St. Bernard's College
On Tuesday, November 30, 2004 10:19 AM, Patrick Lauke wrote:
And you can group the above and save yourself repetition. In one
of my stylesheets, for instance, I have
#navbar li a:focus,
#navbar li a:hover,
#navbar a:active {
background: #fbfbfb;
}
I seem to recall Tommy
Andrew Krespanis wrote:
The problem with declaring all three in one is that IE 5 (possibly 5.5
also, can't remember which right now) for PC chokes on any declaration
that contains :focus. Combining your :active and :focus rules will
effectively cancel that entire declaration in dodgy old IE
Same results here for IE (similar set up) on my own test page, and I
don't see any bugs in Opera 7PC, 7.5MAC normal and SSR mode.
Opera's SSR is pretty aggressive and not many styles (if any) stick, so
the lack of :focus support in this mode is to be expected as a feature,
not a bug.
Terrence
Hmm...it doesn't seem to affect IE 5 or 5.5 (admittedly using skyx' multiple
IE installations on a Win2k machine natively running 6) on
www.salford.ac.uk
though. Maybe just depends on a variety of factors, not sure...
Hmmm indeed ;)
When I get home from work I'll find the exact bug and link
]
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Patrick H. Lauke
Sent: Wednesday, 1 December 2004 9:59 AM
To: [EMAIL PROTECTED]
Subject: Re: Focus highlighting, was Re: [WSG] Some links for light
reading (30/11/04)
Andrew Krespanis wrote:
The problem with declaring
The problem with declaring all three in one is that IE 5 (possibly 5.5
also, can't remember which right now) for PC chokes on any declaration
that contains :focus. Combining your :active and :focus rules will
effectively cancel that entire declaration in dodgy old IE.
oh, dodgy old IE :/
remember
On 1 Dec 2004, at 4:13 am, Chris Kennon wrote:
Would you explain the abbreviation IR and what is the name, and where
can I read about this rule:
a[href]:focus {-moz-outline: 2px solid -moz-mac-focusring;}
IR stands for Image Replacement - like the FIR or sFir methods, where
CSS (and/or Js) is
Bug Report
The Bug Report system is entirely dedicated to finding mending and
publishing CSS and JavaScript browse bugs:
http://www.quirksmode.org/bugreports/
Growing up with web standards:
http://www.boxofchocolates.ca/archives/2004/11/22/growing-up-with-web-standa
rds
Scalable round edges:
EDS goes full CSS:
http://www.eds.com/
More on EDS's launch:
http://web-graphics.com/mtarchive/001457.php
The Mobile Web:
http://www.russellbeattie.com/notebook/1008162.html
The CSS Anthology: 101 Essential Tips, Tricks and Hacks, Chapter 2 - Text
Styling and Other Basics:
Looks good in netscape 7.1
On 11/17/2004 7:30:30 AM, [EMAIL PROTECTED] wrote:
EDS has certainly gone with CSS, and the site is clean, simple, and
engaging, but someone forgot to test the site in Netscape 7.02 because
the
navbar is producing a nasty effect.
Mario
EDS goes full CSS:
I just tested the site in Mozilla and it looks fine, but in Netscape 7.02
all the elements are pushed down when you mouseover the top level navbar.
Maybe it's just me :)
Looks good in netscape 7.1
On 11/17/2004 7:30:30 AM, [EMAIL PROTECTED] wrote:
EDS has certainly gone with CSS, and the
PROTECTED]
To: [EMAIL PROTECTED]
Cc: [EMAIL PROTECTED]
Sent: Wednesday, November 17, 2004 2:23 PM
Subject: Re: [WSG] Some links for light reading (17/11/04)
I just tested the site in Mozilla and it looks fine, but in Netscape 7.02
all the elements are pushed down when you mouseover the top level
Looks great in a Panther version of Safari, but in Safari 1 it falls
apart. The navigation in particular. I guess partly because it relies
entirely on CSS for the dropdown menus, providing a separate stylesheet
link and Javascript for IE PC.
-Hugh Todd
EDS goes full CSS:
http://www.eds.com/
Uncollapsing Margins:
http://www.complexspiral.com/publications/uncollapsing-margins/
The Sound of the Accessible Title Tag Separators:
http://www.standards-schmandards.com/index.php?2004/11/06/6-the-sound-of-the
-accessible-title-tag-separator
Redesigning a Big Umbrella of Websites: The
Bring on the tables - an excellent article by Roger Johansson:
http://www.456bereastreet.com/archive/200410/bring_on_the_tables/
Roger Hudson's recently launched Accessibility articles:
http://www.usability.com.au/resources/forms.cfm
http://www.usability.com.au/resources/pdf.cfm
I found Mike's article on browser/standards evolution to be really
though-provoking.
I love his point about having the rendering engine of a browser (not the
interface) easily upgraded
like what occurs with each new version of Flash.
What does everyone else think? Does browser development need
What is a standard?:
http://webstandards.org/buzz/archive/2004_10.html#a000463
SiFR - mezzoblue review:
http://www.mezzoblue.com/archives/2004/10/26/sifr/
Clearing Floats - The FnE Method:
http://www.orderedlist.com/articles/clearing_floats_fne
Semantically Correct Knockout Quotes:
Validation is being argued about again. It began with this post:
http://www.mikeindustries.com/blog/archive/2004/10/abcnews-redesigns
Which received some interesting comments via WASP:
http://webstandards.org/buzz/archive/2004_10.html#a000460
Then posts followed thick and fast:
Standards Savings:
http://www.meyerweb.com/eric/thoughts/2004/09/13/standards-savings/
Effect of z-index value to Releative Positioned and Absolute Positioned
blocks:
http://www.aplus.co.yu/CSSdesign/z-pos/
Spread Firefox:
http://www.spreadfirefox.com/
min-height: fixed;
The Practice of CSS Column Design: Boxes in Columns
http://www.communitymx.com/abstract.cfm?cid=CB7B3
A navbar using lists
http://www.westciv.com/style_master/house/tutorials/quick/list_navbar/index.
html
Learning CSS
http://www.7nights.com/asterisk/archives/learning_css.php
Per-site user
Dan Cederholm asked people to send in web standards links for a free copy of
his book. 485 people responded.
http://www.simplebits.com/notebook/2004/06/16/contest.html
In return the community has gained a huge list of web standards links, which
Steve Smith has compiled into an ordered list:
Let's start with some happy stuff...
CSS Teaser Box - very nice tutorial from Roger Johansson:
http://www.456bereastreet.com/archive/200406/css_teaser_box/
An insane list - Bending the Matrix
http://www.orderedlist.com/examples/the_bend
Then we have a bit of a validation discussion sweeping
Web Standards Award winner for the month:
http://www.webstandardsawards.com/previous/readymade_mag.html
Web standards survey:
http://webstandards.org/survey/200406
Stop Design reload II:
http://www.stopdesign.com/log/2004/06/08/reloaded.html
Some Fun With Valid and Some Not So Valid CSS:
Joe Clark and Craig Saila have been looking at Canadian Government election
websites from an accessibility point of view - interesting reading
http://blog.fawny.org/2004/06/03/election/
Associated pages:
http://joeclark.org/election/releases/
http://joeclark.org/election/findings/
An excellent 3D diagram of the box model:
http://www.hicksdesign.co.uk/journal/2004/05/3d_css_box_model/
Grey Box Methodology - Jason Santa Maria outlines an interesting beginning
process for websites.
http://www.jasonsantamaria.com/archive/2004/05/24/grey_box_method.php
Joe Clark - Bookmarks
Yep. Just a little nit-picking. Hence I just said it was ironic, and that
it was close.
Does anyone actually use Opera? I've tried it in the past, but found that
it had too many problems with too many sits (not only ones I built).
I'm open to suggestions about how I can fix the problem you
Does anyone actually use Opera? I've tried it in the past, but found that
it had too many problems with too many sits (not only ones I built).
Compared to IE -- no. Compared to anything else -- yes.
I'm open to suggestions about how I can fix the problem you saw in Opera,
without breaking
A Roadmap to Standards
http://www.mezzoblue.com/archives/2004/04/30/a_roadmap_to/#000571
Does Microsoft Care About Web Standards?
http://www.alttags.org/archives/2004/04/29/33/
What Is Web Accessibility?
http://www.alistapart.com/articles/wiwa/
Mountaintop Corners
Very interesting
I do find it ironic that a page talking about Microsoft's lack of standards
support does not validate. Close, but no cigar.
Regards
--
Bert Doorn, Better Web Design
www.betterwebdesign.com.au
Fast-loading, user-friendly websites
1. Knowing too much
What I¹m talking about is the increasing need for web developers to know,
and be good at, widely different things. Common skill requirements include
graphic design, database development, JavaScript, HTML ,CSS ,XML ,
information architechture, usability, accessibility, writing,
When you say that www.fhm.lv is a nice css site,
what exactly do you mean Russ? :oP
--
Cameron
W: www.themaninblue.com
__
Do you Yahoo!?
Yahoo! Finance: Get your refund fast by filing online.
http://taxes.yahoo.com/filing.html
Dracos - Accessibility
A recent hobby of mine has been to take an inaccessible website and produce
a more accessible version that if necessary fetches information from the
original site to keep up to date.
http://www.dracos.co.uk/web/accessibility/
RNIB - Web Accessibility centre - a good place
49 matches
Mail list logo