[WSG] Helpful Criticism and Browser test plz
Hi all, Just got my latest project to validate XHTML Strict, and just wanted any helpful criticism and also to see if any problems with any Browsers and Operating Systems . http://www.clock-this.co.uk/ Thanks in advance.. Dave.. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Helpful Criticism and Browser test plz
Just got my latest project to validate XHTML Strict, and just wanted any
helpful criticism and also to see if any problems with any Browsers and
Operating Systems .
http://www.clock-this.co.uk/
Pro:
Looks nice
Cons:
- increasing text size messes thing up (at least in Safari/Mac)
- Inline styles (style=…) – bad idea. CSS is about seperation
content and presentation, so inline styles should be avoided.
- This is really bad:
divp/br/br/br/br/br/br/br/br/br/br/br/br/br/br/br/br/br/br/br/br/br/br/br/img
src=img/quote2.jpg alt=//div.
Decorative images shouldn't be in you XHTML code, they belong in
CSS. Also, use CSS to position them.
- This is especially bad: div
onmouseover=this.style.background='transparent';
this.style.color='#93278e';
onmouseout=this.style.background='transparent';
this.style.color='#606060'; class=txtnavbaritem style=left: 11px;
top: 11px; width: 109px; height: 18px; background: transparent;
font-family: Microsoft Sans Serif; font-size: 11px; color: #606060;
opacity: 1.00; filter: alpha(opacity=100);
text-decoration:none;padding-left: 10px; font-weight:bold;a
style=text-decoration:none
href=http://www.clock-this.co.uk/tick-talk.php;Tick Talk/a/div
Jus use CSS for effect: define how your links look with a:link {…},
and then define how they look while mouse is over them with a:hover
{…} That way you will avoid needles
code repetition, unnecessary Javascript and inline styles, code will
be much more compact and easier to read/maintain.
I think this will do for starters, did not dig deeper.
Regards,
Rimantas
--
http://rimantas.com/
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
Re: [WSG] Helpful Criticism and Browser test plz
Text resizing breaks the layout quickly and there are a number of textual elements within images—why not make these plain text instead to be styled with CSS? (Notably the phone number and the ‘based in east Lanc?shire’—I can’t actually properly decipher the blurred text in the image—graphical texts should be avoided where possible.) The little flash module only has an animation in the first 20-odd seconds of its instance and then remains static (or maybe I need to wait a little longer for it to get going again). Could this just be text that’s animated with some JavaScript (if animation is at all required)? In smaller browser windows this part of website would be ‘below the fold’ anyway and out of sight before scrolling. —Pascal On 22/01/2009, at 2:00 AM, Dave Westell wrote: Hi all, Just got my latest project to validate XHTML Strict, and just wanted any helpful criticism and also to see if any problems with any Browsers and Operating Systems . http://www.clock-this.co.uk/ Thanks in advance.. Dave.. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** --- Simon Pascal Klein Concept designer (w) http://klepas.org (e) kle...@klepas.org *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Helpful Criticism and Browser test plz
Thanks, I will try to impliment your suggestions I am just getting out of
the MSFrontpage stage and working with divs instead of tables. so I fully
respect your views.
BTW the flash animation is only supposed to load then stop... as requested
by client..
- Original Message -
From: Rimantas Liubertas riman...@gmail.com
To: wsg@webstandardsgroup.org
Sent: Wednesday, January 21, 2009 3:27 PM
Subject: Re: [WSG] Helpful Criticism and Browser test plz
Just got my latest project to validate XHTML Strict, and just wanted any
helpful criticism and also to see if any problems with any Browsers and
Operating Systems .
http://www.clock-this.co.uk/
Pro:
Looks nice
Cons:
- increasing text size messes thing up (at least in Safari/Mac)
- Inline styles (style=…) – bad idea. CSS is about seperation
content and presentation, so inline styles should be avoided.
- This is really bad:
divp/br/br/br/br/br/br/br/br/br/br/br/br/br/br/br/br/br/br/br/br/br/br/br/img
src=img/quote2.jpg alt=//div.
Decorative images shouldn't be in you XHTML code, they belong in
CSS. Also, use CSS to position them.
- This is especially bad: div
onmouseover=this.style.background='transparent';
this.style.color='#93278e';
onmouseout=this.style.background='transparent';
this.style.color='#606060'; class=txtnavbaritem style=left: 11px;
top: 11px; width: 109px; height: 18px; background: transparent;
font-family: Microsoft Sans Serif; font-size: 11px; color: #606060;
opacity: 1.00; filter: alpha(opacity=100);
text-decoration:none;padding-left: 10px; font-weight:bold;a
style=text-decoration:none
href=http://www.clock-this.co.uk/tick-talk.php;Tick Talk/a/div
Jus use CSS for effect: define how your links look with a:link {…},
and then define how they look while mouse is over them with a:hover
{…} That way you will avoid needles
code repetition, unnecessary Javascript and inline styles, code will
be much more compact and easier to read/maintain.
I think this will do for starters, did not dig deeper.
Regards,
Rimantas
--
http://rimantas.com/
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
RE: [WSG] Helpful Criticism and Browser test plz
Hi Dave, Nice looking site. I only noticed a few accessibility issues: 1. Add labels to your contact form. 2. Based in Lancastershire... should be an image not a background graphic. 3. Main navigation links need a bit more attention to separate states: visited, hover, active and focus. Hope it helps Mike Foskett -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Dave Westell Sent: 21 January 2009 15:00 To: wsg@webstandardsgroup.org Subject: [WSG] Helpful Criticism and Browser test plz Hi all, Just got my latest project to validate XHTML Strict, and just wanted any helpful criticism and also to see if any problems with any Browsers and Operating Systems . http://www.clock-this.co.uk/ Thanks in advance.. Dave.. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** ---Warning This e-mail is from outside Tesco - check that it is genuine. Tesco may monitor and record all e-mails. Disclaimer This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
