Re: [WSG] A rave about h1's
Right now he's working on Doc Searls' Weblog -- doc.weblogs.com. Tantek doesn't have a stylesheet switcher, but the older ones are listed as alternate stylesheets, so if you're using Firefox or something that lets you choose you can look at his previous recodes... Nate On Mar 18, 2004, at 3:11 PM, russ weakley wrote: Tantek's site is not really his own design. Every few weeks he changes the visual appearance to look like one of the top 100 blogs - to show how their sites could look the same but have sound underlying structure. Can't remember who's visual style he has used at present... Russ Russ I already retracted the blog comment as ignorant stereotyping on my part. I have seen too many h1 used on blog though. Thanks for those links. They show that there is a valid alternative to this issue. Although I didn't find Tantek's site design very aesthetically pleasing, his all list design did inspired Pat Collins to show us how function and style can go together with lists replacing divs. Thans again for the links. I really learned something today. Leo On Thursday, March 18, 2004, at 09:24 AM, russ weakley wrote: * 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] Hiding styles message to certain browsers
There's actually a good reason for this difference. (I can't find the reference right now, but I think it's in Zeldman's Designing With Web Standards.) Some screenreaders (Jaws?) observe the display:none CSS rule, even though it's a visual thing -- therefore, the rule Jeremy cited won't be accessed in that context, whereas Russ' rule will. Neither one is wrong, it's just important to know to whom you're supplying the message... Nate .: Nate Cook : 773 405 4073 : [EMAIL PROTECTED] : www.natecook.com :. On Mar 17, 2004, at 8:17 AM, Jeremy Flint wrote: you can also use .hide { display: none } div class=hideMessage to non-stylesheet browsers/div russ weakley wrote: These guys use the following CSS rule: .hide { height: 0; width: 0; overflow: hidden; position: absolute; } HTML: div class=hide p If you are reading this on a mobile device browser or a text browser, you can safely a href=#maincontent skip to the content/a. ... Russ * 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] best ways to sell web standards
I'd say a big piece for me is future-compatibility -- when I've had clients that have been concerned about backward-compatibility, this is a strong argument to help them see that coding nine ways to Tuesday to support old, broken browsers will probably cost them more in the long run because their nonstandard site code will need to be fixed up to cater to every special new browser that comes out. The alternative to standards is hacking it together and crossing your fingers whenever you download a new release. Nate .: Nate Cook : 773 405 4073 : [EMAIL PROTECTED] : www.natecook.com :. On Mar 9, 2004, at 5:33 PM, Amit Karmakar wrote: Try this link Neerav. This is from Russ' recent presentation. http://www.maxdesign.com.au/presentation/benefits/ Regards, Amit Karmakar www.karmakars.com -Original Message- From: Neerav [mailto:[EMAIL PROTECTED] Sent: Wednesday, 10 March 2004 10:19 AM To: WSG Subject: [WSG] best ways to sell web standards When preparing a proposal for a potential client or trying to convince your management, what are the tried and true methods used by WSG members to convince them that coding to web standards is a plus for their organisation? I can think of a few to start with: * Lower data transfer volumes as pages coded with DIV and SPAN tags + CSS for presentation are usually smaller in size and the CSS will be cached * Coding to standards lowers testing time in the umpteen available browsers (in my experience) as pages coded to standards tend to work more out out of the box than older style table layout and font tag coded pages -- Neerav Bhatt http://www.bhatt.id.au * The discussion list for http://webstandardsgroup.org/ * ** This message is intended for the addressee named and may contain privileged information or confidential information or both. If you are not the intended recipient please delete it and notify the sender. ** * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] Before I start
Jon Hicks did a great article on this very topic a while back -- you might want to try what he says: // hicksdesign :: articles | vertical centering with CSS http://www.hicksdesign.co.uk/articles/archives/30.php Nate On Mar 6, 2004, at 8:49 AM, Christiansen Jonsson wrote: Thanks for your reply. Maybe I should clarify I would like to have a 750px X 420px container div (wrapper) floating horizontal and vertical in the centre on the screen. Is that possible using css or do I need a javascript? (which I really would like to avoid) I did a search for David Hasselhoff on the WSG site but no results. I'm sure a David Hasselhoff search on google would give me some results... but not the one I'm looking for ;) Kim - Original Message - From: James Ellis [EMAIL PROTECTED] To: [EMAIL PROTECTED] Sent: Saturday, March 06, 2004 1:33 AM Subject: Re: [WSG] Before I start Kim In what way do you want to float it vertically? If you want to sit a box in the vertical middle of another box, set its top and bottom margin to be the same: -- top margin box --- bottom margin - margin : 30px 0px; vertical-align : middle; can be applied to table-cell and inline elements (the CSS2 rec explains it). In tables you can then apply td { vertical-align : middle; } instead of using html presentation of td valign=middle I think, though, you are talking about floating a box so the text wraps around it above and below. If you do search for the David Hasselhoff experiment/competition run a while back - your answer may be there. I believe The Daemonite (Ben) Bishop had a solution to Hasselhoff quandary. :D Cheers James Kim Kruse wrote: Hi, Before I start out on a project I would like to know if it's possible to float a mainwrapper vertical? If so... what about browser support (Version 5+ browsers) Thank you and have a nice weekend Kim * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] Open critique?
Cameron Russ, Thank you both for your feedback! (And especially to Cameron for the recognition!) It seems some of the folks at webstandardsawards.com and CSS Vault are being a little... ahem... forceful with their comments. :) As for the constructive criticism: Print CSS - I'd nearly forgotten about this until today, so I'm spending some time on bringing it up to snuff. I think it was working better early on in the development process, but as the CSS for the site changed it has ceased to make a lot of sense. Font size - This is an issue I've actually been having a lot of trouble with, since the site is so tightly constructed. I know I could do at least a little better with the alternate stylesheets, but sizing up the fonts through the browser doesn't let me do the same kind of shifting of elements... Do you have any suggestions about how to handle this sort of thing? (from the webstandardsawards comments:) Colorblindness - I hadn't really thought about this since the site is so monochromatic. My understanding was that the issues were much more of two juxtaposed colors than simply one of value -- Anyone have suggestions for where to look for more on this topic? No JS-navigation - Noticed this about the same time the site went up on there, I believe, and I must have fixed it while he was posting his comment. Funny. :) Style-switchers - Very good comments there on this feature, which I'll take into account when I can partner up with the .NET developer. (I'm only in charge of front-end on this one.) Again, thanks for the feedback! I'm really enjoying the discussions on this list... Nate .: Nate Cook : 773 405 4073 : [EMAIL PROTECTED] : www.natecook.com :. On Mar 6, 2004, at 1:47 AM, russ weakley wrote: Some interesting comments already: http://www.webstandardsawards.com/previous/aiga_atlanta.html#comments The first comment is simply opinion on the design, but the second comment mentions some good accessibility issues that should be considered. Russ Forget CSS Vault, I already awarded it on Web Standards Awards! :-] http://www.webstandardsawards.com/ -- Cameron W: www.themaninblue.com * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] Scrolling off into the distance
Hmm -- but that doesn't really look centered to me. Another solution is to add: min-width: 820px; to the body style declaration. It's CSS2, so it's not very widely supported, but the browsers you're having issues with look like they support it fine. nate x-tad-smaller /x-tad-smallerx-tad-smaller .: Nate Cook : 773 405 4073 : [EMAIL PROTECTED] : www.natecook.com :./x-tad-smallerx-tad-smaller /x-tad-smaller On Mar 4, 2004, at 11:08 PM, Jackie Reid wrote: Stop... dont do anything I think i fixed it by reading russ's thing on centering - fun for all . instead of margin 0 auto i did margin left 10% and margin right 10%... seems to have sorted it out. You are a marvel Russ... x-tad-bigger- Original Message -/x-tad-bigger x-tad-bigger /x-tad-biggerx-tad-biggerFrom:/x-tad-biggerx-tad-bigger /x-tad-biggerx-tad-biggerJackie Reid/x-tad-biggerx-tad-bigger /x-tad-bigger Sorry to bother you lot again...need more help. ( I only ever ask you lot when I have driven myself to drink over the problem) But... When I resize the file http://www.healthpoint.com.au/new2.php in firebird it keeps scrolling away and out the left hand side of the screen, therefore losing the navigation when resized to 800x600. What's the story? All ok in ie for a change. code here http://www.healthpoint.com.au/css/new.css Jackie Reid