[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

[WSG] RE: Using a dot "." in a class name

Thanks to all who replied. I have opted for the save way and will use classes like "stars-05", "stars-10", "stars-15", etc. for half a star, one star, one-and-a-half stars etc. Cheers, Jens The information contained in this e-mail message and any accompanying files is or may be confidential

[WSG] Using a dot "." in a class name

Hi all, I've noticed that YouTube uses a dot for its star rating: 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

[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 to preserve whitespace (which include

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 b

[WSG] Styling IE8 web slices

Hi all, I find that when implementing a web slice its background displays a sprite we use. All efforts so far to style the background to plain white failed (even with inline styles as recommended by MS [1]). Has anyone successfully styled web slices that do not have a separate HTML source? Th

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.thu

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 inhere

[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), ski

[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 tag and are stuck with >the following syntax: > Thank you for your inputs. However, we really cannot use the element. I'll be looking into adding a wr

[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 tag and are stuck with the following syntax: Did you ever style these submit inputs with background images that allowed a flexible width

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 o

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 o

[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 perspecti

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. Local news. In this case you also add a bit of SEO. I found that, contrary to what I believed previously, this is not required for

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 element

[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

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,

[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 contain

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 yo

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 as

[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: con

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 putti

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

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

[WSG] What if (element width + margin ) > container width?

Hi community, sorry for the programmatical subject. My question is as follows: If an element's width and its margin is wider than the containing element's width, how should browsers render this according to the spec? I find that FF3, IE7, Safari (PC) and Opera all allow this margin to exist and

RE: [WSG] Semantic markup of a byline & date/time

>> I may be wrong, but your use of 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 element, as I understand it, marks up a piece of attribution text, and so can simply be the name of

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 feedb

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: Nam vestibulum leo id condimentum Dominus 23, 2008 - 10:36AM Page 1 of 3 Single page view Comments 45 This is going to be a snippet which can be skinned, hence I wrapped it into a d

[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 and tags and a for the pagination information. I thought of us

RE: [WSG] Forcing a vertical scrollbar in Firefox 3

> He who lives in a glass house etc, etc... Hi Paul, you're right and I'm sorry if my comment came across too negative. In fact, I was rather amused that Opera, which I value for its fight for standards compliance, was advertising a course on standard compliant HTML programming and doing such an

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 validatio

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 a

[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, J

RE: [WSG] transparency, png IE6 ??

> I attach [the htc approach ] to a style sheet for IE6 or below[,] that way my CSS still passes validation. Good point which I didn't mention explicitly. However, not using the HTC approach reduces your HTTP requests by one which might be interesting in terms of optimising your site for speed. C

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 i

[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

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 agai

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

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

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

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 s too, and after a thorough SEO discussion we changed that to a . The now holds the page title. Cheers, Jens The information contained in this e-mail messa

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:

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 slight

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...

[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 kno

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, howe

[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 c

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 downloa

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

[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

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

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.

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 fl

[WSG] Floating model: FF counterintuitive

Hi group, I have a really easy setting: heading div one div two 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| +---+ || +--

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

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.

[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

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. > >>

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 n

[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 trick