[WSG] Advanced Javascript course (Sydney)?
Hi all, I am trying to find someone who can hold a one-day advanced Javascript course but have no luck. Many courses start with the very basics or take three days to get to the advanced level. We are looking for a syllabus that addresses things like . progressive enhancement principles . JS testing and debugging using Firebug . how to write high-performance code . listening for events . traversing the DOM . accessibility . error handling . jQuery UI . effects (fade etc.) . writing JS so it can be compressed efficiently . writing functions which can be reused . closures and encapsulated code Any pointers are very welcome. If you offer such a course please email me off list. Thanks. Cheers, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Using a dot . in a class name
Hi all, I've noticed that YouTube uses a dot for its star rating: button class=[...] ratingL ratingL-4.5 It seems to work in browsers, but I'd like to know if this character is valid and if it might have future implications if used that way. Thanks, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] RE: Poetry needing block format but with line-breaks
I'm doing a poetry 'zine. Quite a lot of poets want to set the way the poem looks as well as sounds; and one poem needs to be in block format, but with lines breaking at specific words, so I have to use the line-break ... Hi Susie, did you try using pre to preserve whitespace (which includes line breaks)? Cheers, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] playing with css
I have one question I can't seem to find and answer to below is all my css in a document I have created. It is xhtml transitional. Do you have a (temporary) link so we can have a look? Cheers, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Strange Bottom Margin on Floated Elements I Can't Get Rid of
Hi Cole, you can also specify {vertical-align:bottom} for the images. Cheers, Jens -Original Message- Sent: Friday, August 14, 2009 4:02 PM Subject: Re: [WSG] Strange Bottom Margin on Floated Elements I Can't Get Rid of Hi Cole, Try setting those images to 'display: block;' div.thumbs img {display: block;} The reason this works is detailed here: https://developer.mozilla.org/en/Images,_Tables,_and_Mysterious_Gaps HTH The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Accessible websites (was: accessible free web hosting account)
Hi all, I believe making sites accessible is very important. We are all used to ramps near stairs, lifts near escalators, lowered curbs at intersections. We need to get used to baking in time into our projects for accessible elements. Such elements are hidden headings (to aid semantics), skip links (to aid navigation), non-Javascript styles (to enable interaction with all content) and also high-contrast style sheets for vision-impaired users. I don't believe that integrating accessibility into a project adds a significant cost to a project anyway. I found that some of these elements take quite some time to integrate. Creating high-contrast CSS can take up to a day (or more if you're new to it), non-Javascript states usually more than an hour because you also have to edit the script. If you haven't considered accessibility in your company before you'll find that a lot of time goes by convincing the backing parties (Product Managers, Project Managers) to take it on board. For an example of a high-contrast version may I suggest to check out the Sydney Morning Herald's Travel section (http://www.smh.com.au/travel/). Click on Low vision in the navigation bar (We're going to replace low vision with high contrast since the former can be perceived as discriminatory). The styles you see then have been developed together with a vision-impaired person. They're not pretty, but usable. The biggest challenge with this kind of CSS is to keep up with development and remind oneself to update the code. It's not perfect, but it's a start. Cheers, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Accessible websites (was: accessible free web hosting account)
Hi, thank you for your thoughts and feedback. After all, the few people that do spend any time at all on making their websites accessible, probably aren't going to be experts in accessibility, so probably won't do a very good job of it. Yes and no. If we had no pioneers which inherently cannot make a very good job we wouldn't have innovation. I rather make a not-so-good attempt in accessibility than leaving it and wait for others to come up with something. FYI, when I click on Low vision and get the high-contrast stylesheet, that right-most menu pick changes to High contrast ... I know. As I said we are in the process of changing low vision to high contrast and that's what you get in the interim. Sorry. Will be cleaned up in one of the future releases. it's terribly ironic that this menu pick becomes large enough for a person with limited vision to read only after it's been selected. Well, you know that you've got theory and practice. In theory I agree with you and would make the link large and contrasty. In practice however we are bound by the constraints of a design to which many groups have to say yay or nay. The above-the-fold area is the most competitive part of any design. Responding to Jim's comment about [people too proud to wear] glasses: You would be surprised how many people are in that very same situation. They make up a significant number who actually benefit from accessible websites. Is there any other strong arguments for making pages available, without javascript enabled? I'd like to know too. On the Sydney Morning Herald in June less than 0.5% of users had JS disabled. Maybe we should drop that support? Anyone willing to share their numbers/reasons? Cheers, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] RE: Using background images on submit buttons
on an ASP.NET-driven site we'd like to use background images for flexible-width submit inputs. Due to the .NET limitation we cannot use the button tag and are stuck with the following syntax: input type=submit value=Button Text / Thank you for your inputs. However, we really cannot use the button element. I'll be looking into adding a wrapper to the input which appears to be the best solution as of now. Heavy Javascripting would complicate the build even further and I hope we can get around that option. Cheers, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Using background images on submit buttons
Hi community, on an ASP.NET-driven site we'd like to use background images for flexible-width submit inputs. Due to the .NET limitation we cannot use the button tag and are stuck with the following syntax: input type=submit value=Button Text / Did you ever style these submit inputs with background images that allowed a flexible width? Thank you, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] a WCAG 2.0 question
I'm also bruised by new windows I didn't want and links which apparently didn't work because they refreshed an existing window below the current one. I second the line of argumentation against new windows. Even if screen readers can deal with them better now, I'd like to keep the user in control of what they're doing. There's no better indicator to a new window than the decision in the user's mind. Cheers, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Code management advice needed
Hi Robert, Ben, James Martin, thanks for your responses. I've followed the links supplied and read your comments carefully. It seems that we really need to introduce tagging to set defined versions we can go back to to solve our problems. Currently we have a 'trunk' and a 'branch' for each of our projects. We work off the branch and in most cases immediately merge with the trunk once the work on the branch is complete. If I understand correctly it might be worth reconsidering this. Before we make changes which are not additions or fixes but change our code structurally we should create a new tag. I still have to learn more about SVN with respect to selectively checking out code (I don't need the full code base for each branch) and retagging. Thanks for your help! Cheers, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Code management advice needed
Hi all, this might be slightly off topic and I'm glad for any redirects. We're managing our source code in a version control system called SVN. This works as long as frontend carve and backend integration are linear. Sometimes however we need to change code that's old from a frontend perspective, because the frontend has already implemented new changes. We struggle with how to properly implement a workflow in this case, because we would need new versions of the old code while still working on changes of the current new code. I have posted a message on svnforum.org, but received no reply. If you know SVN well or if you have any links, groups etc. to turn to I'd be very thankful. You can reply off-list if necessary. Thanks, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Title attribute
I was wondering how valuable the Title attribute is Use the 'title' attribute when the link text needs to be short and doesn't convey all a user needs to know, eg. a href=... title=Latest News from InTheSticksLocal news/a. In this case you also add a bit of SEO. I found that, contrary to what I believed previously, this is not required for assistive technologies, ie. screenreaders. They usually pick up the anchor text well. Cheers, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Chrome and Safari render the same...or do they?
Hi all, thanks for your suggestions. I'm attaching a side-by-side comparison of a snippet of the page since I cannot put any code live, hoping the attachment gets delivered. Safari is on the left, Chrome on the right. If you cannot see the attachment, it shows how the graphical background elements are all lined up vertically, but the type is not. There's a slowly increasing offset between text lines in each of the two boxes. I'll try the rounding approach David suggested and will report back. Sorry for the delay, I've been busy with urgent tasks. Thanks, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** attachment: safari-vs-chrome.gif
[WSG] Chrome and Safari render the same...or do they?
Hi experts, I'm running into big rendering differences between Google Chrome and Safari 3.1/PC. They are said to render pages the same, given that they're using the same Webkit engine. The differences seem to be mainly due to the different font rendering. Safari's fonts are way smaller, hence my boxes are smaller and shift up, breaking the layout. Anyone knows why this is so? Is there a workaround, i.e. a Safari-only CSS hack? Cheers, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] RE: Accessible date picker widget
Hi guys, thank you very much for your suggestions, I'll have a thorough look through them. Cheers, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Accessible date picker widget
Hi all, I'm looking for an accessible widget that lets you select a date. It should be lightweight (or compressible), not depend on frameworks and allow for keyboard use / screenreaders. The ones I've found so far couldn't take all hurdles. Thank you! Cheers, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Learning Javascript properly
I've been trying to convince people here at work to use JQuery for UI... Are there any takes on JQuery vs. Mootools? Easier? More compatible? Less filesize? Thanks! Cheers, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Equidistant floats in a container
Hi all, I need to float elements in a container so that they have the same margin between them. I've seen somewhere a technique how this can be done without additional classes, but can only remember part of it. This works in Firefox and Chrome, but not in both IEs: div ... ul licontent.../li licontent.../li licontent.../li licontent.../li licontent.../li licontent.../li /ul /div CSS: I want a 3px margin between the elements: ul {list-style-type:none;margin-left:-3px} ul li {float:right;margin:0 0 3px 3px} While FF and Chrome show me the intended 3 elements x 2 row array in the container div, both IE show a 2x3 matrix. Somehow they get the margin wrong, but I cannot remember how to cure this. Any ideas? Thanks, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Equidistant floats in a container
if you're viewing in IE6 it will be the double-margin bug Would be easier to say for sure if there was some code to view. I thought of the double-margin bug too, but that seems not to be the issue here. Since the code's still in development I cannot provide a link unfortunately. I had assigned a width height to the lis, but not to the ul. Doing so indeed convinced IE to render the list properly. Thanks, Todd! If anyone of you knows a fix without assigning a width please let me know though because I wanted to keep the component flexible for other containers. Thanks, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Figures out issues. Standards for troubleshooting css
Setting backgrounds is one of the quickest ways to check line-ups while designing and troubleshooting. Another technique I use daily is to invalidate CSS rules instead of commenting them out during troubleshooting. I second these techniques. I use bg colours as well and invalidate CSS by putting an x in front of the rule, e.g. xmargin:2em; which has the same effect Georg described. There's also a couple of standard IE bandaids, i.e. height:1% to give the element layout, position:relative and display:inline (for double-margin bug on floats), sometimes also float:none. I found it most rewarding to develop in parallel. I usually complete one element and immediately test in IE6 and IE7. This prevents you from having interrelated IE issues. Google IETester for a good app to install both on the same machine. Rarely do I need to amend for Safari (PC) or Opera. Cheers, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Shopping cart - who does what
Do the free [shopping carts] (such as ZenCart and OsCommerce) do an adequate job ? I once did a ZenCart job for a friend and found it extremely confusing. ZenCart has hundreds of options and if you're new to the software you should prepare for a lot of searching on the net. That said there are solutions for probably all of your problems and the community is helpful. ZenCart's template system is unusual as it requires you to create a separate folder with your project's name for each template you want to override - a scattered approach which adds to the confusion. You need to thoroughly document what you're doing or you will be searching again if the client needs changes in a few months time. I have spent many unpaid hours trying to figure out ZenCart. It's no surprise that there's a busy market of experts (or wannabes) who offer templates and solutions for you. My friend populated the shop at the time because he was savvy with Photoshop and could do all the image work himself. But you could as well end up doing that too if your client hasn't that knowledge. I think you should weigh your time vs. the fee your colleague charges. You might want to learn ZenCart or another eCommerce solution so you can do it in the future. Cheers, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] What if (element width + margin ) container width?
For example, you could add overflow-x: hidden to the container to stop the expansion Hi David, that's what I did (to Blueprint CSS actually). Since the overflowing bit was just a margin anyway I could accept this fix for IE6. Cheers, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Semantic markup of a byline date/time
Did you manage to find a solution to this? Hi Ben, I ended up using this structure: div class=articleDetails cfix h5Nam vestibulum leo id condimentum/h5 citeDominus 23, 2008 - 10:36AM/cite pPage 1 of 3 a class=single href=#Single page view/a/p p class=commentsa href=#commentsComments span45/span/a/p /div This is going to be a snippet which can be skinned, hence I wrapped it into a div to allow for backgrounds. The H5 gives the byline the weight it needs semantically over other content. I found cite to be appropriate for the time stamp as it's a reference to when the article was published (but I clearly see room for discussion on this). For the other information I just used ordinary paragraphs with appropriate classes to style them. Cheers, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Pop-Ups (BOM)
what's your views on Pop-Ups My spontaneous answer is that I would expect pop-ups to alert me to something that needs immediate attention, as you say when I forgot to save my email draft. If I'm using web apps the correct way I don't expect any pop-ups since web apps can manage all other feedback using AJAX. For example, when filling out a form incorrectly, I expect friendly messages appearing in the page, not in a pop-up. Cheers, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Semantic markup of a byline date/time
I may be wrong, but your use of cite looks the wrong way around - surely a citation should point at a document? If it's a cite _attribute_, then yes, it should point at a document. But a cite element, as I understand it, marks up a piece of attribution text, and so can simply be the name of a person, or whatever. Eg. blockquote pSome article text blah blah blah/p pwritten by citeHarold Lloyd/cite/p /blockquote Yes, I'm using cite to reference the date. After a bit of search I found this at [1]: cite class=ref-book id=ref-edwards-civil_war_guns-1978 title=Edwards, Civil War Guns span class=author Edwards. William B./span span class=title Civil War Guns/span. span class=publisher Castle Books/span. span class=publication-date 1978/span. /cite It's clearly overkill for what I'm doing but I can understand why the author did it this way. Cheers, Jens [1] http://bytes.com/forum/thread97106.html The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Semantic markup of a byline date/time
Hi all, I'm trying to find a semantic representation of the following construct which is part of an article template: Byline goes here July 15, 2008 - 3:51PM Page 1 of 2 | Single page The current implementation uses proprietary byline and date tags and a span for the pagination information. I thought of using a low-level h5 for the byline since it's somehow connected to the main h1 further up the page. Maybe a ul for the pagination info? Suggestions welcome! Cheers, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] columns with matching vertical alignment
I would like to know the best (or at least better and simple) way to achieve this kind of design. [horizontally aligned lists at the end of parallel columns] Hi Ben, I'd keep the content together for semantic reasons. Then you need to assess the maximum text you allow for both the paragraphs and the lists. Calculate the maximum heights, then set the container height and absolutely position the list to the bottom. It might require some business rules around the allowed number of characters or words. Check out this site: http://www.moneymanager.com.au/ and remove list items (with Firebug) of the Calculate your... lists. Cheers, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Forcing a vertical scrollbar in Firefox 3
Opera Web Standards Curriculum: http://www.opera.com/wsc/ It is interesting to note that they fail to follow the most basic web standard for implementing an image tag - specifying width and height - so that the page annoyingly jumps when the image is loaded. But heads up for only one validation error. Cheers, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Link to WSG archive in footer?
I just tried to find the WSG's archive which took a Google search after unsuccessfully searching for it on webstandardsgroup.org. Why not include this link in the standard post footer next to the guidelines link? Helps us search before we might ask again what has just been discussed. Cheers, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] transparency, png IE6 ??
Does anyone have a clever full functional solution for this transparency crap to make work ? I know it's a rather old thread but I just came across a nice solution which does not even need an iepngfix.htc Javascript. One template I work on required a semitransparent background. I have it working nicely cross-browser (FF, IE6, IE7) with the following: CSS: .className {background:transparent url('img/707070_90pc.png') repeat 0 0} /* The 'pc' indicates the opacity, 90% here */ * html .className {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoad er(enabled=true, sizingMethod=scale, src='css/skin-travel/img/707070_90pc.png')} The first line if for standards-compliant browsers, the second one for IE6 only. Image: You'll also need the PNG image. Here's the magic: Usually a PNG image used with the proprietary filter overlays any links and renders them unclickable. But I found a website [1] which offers a fix: You have to use a certain image size, then IE6 allows clickable links. So I made the PNG just 10x2 pixels (wXh). That's it. The site's not live yet, so I cannot offer a link. Cheers, Jens [1] http://www.daltonlp.com/view/217 The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Semantic coding of posted in
I need to code a posted in list of terms where an entry could be filed in, eg: Posted in: category1, category2 My initial choice was to use an unordered list, but what do I with the heading posted in? Should I use a definition list rather? Can we assume that we define where the entry has been posted with the list's definition descriptors? dl dtPosted in:/dt ddcategory1,/dd ddcategory2/dd /dl Thanks, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Reset CSS
Wondering what your thoughts are on whether to use a 'reset' framework for CSS I wouldn't label it a framework since it's effectively just a single, simple style sheet. For me it's benefits are * one initial place to reset margins, paddings (saves me from doing this over and over again for individual elements) * re-usability across projects as a component in my framework * using a tried-and-tested piece of code (since I rely on Eric Meyer's version) I don't see the user control aspect that much. Users usually control view port and font sizes, some might have custom style sheets and those can manipulate styles as they see fit. I think a reset style sheet compensates for different browser defaults rather than for poor standards compliance. Look at Safari and Opera, two very compliant browsers, and compare their defaults on margin and padding. It's like trying to build a house on wooden poles which you've sourced from all over the world, the first thing you'd do is make sure they're all the same length by adding and cutting as necessary. IE-only style sheets have their rightful place. I had projects where I even had an IE6-only stylesheet because I needed so many fixes for that browser (see the recent png thread). IE-only files are yet one more component in my framework. Cheers, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Structuring CSS
How are you guys structuring your CSS files? I am currently in the process of restructuring our CSS. The approach I'm looking into is as follows: 1) use Eric Meyer's reset CSS to create a common base 2) use Blueprint's grid.css for the grid layer 3) use a component CSS layer to a) give a basic styling (only margin, padding, height, width) to site-wide components b) give full styling to cross-network components (so they appear the same) 4) use separate directories for skin-based CSS (contains colours, typography, bg images, borders,... and self-contained image directory) Once in production, so the plan, we can combine and compress 1-3 into one file. I like to use heavy commenting in CSS files and later compress them. All CSS files should be properly indented and have section headings (ie. /* =Heading here */). I'm open to comments on this scheme. The more discussion the better the end product. Cheers, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Background-position in percentage
Does anyone know why [bg image positioning] was created that way, and/or can you tell me if there's some very useful thing this rule allows you to do? As Alex pointed out this is the way to use if you want to right-align or bottom-align a bg image. Also for horizontal/vertical centering this is an easy way to go. I agree with you that the way it works might seem strange at first but if it wasn't it wouldn't work as outlined above. Cheers, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Marking up company logo
The H1 should be used for the most important heading, usually the name of the page I second that. We used to have lots of logos in h1s too, and after a thorough SEO discussion we changed that to a p. The h1 now holds the page title. Cheers, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Alt versus Title Attribute
I don't see the point of the null alt strings. Consider e.g. sponsor images. You don't want to pollute your SEOed page with sponsor keywords, nor is it necessary from an accessibility point of view. Cheers, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] The Problem of adjacent links
Screen-reader users have said that the vertical bar is THEIR preferred character Really? Do you have any data supporting your claim? I'm happy to learn more since we cannot conduct user tests on our end. As was pointed out before, I thought a read of List. 5 items. Item one: . Item two: etc. was good enough. Cheers, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] The Problem of adjacent links
The most common separator used in such circumstances ... is the vertical bar...whilst it is quite wordy That's the reason why I've started *not* to use it anymore. I'm using borders instead and add the class last to the last list element to apply no borders at all. Whilst a border is slightly higher than a vertical bar it avoids screenreaders to go home vertical bar latest posts vertical bar contact us vertical bar sitemap vertical bar Cheers, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] IE8 beta's a nightmare
Hi Thom, finally someone who addressed my original question ;-) We'd tested a few sites, build over the last 18...24 months, and I'm not sure about how much IE-only styles there are. I guess the doctype is mainly XHTML Transitional if at all. I hope once IE8 is out of beta we'll have more joy... Cheers, Jens -Original Message- My own experience was that IE8 was rendering surprisingly well. I use conditional comments to fix IE issues, however they where targeting IE lte 7 so IE8 wasn't getting any fixes. But it didn't need to. That's with strict XHTML doctype. Haven't tried any other. -Thom The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] IE8 beta's a nightmare
Hi community, we just did some testing of our sites in IE8 beta and got some ahhhs and ohhhs - not because of its standard compliance, rather because all sites seem to be broken: logos disappeared, elements misplaced, Google maps blown up, etc. Did anyone do some more testing with IE8? Do we know any better release date than mid year? Thanks, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] An efficient CSS architecture
Hi Paul, thanks for your thoughts. Could you share why you went for Yahoo YUI rather than e.g. Blueprint CSS? Please explain to me what you mean with CSS for a creative workgroup and dev workgroup. Why is this distinction necessary? I am currently looking into CSS compression. This has, however, the disadvantage of removing effective live debugging with Firebug because all CSS rules will be on one single line. How do you address this problem? I'm actually questioning the approach to use IDs because they have such a strong specificity. I'm aiming for using them only if Javascript dictates it or if we really, really need them. Otherwise I'd rather use a class. Cheers, Jens -Original Message- This was before we adopted the Yahoo YUI for our in-house development. I'd suggest you create separate CSS files and workflows for a creative workgroup and a development workgroup (content.css and controls.css) as both departments will want to release unique controls and content elements that won't be able to pick up the existing styles. This will relieve pressure on the framework CSS files. I'd suggest that CSS be added to a project and validated before going out, and use ID to isolate areas where you can. You should be able to clean out the content.css and controls.css files periodically. The multiple stylesheets are a concern, but your base framework can be combined and compressed and served from somewhere else as others have suggested. You can do much the same for the javascript too. Cheers Paul The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] An efficient CSS architecture
Hi all, I'm currently in the lucky position to be able to design a CSS architecture from scratch. I was thinking of creating a layered approach where I have a CSS layer for - the CSS reset - the site layout (structural parts, ie. columns, rows, header, footer) - the site's elements (boxes which can be reused across pages; a box might contain images, heading, paragraphs) - the site's skin (colours, sprites etc.) I'd like to know if you have been through this thought process and if you have proven concepts that you would like to share. (You can email me offline too, but we've got a long weekend here so I'll contact you Monday.) Thank you! Cheers, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Form best practice
Hi Jessica others, thank you very much for your contributions. This got me started really well. We're now entering the process of reviewing the guidelines we'd like to apply and some good and bad examples. Cheers, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG]
Hi Anat, there is no tool that fully automates the process - too many issues need manual inspection. However, for what can be automated and what needs to be reported back to a human reviewer we found TAW a good (and free) option. http://www.tawdis.net/taw3/cms/en (see right hand side for download). Cheers, Jens -Original Message- Anyone know about a tool that automate the process of testing accessibility? any new good tool? The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Form best practice
Hi all, we are currently evaluating how we code up forms. In the process I'd like to review form best practices. I guess you've come across a good form with respect to either design, functionality, semantics or interaction. Please send me any bookmarks you might have of what you consider top of class. Thank you for your help! Cheers, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Floating model: FF counterintuitive
Hi guys, thanks for all your valuable input. In the end I introduced and floated to the left another div which wrapped the heading and div1. This way I ensured that the context was preserved (relationship between heading and div1's content) and that this new block of content aligned with div2 horizontally on the top. Cheers, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Floating model: FF counterintuitive
Hi group, I have a really easy setting: h2 style=float:left;width:300pxheading/h2 div style=float:left;width:300pxdiv one/div div style=float:right;width:200pxdiv two/div When I imagine this I expect the browser to render the two left-floated elements on the left side and the single right-floated div on the right side, aligned with the heading: +---+ ++ |heading| |div2| +---+ || +---+ ++ | div1 | | | +---+ However, FF aligns the right-floated div with the left-floated div and I cannot convice it to align the former with the heading. IE6 and IE7 render it as I intuitively think it should render. Having faith in FF I believe I'm missing something basic to understand why this happens this way. Anybody solved this without introducing a wrapper div for heading and div1? Thanks, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Floating model: FF counterintuitive
Maybe I should clarify: This is how FF aligns them: +---+ |heading| +---+ +---+ ++ | div1 | |div2| | | || +---+ ++ ...which is *not* what I want. I'd like to have the IE version, sketched below. I think it's because the heading and div1 make up a chain of floated elements which is broken in two lines since the space does not hold both at the same time. After this chain FF floats the next element. It seems logical but not intuitive. Cheers, Jens +---+ ++ |heading| |div2| +---+ || +---+ ++ | div1 | | | +---+ The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Floating model: FF counterintuitive
Hi Casey, Changing the order of the DIVs in the source should fix the problem you're absolutely right - changing the source order would solve the problem. But in order to keep together what content-wise has to be kept together (heading and div1) I wanted to know if there is another solution. Cheers, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] a target= blank not part of xhtml
Poping up windows makes assumtion of the user's behaviour. I second that. Originally I had the target solution, then (to make it XHTML-compliant) an inline JS solution. With the next redesign I will throw it out altogether and just indicate external links through CSS, but leave it to the user to decide on new windows. Cheers, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] RE: Sitemap and accessibility
Cheers, Jens Korff Lead User Interface Developer Creative Services Unit Fairfax Digital Level 2, 1 Darling Island Road Pyrmont NSW 2009 T: +61 2 8596 4405 F: +61 2 8596 4466 -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Mike at Green-Beast.com Sent: Monday, 10 March 2008 12:52 AM To: wsg@webstandardsgroup.org Subject: Sitemap and accessibility I didn't know robots text was important for accessibility, however I learned from the accessites team that it is. Tee, The reasons we (Accessites) look for a robots.txt file is because it keeps honest bots from wasting their time and your bandwidth indexing directories/files you don't want indexed. We don't look at this as part of a web accessibility requirement. Our focus is on quality sites for which accessibility must be an integral part. Thus, we like to see things like a robots.txt file, PICS label, semantics, good looks, and more, of course. Regarding a site map, that we like to see for accessibility and not for bots at all. A site map is important to accessibility as some user will seek out a site map right away to grasp a site's overview and offerings. For some users, this is the best way to begin the exploration of a site. In my opinion, html site maps don't have anything to do with indexing other than just being another indexable page. It is my understanding, though, that an XML site map can help indexing but being that I've never used one or looked into it much, I can neither confirm or deny this. Sorry for the misunderstanding. Respectfully, Mike Cherim *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Firefox developer toolbar
Does the web developer toolbar support Firefox 3.0 beta 3? Here's a beta for the beta: http://jefim.wordpress.com/2008/01/08/webdeveloper-add-on-for-firefox-3- beta-2/ Cheers, Jens Korff The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] IE6 3-pixel jog victim
I have restyled a timeline but have come stuck with IE6's 3-pixel jog. I cannot apply the usual remedy (floating the paragraph) as I need any element next to the floated offender to be indented. Hence the paragraph has a left margin which cannot be zero. http://creativespirits.info/aboriginalculture/history/aboriginal-hist ory-timeline.html You haven't exhausted the 'float' property yet. By adding... * html ol.timelineList dl {clear: both; margin-top: 1em;} * html ol.timelineList li p {float: right; width: 500px; margin: 1em 1em 0 0; clear: right;} * html ol.timelineList {float: left; margin-top: -1em;} Hi Gunlaug, thanks very much for your solution - it works perfectly. Could you please explain how the margin works with IE6? I wonder how the top margin eliminates the left margin when I apply it. Thank you. Cheers, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] IE6 3-pixel jog victim
Hi, I have restyled a timeline but have come stuck with IE6's 3-pixel jog. I cannot apply the usual remedy (floating the paragraph) as I need any element next to the floated offender to be indented. Hence the paragraph has a left margin which cannot be zero. I've tried all the usual IE6 tricks (position, hasLayout, inline) to no avail. Any help is greatly appreciated. http://creativespirits.info/aboriginalculture/history/aboriginal-history -timeline.html Thanks, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] IE6 3-pixel jog victim
Hi Thomas, I have restyled a timeline but have come stuck with IE6's 3-pixel jog. Add left padding to the paragraph intead? Unfortunately that won't work. My aim is to have all paragraphs aligned to the left, even if they start below the year box. That's why I need to flow the year box but not the paragraphs (which would be another 3-pixel jog fix, BTW). Cheers, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***