[WSG] When to use image replacements?
Hi all I'm just after a bit of advice as when to use image replacements over using a gif or jpeg graphic. Whilst working on a new project at work the other day it struck me as to how much I was using image replacement and if I was going over the top in using it. Generally I use image replacement for elements such as headings, titles etc. but I would like clarification as when best to use it for the following elements: Main navigation I've seen many sites which use image replacement for navigation areas, whilst just as many who use images and alt text. Buttons Not buttons in forms, but other general 'call to action' buttons, such as 'Download Now', 'Email Us'. or 'Buy Now'. Logos Logo's are one's that always stump me, should I use the graphical version of the logo with an alt tag, or simply use text and image replacement Images with relevant copy For example, if you visit Panic's website here: http://www.panic.com/ coda/ and go to the books tab, there is a picture of a book with some relevant copy a user would find interesting. Again would this be a candidate for image replacement? I'm just like other peoples views on these elements and see if there's a common school of thought... Cheers Lee *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Client Side Development Process
Hi all I wonder if anyone can offer some advice. I've recently landed a new development position within a very credible digital agency as part of their client side development team. One of our things to do is develop a rock solid development process we work through for every project. Traditionally we don't get our hand dirty until a client signs off what the design team have produced, however we are going to try to change this and get involved from an earlier point in the project. Would anyone like to offer any advice on setting up this process, and any advice on things to take into consideration for inclusion of the process. It'd be great to compile some documentation, and share it with the rest of the community... We're starting from a blank canvas so any advice appreciated. Kind Regards Lee Powell *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Using headers symantically
Hi all, Last evening I was playing around with some conceptual work which included a vast number of headers, and it got me thinking into how best to use them, and indeed how the spec says to use them. The W3C spec states, that the range of headers goes from h1 through to h6, and that headers should be tagged relevant to their importance. If this is the case, should headers be nested? In that an h3 should always come after an h2, and an h4 should always proceed an h3. Or should we markup content relevant simply to how important we feel a certain heading is? For example, would it be good practice to use the following: h2Title/h2 psome text/p h4Sub-Title of Title/h4 pmore text/p or should I have used a h3 instead of an h4 because it is the logical next heading in order? Again, in a large amount of markup, should I always use headers in a ascending order or simply place the relevant header element based on it's importance (as stated in the W3C specs)? h2Title/h2 psome text/p h4Title/h4 --- not related, or a sub-head of h1, simply a less important heading pmore text/p In this example, should I have used another h2? is it wise to simply jump to an h4? Incidentally, how do we weight the importance of headings? If a page had several h2 elements, no h3 elements, but a dozen h4 elements, would this indicate that the h4 elements simply weren't important enough to be given h3 tags? Sorry if I haven't explained myself very well, and this may seem a bit over-the-top way of thinking about how heading should be marked up, but some clarity in the matter would help my work. Regards Lee Powell *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Brand logos with links to home
Hi I was wondering what the general consensus was on whether the main logo on a site should always be a link back to the home page. Is this a general 'rule of thumb' or do many tend not to do this? Aye's or Nay's appreciated Thanks Lee *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] centring and viewport size (OT?)
Hi Bob How about adding an 'overflow: scroll' to the containing div, or failing that allocate it a 'min-height'? That might avoid having to use unnecessary javascript. Regards Lee On 17 Mar 2007, at 13:03, Designer wrote: I'm sorry if this is OT [but hey - it's weekend :-) ] but I'm pretty useless at javascript, DOM and all that and I've really struggled finding the info I need. Most of the methods (non-tables) for centering a div vertically (and horizontally) suffer from the same problem: they use the div height to attach a top margin and use percentages. The result is that, when the window size gets to be smaller than the div size, the top of the content can't be seen and it won't scroll. So, it seemed to me, it must be simple to 'get' the viewport size (javascript, DOM?), subtract the div height, then apply a top margin in CSS with php. I'd rather do it all in php to avoid folk without js, but that seems improbable) But I'm in a muddle! I feel sure someone has already done this, so I'm asking if anyone can point me somewhere for the info I need? I can't find it! Thanks. -- Bob www.gwelanmor-internet.co.uk *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Teaching CSS
Hi I agree with all the comments made so far. The book(s) that helped me the most get my head around CSS and it's applied techniques were: Web Standards Solutions: Dan Cederholm CSS Mastery, Advanced Web Standard Solutions: Andy Budd Designing With Web Standards: Jeffrey Zeldman (new version just came off the press) Although the Zeldman book isn't a pure CSS guide it helps anyone understand the fundamentals of why they work with CSS instead of old FONT tags. Hope this helps. Lee On 17 Mar 2007, at 05:47, Cole Kuryakin wrote: Hello All – My background for the past 27 years has been in design. 6 years ago I realized the (financial) necessity to begin learning web design. 3 years after that came the next leap into HTML/PHP/CSS. So far, so good – well, most of the time anyway. I’ve always been a one-man-band, but now I’m finding myself much busier than I can handle by myself so I’ve had to take on another designer who, while quite good at his art, has never really been fully and satisfactorily exposed to the fundamentals of CSS. So, I’ve got to teach him. And that’s the problem. While my knowledge of CSS has gotten me through each project, and each sheet validates, I still consider myself a “learner” as I’ve never had much time to really, really, really “understand” the box model and other fundamentals that, lord knows, I SHOULD understand completely by now. I’ve learned what I know just via various internet sites and through the help and guidance of wonderful groups like the WSG. So, I’m at a crossroads… how can I teach something that I don’t feel 100% competent in? But the clock is ticking; clients are waiting, and my freelance artist is calling asking “humm, this is breaking… how should I fix it?” To which I respond … “Ah, humm… let me get back to you on that” – and a new email flies out to the good folks in this great group for help. With that lengthy pre-amble, I’ve got to ask – is there a GREAT book out there that steps through the learning process of CSS right from the bare bones that both I and my new artist can use? Not theoretical stuff, but hand-on, simply-put, illustrative? There are a lot of books out there I know, but I need a great one, that’s very specific about explaining all the fundamentals of the box model all the way up. I want to complexly stay away from books that promote or talk about css hacks however (I’ve been using conditional comments and IE specific sheets to deal with these problems with 100% success). A number of SitePoint books on CSS seem pretty good - based upon their sample-chapters download – but before I spend US$40 on one, has anyone here used them? Besides a book, are there any on-line, step-by-step “foundation to penthouse” curriculum course that anyone knows about and TRUSTS by experience? Thanks to all for weighing through this windy post; and advance appreciation to all who care to comment. Cole *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Javascript to check for Handheld Devices
Hi I'm currently developing a stylesheet for handheld devices. However while testing I have noticed that the javascript I've written for screen browsers is still being implemented while testing with handhelds, causing a few problems. Does anyone have any advice on how I can check if the device accessing the page is handheld or screen and offer up the relevant javascript? Thanks Lee *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***