Re: [WSG] Site Review: www.47words.com
Nolan Winthrop wrote: Thanks for the comments, Georg, Wybe. I've made some corrections to it: notably shifting to percentages and ems for font-sizes; changing to onfocus for the search form. The use of small root-value for font-size (76% on body in your case) has the negative side-effect of giving variable results across browser-land when 'minimum font size' is enforced. See: http://www.gunlaug.no/contents/wd_1_03_04.html#ex3 I guess it's an accepted hazard in the community since so many sites/designers are completely ignoring the whole issue :-) However, it does affect headlines on your page. I do have one question that just came up while I was chatting with a friend: Does the hreflang attribute on links do anything, really, or is it just a cosmetic thing that no browser does anything with? (I'm using it on links to materials in Mandarin/Malay to indicate that the content of those sites/pages is in a language other than English.) Not updated for the latest browser-versions, but... http://www.w3.org/International/tests/results/link-element Georg -- http://www.gunlaug.no ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Site Review: www.47words.com
On 3 Oct 2005, at 5:47 pm, Gunlaug Sørtun wrote: I do have one question that just came up while I was chatting with a friend: Does the hreflang attribute on links do anything, really, or is it just a cosmetic thing that no browser does anything with? (I'm using it on links to materials in Mandarin/Malay to indicate that the content of those sites/pages is in a language other than English.) Not updated for the latest browser-versions, but... http://www.w3.org/International/tests/results/link-element That list is -unfortunately maybe- quite up to to date. One could add iCab 3.0 which has a similar 'navigation' bar as Opera and Mozilla to the list that do something in the UI with some of the link attributes. The hreflang attribute isn't used by any browser, I think. You can style it, though, via css2 attribute selectors. Something like this: a[hreflang]::after { content: [attr(hreflang)]; font-style:italic; color:#6c767f } Philippe --- Philippe Wittenbergh http://emps.l-c-n.com/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Site Review: www.47words.com
I've finally bit the bullet and built a fairly (I hope) standards compliant website, 47 Words (http://www.47words.com). I've just run it through the W3 Validators (CSS and XHTML) and it validates. I'd really appreciate comments on the code, design, any ways I could make the markup more semantic, et cetera. Information on how things appear in Safari and other Mac browsers greatly appreciated, too, as I'm running Win XP. Thanks in advance. Nolan Winthrop ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Site Review: www.47words.com
Nolan Winthrop wrote: http://www.47words.com Not exactly following best practices, with font-sizes _and_ line-heights defined in pixels. You're getting the usual result: blocking font-resizing in IE/win and causing text-overlapping in IE/win and Opera if user overrides font-sizes. In short: hard to read. I'd really appreciate comments on the code, design, any ways I could make the markup more semantic, et cetera. Markup and CSS pretty basic. Shouldn't be any problems apart from the above. Design: fine with me. Information on how things appear in Safari and other Mac browsers greatly appreciated, too, as I'm running Win XP. Safari is OK. IE/Mac: page not centered - try writing complete margins on container. Shows nothing in header, and 'search' in wrong place and not very visible. Georg -- http://www.gunlaug.no ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Site Review: www.47words.com
Hi Nolan I like it. I was a bit surprised by the blue on hover. Surprise is good, but i don't know about the blue. In your search option you use some _javascript_ which isn't very stable. If the focus is on the input field and i reload the page (in FF) the hole thing is gone. No input field, no "Search". You use the eventhandler 'onclick'. Try 'onfocus'. Bobby likes 'onfocus', so do visitors who don't use a mouse. I've not been able to verify this because i haven't got Helvetica installed on my PC, but Helvetica for PC is supposed to be this cheap, terrible looking font. For Mac it's fine. Maybe someone can comment on that? If this is true about Helvetica i would use Arial in my font-family: "Century Gothic", Arial, Helvetica, sans-serif; Nice work. Wybe http://www.sceneone.nl Nolan Winthrop wrote: I've finally bit the bullet and built a fairly (I hope) standards compliant website, 47 Words (http://www.47words.com). I've just run it through the W3 Validators (CSS and XHTML) and it validates. I'd really appreciate comments on the code, design, any ways I could make the markup more semantic, et cetera. Information on how things appear in Safari and other Mac browsers greatly appreciated, too, as I'm running Win XP. Thanks in advance. Nolan Winthrop ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
Re: [WSG] Site Review: www.47words.com
Thanks for the comments, Georg, Wybe. I've made some corrections to it: notably shifting to percentages and ems for font-sizes; changing to onfocus for the search form. I do have one question that just came up while I was chatting with a friend: Does the hreflang attribute on links do anything, really, or is it just a cosmetic thing that no browser does anything with? (I'm using it on links to materials in Mandarin/Malay to indicate that the content of those sites/pages is in a language other than English.) I think I'll ignore IE Mac for the time being, it seems to be a negligible proportion of my readers anyway. I was mostly worried about how it would render in Safari. Nolan Winthrop http://www.47words.com/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Site Review: www.47words.com
Nolan Winthrop wrote: http://www.47words.com You're not providing enough width for all content to fit in the allotted space . . . http://mrmazda.no-ip.com/SS/47words1.png . . . nor the content enough size to be comfortably read: http://members.ij.net/mrmazda/auth/area76.html (the content should generally be larger than the browser UI): http://members.ij.net/mrmazda/auth/defaultsize.html#note1 You don't know what you're subjecting to a 24% reduction on http://www.47words.com/lib/css/layout.css with 'body {font: 76%/1.33em ...}', so please change it to 'body {font: 100%/1.33 ...}' to respect your visitors' text size preferences. -- Be quick to listen, slow to speak.James 1:19 NIV Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://members.ij.net/mrmazda/auth/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **