[WSG] Some links for light reading (3/1/05)
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 http://usabletype.com/css/text/decoration/ IOTBS: The Director's Cut http://www.stuffandnonsense.co.uk/archives/iotbs_the_directors_cut.html Cross-Column Pull-Outs http://www.alistapart.com/articles/crosscolumn/ Beware of Opening Links in a New Window http://www.sitepoint.com/article/beware-opening-links-new-window Your Customer Is A Search Engine http://www.evolt.org/article/Your_Customer_Is_A_Search_Engine/25/60409/index .html Guide to Unicode, Part 1 http://lachy.id.au/blogs/log/2004/12/guide-to-unicode-part-1.html Guide to Unicode, Part 2 http://lachy.id.au/blogs/log/2004/12/guide-to-unicode-part-2.html Avoid 404 http://annevankesteren.nl/archives/2004/12/avoid-404 Adam Polselli's 2005 color forcaster http://www.adampolselli.com/2005/ Eric Meyer - SES Chicago Report http://www.meyerweb.com/eric/thoughts/2004/12/18/ses-chicago-report/ Accessibar project http://accessibar.mozdev.org/ We're taking back the web http://weblogs.mozillazine.org/asa/archives/006799.html Happy new year all Russ ** 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] Some links for light reading (21/12/04)
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) http://annevankesteren.nl/archives/2004/12/alt-attribute Sizing Fonts on the Web: http://usabletype.com/styles/sizes/ And... http://usabletype.com/articles/2004/default-font-size-the-battle-is-won/ Digital asset management http://veerle.duoh.com/index.php?id=P276 Targeting small screens: http://www.stopdesign.com/log/2004/12/16/small-screens.html .mobi versus device independence http://web-graphics.com/mtarchive/001474.php Programs vs. markup or why HTML authoring is not programming http://www.cs.tut.fi/%7Ejkorpela/prog.html What Are Your Top 5 Standards Based Sites and Why? http://www.andybudd.com/archives/2004/12/what_are_your_top_5_standards_based _sites_and_why/index.php The webucator CSS reference: http://www.webucator.com/resources/css/reference.html Print out HREFs on Links for Print StyleSheet (posted to the list last week but for those who may have missed it amongst lots of posts): http://www.drunkmonkey.com.au/printLinkURLs.html Thanks Russ ** 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] Some links for light reading (14/12/04)
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: http://www.autisticcuckoo.net/archive.php?id=2004/12/07/relatively-absolute Couloir.org: Resizing, Fading Slideshow Demo: http://www.couloir.org/js_slideshow/ Getting Started with Accessibility Assessments: http://ausweb.scu.edu.au/aw03/papers/arch2/paper.html W3C WCAG Working Group is requesting your feedback on the latest Working Draft of the Web Content Accessibility Guidelines: http://www.w3.org/TR/2004/WD-WCAG20-20041119/ Introduction to Web Content Accessibility Guidelines (WCAG) 2.0 Working Draft Documents: http://www.w3.org/WAI/intro/wcag20 Google suggest - see it in action: http://www.google.com/webhp?complete=1 Flash Totanus Loader: all that boring stuff about Macromedia Flash and Xhtml: http://matteo.balocco.free.fr/tfl/ Mozilla aims for mobile browser market: http://news.com.com/Mozillaaimsformobilebrowsermarket/2100-1032_3-5483683.ht ml Thanks Russ ** 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] Some links for light reading (14/12/04)
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 has javascript support on mobiles. There is: http://my.opera.com/haavard/journal/28 Mobile Opera supports DOM and CSS2.1, had resize on the fly first and recently greatly improved that feature. Saying Minimo is better than most browsers on mobile market or that it is innovative in any of mentioned areas is untrue, because significant share of this market belongs to Opera and Opera was inventor of all Minimo key features. -- regards, Kornel Lesiski ** 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] Some links for light reading (6/12/04)
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: http://www.stuffandnonsense.co.uk/archives/accessibility_on_a_shoestring.htm l Some new entries into CSS Zen Garden: http://www.csszengarden.com/?cssfile=140%2F140%2Ecss http://www.csszengarden.com/?cssfile=139%2F139%2Ecss http://www.csszengarden.com/?cssfile=138%2F138%2Ecss http://www.csszengarden.com/?cssfile=137%2F137%2Ecss A very nice CSS site: http://thecookinggame.com/ sIRF 2.0 - Release Candidate 2.0 is finally here: http://www.mikeindustries.com/blog/archive/2004/12/sifr-2.0-release-candidat e-2 How Mozilla determines MIME Types: http://www.mozilla.org/docs/web-developer/mimetypes.html Patrick Griffiths has an XHTML/CSS book coming out: http://www.htmldog.com/ptg/archives/80.php And while you are there, an interesting read... Strictly Speaking: http://www.htmldog.com/ptg/archives/78.php Joe Gillespie retires: http://www.wpdfd.com/index.htm http://www.wpdfd.com/editorial/wpd1204news.htm#feature Finding the sweet spot: http://www.digital-web.com/articles/finding_the_sweet_spot/ Heisenberg usability principle: http://www.ok-cancel.com/archives/post/2004/12/heisenberg_usability_principl e.html Remote control CSS revisited - caving in to peer pressure http://web-graphics.com/mtarchive/001466.php This map is an amazing example of an unordered list: http://www.powderseekers.com/resorts.aspx?contID=3 Some interesting examples of French CSS-based lists: http://www.alsacreations.com/articles/modelesmenus/ A quirky French list example: http://www.alsacreations.com/articles/modelesmenus/g04.htm And finally, to follow on from the recent discussions on adding :focus to links, I had forgotten this gem hidden in the CSS Crib Sheet: Remember LoVe/HAte linking. When specifying link pseudo-classes, always do so in this order: Link, Visited, Hover, Active. Any other order won¹t work consistently. Consider using :focus as well, and modify the order to LVHFA (or Lord Vader's Handle Formerly Anakin, as suggested by Matt Haughey) http://www.mezzoblue.com/css/cribsheet/ Thanks Russ ** 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] Some links for light reading (30/11/04)
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 a:focus. Users who can't or won't use a mouse can jump from link to link with the Tab key or similar. For them it is important that they can see which link has focus. How Microsoft can support CSS2 without breaking the Web: http://standblog.org/blog/2004/11/27/93113842 Quotations and citations: quoting text http://www.456bereastreet.com/archive/200411/quotations_and_citations_quotin g_text/ A nice full-CSS site: http://www.simmons.edu/gradstudies/ Another nice full-CSS site: http://www.wwzwickau.de/ Accessibility: Panning for gold http://www.stuffandnonsense.co.uk/archives/accessibility_panning_for_gold.ht ml Design Checklists for Online Help http://www.winwriters.com/articles/checklist/index.html Russ ** 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: Focus highlighting, was Re: [WSG] Some links for light reading (30/11/04)
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 background on focused links. I don't know how mac browsers deal with this though. -- regards, Kornel Lesiski ** 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: Focus highlighting, was Re: [WSG] Some links for light reading (30/11/04)
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 isn't good for bad sighted people anyway. Opera with spatial navigation always adds background on focused links. I don't know how mac browsers deal with this though. -- regards, Kornel Lesiski ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- http://rimantas.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: Focus highlighting, was Re: [WSG] Some links for light reading (30/11/04)
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 Firefox Cursor-Mode (F7) uses small text-cursor that isn't good for bad sighted people anyway. Opera with spatial navigation always adds background on focused links. I don't know how mac browsers deal with this though. -- regards, Kornel Lesiski ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ___ Knowing is not enough, you must apply; willing is not enough, you must do. ---Bruce Lee ** 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: Focus highlighting, was Re: [WSG] Some links for light reading (30/11/04)
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, the onus is on the user in this case to use something other than IE. But still, that doesn't mean we shouldn't add additional features and hooks for non-IE users. In Firefox Cursor-Mode (F7) uses small text-cursor that isn't good for bad sighted people anyway. Not quite sure what you mean by the anyway. Is it a so why bother? The small text cursor is similar to many other applications (heck, I'm typing this in Outlook with a surprisingly similar cursor). Also, the cursor scales in accordance with the height of the current text / block it's located. And, by the same rationale, if you increase the font size (which you more than likely would, if you had sight problems), the cursor will also scale accordingly. Oh, and to state the obvious, it blinks as well... Patrick Patrick H. Lauke Webmaster / University of Salford http://www.salford.ac.uk ** 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: Focus highlighting, was Re: [WSG] Some links for light reading (30/11/04)
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 faint outline around the element. Changing the background and text colours in the CSS is much more prominent and is easier to spot. Besides, we add :hover effects to things for mouse users - why wouldn't we also provide similar benefit to keyboard users? IE doesn't support :focus or outlines, so there isn't much you can help. Right, however, IE (mistakenly, I suspect) treats :active the same as :focus. Adding a separate rule for IE and :active will provide the benefits for IE keyboard users... For example: ** 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: Focus highlighting, was Re: [WSG] Some links for light reading (30/11/04)
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, focus highlighting does matter. I come across this daily -- and I'm a keyboard user by choice, not someone who has no choice but to use the keyboard... In Firefox and IE there is a focus border anyway. Which isn't exactly prominent - it provides a faint outline around the element. Changing the background and text colours in the CSS is much more prominent and is easier to spot. Besides, we add :hover effects to things for mouse users - why wouldn't we also provide similar benefit to keyboard users? IE doesn't support :focus or outlines, so there isn't much you can help. Right, however, IE (mistakenly, I suspect) treats :active the same as :focus. Adding a separate rule for IE and :active will provide the benefits for IE keyboard users... For example: a:focus {color: #346095; background-color:#fff;} a:hover {color: #346095; background-color:#fff;} a:active {color: #346095; background-color:#fff;} So, please, please, if you want to make your sites more accessible to keyboard users, add :focus and :active rules to match your :hover rule. Best regards, Derek. -- Derek Featherstone [EMAIL PROTECTED] phone: 613.599.9784; toll-free: 1.866.932.4878 (North America) Web Accessibility: http://www.wats.ca Personal: http://www.boxofchocolates.ca ** 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: Focus highlighting, was Re: [WSG] Some links for light reading (30/11/04)
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 about a problem when all three are specified in the same rule, but I can't recall right now. Though perhaps it was only mentioned and never resolved. Might be able to find it in the forum archives somewhere... http://www.accessifyforum.com I'll let you/everyone know if I find anything Best regards, Derek. -- Derek Featherstone [EMAIL PROTECTED] phone: 613.599.9784; toll-free: 1.866.932.4878 (North America) Web Accessibility: http://www.wats.ca Personal: http://www.boxofchocolates.ca ** 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: Focus highlighting, was Re: [WSG] Some links for light reading (30/11/04)
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 -moz-mac-focusring;} ___ Knowing is not enough, you must apply; willing is not enough, you must do. ---Bruce Lee ** 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: Focus highlighting, was Re: [WSG] Some links for light reading (30/11/04)
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 object that doesn't disturb the flow of the document */ 2px solid -moz-mac-focusring; /* outline has the same properties as border, the color is a moz extension that displays the OS focus-ring color (c.f. IE/MAC and Safari focusrings) */ } A discussion about CSS vendor specific CSS rules is here: http://www.w3.org/TR/2003/WD-css3-syntax-20030813/#vendor-specific In short it says: Although proprietary extensions should be avoided in general, there are situations (experiments, implementations of W3C drafts that have not yet reached Candidate Recommendation, intra-nets, debugging, etc.) where it is convenient to add some nonstandard, i.e., proprietary identifiers to a CSS style sheet. To avoid clashes with with future specs vendors should prefix their rules with vendor ids. known id's include: # mso- (Microsoft Corporation) # -moz- (The Mozilla Organization) # -opera- (Opera Software) # -atsc- (Advanced Television Standards Committee) # -wap- (The WAP Forum) # -k (or is it -khtml?) Safari, Konqueror. cheers Terrence Wood. On 2004-12-01 8:13 AM, Chris Kennon wrote: 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 -moz-mac-focusring;} ___ Knowing is not enough, you must apply; willing is not enough, you must do. ---Bruce Lee ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- You know you've achieved perfection in design, not when you have nothing more to add, but when you have nothing more to take away. -Antoine de Saint-Exupery ** 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: Focus highlighting, was Re: [WSG] Some links for light reading (30/11/04)
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, 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 about a problem when all three are specified in the same rule, but I can't recall right now. Though perhaps it was only mentioned and never resolved. Might be able to find it in the forum archives somewhere... http://www.accessifyforum.com -- You know you've achieved perfection in design, not when you have nothing more to add, but when you have nothing more to take away. -Antoine de Saint-Exupery ** 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: Focus highlighting, was Re: [WSG] Some links for light reading (30/11/04)
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 http://www.sbc.melb.catholic.edu.au/ ** 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: Focus highlighting, was Re: [WSG] Some links for light reading (30/11/04)
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 about a problem when all three are specified in the same rule, but I can't recall right now. 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. I seem to remember Opera in smallscreen mode choking on that combined rule as well, but I think that's a seperate discussion. :) Andrew. http://leftjustified.net/ ** 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: Focus highlighting, was Re: [WSG] Some links for light reading (30/11/04)
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 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... -- 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 ** 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: Focus highlighting, was Re: [WSG] Some links for light reading (30/11/04)
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 Wood. On 2004-12-01 11:59 AM, Patrick H. Lauke wrote: 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 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... -- You know you've achieved perfection in design, not when you have nothing more to add, but when you have nothing more to take away. -Antoine de Saint-Exupery ** 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: Focus highlighting, was Re: [WSG] Some links for light reading (30/11/04)
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 up a test page. There is a bug in there somewhere, I remember losing sleep over it in July...well, almost. Andrew. http://leftjustified.net/ ** 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: Focus highlighting, was Re: [WSG] Some links for light reading (30/11/04)
I wasn't getting any problems with www.caexpo.com.au either (tabbing thru still highlights, like hover), I was testing using multiple IE installations on single PC as well though. Tim Hill Computer Associates Graphic Artist tel: +612 9937 0792 fax: +612 9937 0546 [EMAIL PROTECTED] -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 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 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... -- 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 ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** 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: Focus highlighting, was Re: [WSG] Some links for light reading (30/11/04)
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 Opera in smallscreen mode choking on that combined rule as well, but I think that's a seperate discussion. :) Probably old version. I've tested latest and seems to parse all CSS2.1. Ofcourse styles unsuitable for SSR are ignored or lost in reformatting. Without SSR latest mobile Opera handles CSS Edge demo pages*, many literarymoose experiments and even displays CSS lines hack - http://www.infimum.dk/HTML/rotatingStar.html *) can't test pure css menus, as :hover is impossible to archieve on keyboard-only browser. -- regards, Kornel Lesiski ** 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: Focus highlighting, was Re: [WSG] Some links for light reading (30/11/04)
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 used to replace text with an image... Terrence already explained the -moz-outline and -moz-mac-focusring thingies Note that the -moz-outline property is functionally equivalent to the css2.1 outline property, which is supported by IE Mac and Safari, and Opera 7.54. http://www.w3.org/TR/CSS21/ui.html#propdef-outline Philippe ---/--- Philippe Wittenbergh now live : http://emps.l-c-n.com/ code | design | web projects : http://www.l-c-n.com/ IE5 Mac bugs and oddities : http://www.l-c-n.com/IE5tests/ ** 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] Some links for light reading (24/11/04)
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: http://acjs.net/weblog/2004/11/23/scalable_rounded_edges/ Quotations and citations: quoting text: http://www.456bereastreet.com/archive/200411/quotations_and_citations_quotin g_text/ The CSS Anthology: 101 Essential Tips, Tricks and Hacks, Chapter 3 - CSS and Images: http://www.sitepoint.com/article/css-anthology-tips-tricks-3 Solving CSS problems for Mozilla Europe http://1976design.com/blog/archive/2004/11/21/solving-css-problems-mozilla-e urope/ The End of Usability Culture, Redux: http://www.digital-web.com/articles/end_of_usability_culture_redux/ Box and Arrows design winners: http://www.boxesandarrows.com/archives/redesigning_boxes_and_arrows.php?page =2 ** 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] Some links for light reading (17/11/04)
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: http://www.sitepoint.com/article/css-anthology-tips-tricks-2 Tableless forms: http://www.quirksmode.org/css/forms.html Well Styled - some interesting articles: http://www.wellstyled.com/archive.html Patrick Griffiths teaching XHTML and CSS in London: http://www.htmldog.com/ptg/archives/76.php f*** you markup purists (warning - swearing!): http://blog.vinniegarcia.com/oldstuff/2004/11/13/f-you-markup-purists/ Goodbye Yellow Right Double Angle Bracket: http://larsholst.info/blog/2004/11/16/goodbye-yellow-right-double-angle-brac ket/ Write great code. Get an iPod: http://scott.feedster.com/archives/94-Write-Great-Code.-Get-an-iPod..html Secret Benefits of Search Engine Optimisation: Increased Usability: http://www.sitepoint.com/article/increased-usability The End of Usability Culture http://www.digital-web.com/articles/end_of_usability_culture/ Clientcopia : Stupid Client Quotes http://www.clientcopia.com/ Russ ** 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] Some links for light reading (17/11/04)
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: 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: http://www.sitepoint.com/article/css-anthology-tips-tricks-2 Tableless forms: http://www.quirksmode.org/css/forms.html Well Styled - some interesting articles: http://www.wellstyled.com/archive.html Patrick Griffiths teaching XHTML and CSS in London: http://www.htmldog.com/ptg/archives/76.php f*** you markup purists (warning - swearing!): http://blog.vinniegarcia.com/oldstuff/2004/11/13/f-you-markup-purists/ Goodbye Yellow Right Double Angle Bracket: http://larsholst.info/blog/2004/11/16/goodbye-yellow-right-double-angle-brac ket/ Write great code. Get an iPod: http://scott.feeds ** 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] 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 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 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: 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: http://www.sitepoint.com/article/css-anthology-tips-tricks-2 Tableless forms: http://www.quirksmode.org/css/forms.html Well Styled - some interesting articles: http://www.wellstyled.com/archive.html Patrick Griffiths teaching XHTML and CSS in London: http://www.htmldog.com/ptg/archives/76.php f*** you markup purists (warning - swearing!): http://blog.vinniegarcia.com/oldstuff/2004/11/13/f-you-markup-purists/ Goodbye Yellow Right Double Angle Bracket: http://larsholst.info/blog/2004/11/16/goodbye-yellow-right-double-angle-brac ket/ Write great code. Get an iPod: http://scott.feeds ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** 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] Some links for light reading (17/11/04)
sorry, of course: bodypValid Flash example for XHTML 1.0 Strict/pp object type=application/x-shockwave-flash data=abc.swf width=355 height=282 param name=movie value=abc.swf / img src=abc.gif width=355 height=282 alt=banner / /object/p /body johannes - Original Message - From: [EMAIL 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 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 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: 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: http://www.sitepoint.com/article/css-anthology-tips-tricks-2 Tableless forms: http://www.quirksmode.org/css/forms.html Well Styled - some interesting articles: http://www.wellstyled.com/archive.html Patrick Griffiths teaching XHTML and CSS in London: http://www.htmldog.com/ptg/archives/76.php f*** you markup purists (warning - swearing!): http://blog.vinniegarcia.com/oldstuff/2004/11/13/f-you-markup-purists/ Goodbye Yellow Right Double Angle Bracket: http://larsholst.info/blog/2004/11/16/goodbye-yellow-right-double-angle-brac ket/ Write great code. Get an iPod: http://scott.feeds ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** 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] Some links for light reading (17/11/04)
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/ ** 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] Some links for light reading (10/11/04)
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 Informit CSS Overhaul: http://www.informit.com/articles/article.asp?p=170499 What can we talk about now?: http://www.stuffandnonsense.co.uk/archives/what_can_we_talk_about_now.html The CSS Anthology: 101 Essential Tips, Tricks and Hacks, Chapter 1 - Getting Started with CSS http://www.sitepoint.com/article/css-anthology-tips-tricks-1 Worst redesign of the year: http://blog.fawny.org/2004/11/08/chapters/ Image Replacement Considered Evil: http://www.htmldog.com/ptg/archives/74.php A few more links re Mozilla (to add to Brendan Smith's excellent post): http://weblogs.mozillazine.org/ben/archives/006866.html http://webstandards.org/buzz/archive/2004_11.html#a000466 Thanks Russ ** 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] Some links for light reading (2/11/04)
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 http://www.usability.com.au/resources/flash.cfm Making news with Web standards: http://digital-web.com/articles/making_news_with_web_standards/ Embedding Macromedia Flash in XHTML: http://www.allinthehead.com/retro/234/embedding-macromedia-flash-in-xhtml Can we speed up browser evolution: http://www.mikeindustries.com/blog/archive/2004/11/speeding-up-browser-evolu tion Build a simple style switcher in CSS: http://www.sitepoint.com/article/css-simple-style-switcher Weakest link - a semantic question similar to simple quiz: http://www.stuffandnonsense.co.uk/archives/the_weakest_link.html My Favorite Javascripts for Designers: http://www.blakems.com/archives/87.html A beautiful CSS site from Web Standards Awards: http://www.cafelisa.com/ And some usability links... Meeting a User's Emotional Needs http://www.7nights.com/asterisk/archive/2004/11/meeting-a-users-emotional-ne eds What is usability?: http://www.steptwo.com.au/papers/kmc_whatisusability/index.html Page differentiation: http://www.themaninblue.com/writing/perspective/2004/10/29/ ** 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] Some links for light reading (2/11/04)
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 a good kick and a strong set of guidelines and deadlines? russ - maxdesign wrote: 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 http://www.usability.com.au/resources/flash.cfm Making news with Web standards: http://digital-web.com/articles/making_news_with_web_standards/ Embedding Macromedia Flash in XHTML: http://www.allinthehead.com/retro/234/embedding-macromedia-flash-in-xhtml Can we speed up browser evolution: http://www.mikeindustries.com/blog/archive/2004/11/speeding-up-browser-evolu tion Build a simple style switcher in CSS: http://www.sitepoint.com/article/css-simple-style-switcher Weakest link - a semantic question similar to simple quiz: http://www.stuffandnonsense.co.uk/archives/the_weakest_link.html My Favorite Javascripts for Designers: http://www.blakems.com/archives/87.html A beautiful CSS site from Web Standards Awards: http://www.cafelisa.com/ And some usability links... Meeting a User's Emotional Needs http://www.7nights.com/asterisk/archive/2004/11/meeting-a-users-emotional-ne eds What is usability?: http://www.steptwo.com.au/papers/kmc_whatisusability/index.html Page differentiation: http://www.themaninblue.com/writing/perspective/2004/10/29/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** 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] Some links for light reading (27/10/04)
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: http://lumpus.info/nerkalog/archives/2004/10/knockout-quotes Pure CSS Scrollable Table with Fixed Header: http://www.imaputz.com/cssStuff/bigFourVersion.html Liquid elastic layouts: http://www.zooibaai.nl/b/archives/2004/10/24/liquid-elastic-layouts/ Old Fashioned HTML: http://www.zooibaai.nl/b/archives/2004/10/22/old-fashioned-html/ Will code for software: http://www.designbyfire.com/000171.html And some possibly less relevant ones... Introducing the Customer-Centric Worldview: http://www.goodexperience.com/blog/archives/75.php Hallmarks of a great developer: http://blogs.msdn.com/micahel/archive/2004/06/16/157202.aspx If Architects Had To Work Like Web Designers: http://twasink.net/blog/archives/2004/10/if_architects_h.html Thanks Russ ** 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] Some links for light reading (17/10/04)
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: http://www.7nights.com/asterisk/archive/2004/10/standards-equals-validation# more http://www.456bereastreet.com/archive/200410/abc_news_all_that_glitters/ http://www.themaninblue.com/writing/perspective/2004/10/14/ http://annevankesteren.nl/archives/2004/10/standards There are heaps more posts on the subject but on to other stuff... Writing Lean CSS http://www.orderedlist.com/articles/writing_lean_css A few tips for using Lynx: http://www.brainstormsandraves.com/articles/browsers/lynx/ Unearthing the origins of Firefox: http://news.com.com/Unearthing+the+origins+of+Firefox/2008-1032_3-5406708.ht ml Visited Links and Updates http://www.htmldog.com/ptg/archives/70.php Styling even more form controls: http://www.456bereastreet.com/archive/200410/styling_even_more_form_controls / Introduction to Databases: http://digital-web.com/articles/introduction_to_databases/ Thanks Russ ** 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] Some links for light reading
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; http://www.mezzoblue.com/archives/2004/09/16/minheight_fi/index.php Best CSS Ever: http://westciv.typepad.com/dog_or_higher/2004/09/best_css_ever.html Thanks Russ ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Some links for light reading...
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 stylesheets http://simon.incutio.com/archive/2004/07/15/persite Odeon and All Music Guide http://9rules.com/whitespace/web_experience/odeon_and_all_music_guide.php Bulletproof Slants http://www.simplebits.com/notebook/2004/07/12/bulletproof_slants.html Filtering CSS http://www.stopdesign.com/log/2004/07/06/filtering-css.html Mac/IE5 support worth it? http://photomatt.net/2004/07/16/mac-ie/ Thanks Russ * 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] Some links for light reading...
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: http://www.orderedlist.com/articles/simple_list Meanwhile, Dezwozhere has posted a list of accesskey articles: http://www.dezwozhere.com/blog/archives/000796.html A great list but missing two important links... Accesskey standards: http://www.clagnut.com/blog/193/ Dynamically underlining accesskeys: http://www.clagnut.com/blog/356/ Other general links... Dave Shea's Validation, Moderation, Constipation http://www.mezzoblue.com/archives/2004/06/17/validation_m/ Roger Johansson's Flexible news list http://www.456bereastreet.com/archive/200406/flexible_news_list/ Andy Clarke's What's in a name (pt2) - CSS naming conventions: http://www.stuffandnonsense.co.uk/archives/whats_in_a_name_pt2.html Russ * 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] Some links for light reading...
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 the web... The Standards Police will get you! http://www.headsdown.com/darkside/2004/05/standards-police-will-get-you-i-go t.html Mezzoblue - The Standards Police http://www.mezzoblue.com/archives/2004/06/09/the_standard/index.php Photomatt - The Standards Police http://photomatt.net/archives/2004/06/10/standards-police/ Then some off-shoot discussions: http://annevankesteren.nl/archives/2004/06/ampersands-matter Roger Johansson: http://www.456bereastreet.com/archive/200406/ampersands_and_validation/ Then on a slightly down note... Sick Of Web Standards: http://www.7nights.com/asterisk/archives/sick_of_web_standards.php Burnt Out on Web Standards: http://www.digital-web.com/news/2004/06/burnt_out_on_web_standards/ On that note, I'll get back to work... Russ The Australian Museum. Australia's first - and leading - natural sciences and anthropology museum. Visit www.amonline.net.au The views in this email are those of the user and do not necessarily reflect the views of the Australian Museum. The information contained in this email message and any accompanying files is or may be confidential and is for the intended recipient only. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this email or any attached files is unauthorised. If you are not the intended recipient, please delete it and notify the sender.The Australian Museum does not guarantee the accuracy of any information contained in this e-mail or attached files. As Internet communications are not secure, the Australian Museum does not accept legal responsibility for the contents of this message or attached files.
[WSG] Some links for light reading....
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: http://www.communitymx.com/content/article.cfm?cid=B0C48 John Allsopp's web standards article makes it into mainstream media: http://www.smh.com.au/articles/2004/06/02/1086058908173.html?oneclick=true Budget design - free downloadable pdf http://www.sinelogic.com/ Thanks Russ * 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] Some links for light reading...
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/ http://joeclark.org/election/findings/#summary The Absolute Minimum Every Software Developer Absolutely, Positively Must Know About Unicode and Character Sets (No Excuses!) http://www.joelonsoftware.com/articles/Unicode.html Dean Edwards IE7 update: http://dean.edwards.name/IE7/update.html http://dean.edwards.name/IE7/intro/ Gurus v. Bloggers, Round 2 - light-hearted looks at web sites http://www.designbyfire.com/96.html Thanks Russ * 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] Some links for light reading...
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 for standards testing http://www.fawny.org/webstandards/bookmarks/bookmarks-040526.html Shuan Inman - just watch the top margin: http://www.shauninman.com/mentary/past/justwatchthemargintop.php Simon Willison - Rounded Corners with CSS and JavaScript: http://www.sitepoint.com/article/rounded-corners-css-javascript CSSbeauty.com collects well designed css based websites - a small portal to the css design community. http://www.cssbeauty.com/ Some redesigns (for those who may have missed out): Mezzoblue version 4 http://www.mezzoblue.com/archives/2004/05/24/mezzoblue_v4/ Stop Design starting over: http://www.stopdesign.com/log/2004/05/25/starting_over.html Remaking DMXzone in CSS and XHTML: http://www.dmxzone.com/ShowDetail.asp?NewsId=6635 Thanks Russ * 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] Some links for light reading...
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 saw in Opera, without breaking the site for others or adding tons of javascript. The site used to make extensive use of tables (and at one stage even frames), which I am trying to steer clear of. Regards -- Bert Doorn, Better Web Design www.betterwebdesign.com.au Fast-loading, user-friendly websites * 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] Some links for light reading...
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 the site for others or adding tons of javascript. The site used to make extensive use of tables (and at one stage even frames), which I am trying to steer clear of. -- Bert Doorn, Better Web Design www.betterwebdesign.com.au Fast-loading, user-friendly websites I believe your Opera problem results from the use of the height attribute. Your Main div, set to overflow, actually runs passed the 100% height of the viewport and in Opera7.11 that means the left and right floats end, so the content flows the full width of the viewport. Changing your design to an equal length 3 column design would solve the problem. For an example see: http://www.positioniseverything.net/thr.col.stretch.html Also you have the ironic situation of having xhtml1.1 which requires an xml prolog but since your page is served as text/html the prolog cause IE to pop into quirks modes rather niftily undermining the strictness of xhtml1.1. drew * 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] Some links for light reading...
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 http://www.alistapart.com/articles/mountaintop/ Accessible Search Engine Optimisation Techniques http://www.juicystudio.com/accessible-seo/ SMIL is back http://webstandards.org/buzz/archive/2004_05.html#a000330 http://www.w3.org/AudioVideo/ http://www.realnetworks.com/resources/howto/smil/index.html Russ * 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] Some links for light reading...
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 * 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] Some links for light reading...
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, typography, ASP ,PHP ,SQL , Flash, QuickTime, interface design, content management systems and web server configuration. ... Sound familiar? http://www.456bereastreet.com/archive/200402/knowing_too_much/ 2. What¹s the point of using pixels? Any web designer today know that text sized in points is considered an considered an accessibility problem, and that pixels are better. http://web-graphics.com/mtarchive/001165.php 3. Search Engine Optimization II Following on from the first article... http://www.9rules.com/whitespace/web_mastering/search_engine_optimization_ii .php 4. CSS debugging bookmarklet: http://www.codepoetry.net/archives/2004/02/05/css_debugging_stylesheet.php 5. Some nice CSS sites: http://www.macthemes.net/ http://www.fhm.lv/ http://www.pixelgraphix.de/photo/ 6. Some samples of well designed full CSS weblogs: http://larsholst.info/blog/2004/02/11/well-designed-weblogs-volume-2/ 7. New CSS editor for Windows - CSS Editor 3.76 (haven't tried it so no idea how good it is): http://www.style-sheets.com/index.asp 8. New CSS validator: http://www.style-sheets.com/validator.asp Thanks Russ * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] Some links for light reading...
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 * The discussion list for http://webstandardsgroup.org/ *
[WSG] Some links for light reading (mainly accessibility)...
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 to start to find out about accessibility Web accessibility resources from techniques through to advice on how to implement website accessibility. http://www.rnib.org.uk/xpedio/groups/public/documents/publicwebsite/public_w ebaccesscentre.hcsp Hicks Design - skip navigation links Skip Navigation links, traditionally hidden with the CSS property display:none, are invisible to screen readers... http://www.hicksdesign.co.uk/articles/archives/000180.php Joe Clark - brief comment on visible skip navigation You¹re not going to like this, but to make a lengthy list of links accessible, your ³Skip navigation² link must be visible. It doesn¹t have to be intrusive, but it has to be apparent and self-explanatory in all browsers. http://joeclark.org/book/sashay/serialization/Chapter08.html#p-2155 Andy Budd - Design for Accessibility (128k pdf) - a great introduction to accessibility for designers and developers http://www.skillswap.org/downloads/accessibility.pdf A tutorial on character code issues (incredibly in-depth article) This document tries to clarify the concepts of character repertoire, character code , and character encoding especially in the Internet context. http://www.cs.tut.fi/~jkorpela/chars.html Thanks Russ * The discussion list for http://webstandardsgroup.org/ *