Re: [WSG] cross-browser or vendor-specific CSS
Learn something new everyday. Never heard of this before! Sent from iOS 5 On Jun 30, 2012, at 12:03 AM, David Hucklesby huckle...@gmail.com wrote: On 6/29/12 11:08 AM, coder wrote: - Original Message - From: David Hucklesby Start with a simple design for mobile and old browsers. Add advanced CSS inside @media queries or qualified by :root. qualified by :root? can you give us an example here? In HTML, :root is functionally equivalent to html. Not supported by IE prior to version 9, so a rule like this: :root .thumbs .figure { display: inline-block; } ...would be ignored by old IE. HTH -- Cordially, David *** 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] cross-browser or vendor-specific CSS
For the record, I was referring to :root, not the site mentioned by the OP. Sent from iOS 5 On Jun 30, 2012, at 6:43 PM, Kevin Rapley ke...@digikev.co.uk wrote: Firstly “Do websites need to look exactly the same in every browser?” http://dowebsitesneedtolookexactlythesameineverybrowser.com/ This wasn't on my radar, but even still, there are better solutions out there to handle CSS. I looked through the little documentation that this tool gave, and I doubt it has the level of support that Compass and SASS have. I would stick with Compass and SASS; they have a good following and community around them and there are loads of extensions (mixins, functions etc.) in Github and the like. http://compass-style.org http://sass-lang.com On 30 June 2012 13:55, Tom Livingston tom...@gmail.com wrote: Learn something new everyday. Never heard of this before! Sent from iOS 5 On Jun 30, 2012, at 12:03 AM, David Hucklesby huckle...@gmail.com wrote: On 6/29/12 11:08 AM, coder wrote: - Original Message - From: David Hucklesby Start with a simple design for mobile and old browsers. Add advanced CSS inside @media queries or qualified by :root. qualified by :root? can you give us an example here? In HTML, :root is functionally equivalent to html. Not supported by IE prior to version 9, so a rule like this: :root .thumbs .figure { display: inline-block; } ...would be ignored by old IE. HTH -- Cordially, David *** 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 *** -- Warm regards, Kevin Rapley / User Experience Designer 0772 345 7862 *** 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] cross-browser or vendor-specific CSS
On Fri, Jun 29, 2012 at 10:20 AM, Kevin Erickson kevinlerick...@gmail.com wrote: Hi, I am asking if anyone uses http://ecsstender.org/ to write CSS cross-browser code or, if not, what are you using to write CSS cross-browser or vendor-specific code? Many thanks! Kevin I do not use this. I rely on progressive enhancement. If IE has square corners instead of round, for example, so be it. It's ok. It doesn't render the content inaccessible. I do, however, use http://selectivizr.com/ to make my life easier as it allows the use of advanced selectors which saves some extra fussing and extra markup for old browsers. HTH -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] What is the best element?
Hi listers, I have a graphic map with icons and will have a separate container for a map icon legend. This legend will consist of each different icon that appears on the map and NEXT TO each icon, a definition. My questions is what element(s) would be most appropriate for that legends. It could be: div pimg src=airplane.jpg Shipping facility/p p.../p p.../p p.../p /div or a ul instead of ps? What's most semantic and appropriate? TIA! -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] What is the best element?
On Fri, Jun 1, 2012 at 4:10 PM, Patrick H. Lauke re...@splintered.co.uk wrote: On 01/06/2012 21:00, Tom Livingston wrote: a definition What's most semantic and appropriate? a definition list? P -- Patrick H. Lauke I was going this way but than was a little stumped with the structure. This look right? dl dtimg src=airplane.png alt=Airplane Icon //dt ddShipping facility/dd ... /dl I don't use dls much. I'm not sure the above is proper. Suggestions? -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] What is the best element?
Thanks all On Fri, Jun 1, 2012 at 4:40 PM, d...@danceofthebee.com wrote: ** Tom - Your markup should work. For a detailed description, look at http://www.w3.org/TR/html401/struct/lists.html#h-10.3 Debbie On 2012-06-01 21:28, Tom Livingston wrote: On Fri, Jun 1, 2012 at 4:10 PM, Patrick H. Lauke re...@splintered.co.uk wrote: On 01/06/2012 21:00, Tom Livingston wrote: a definition What's most semantic and appropriate? a definition list? P -- Patrick H. Lauke I was going this way but than was a little stumped with the structure. This look right? [image: Airplane Icon]Shipping facility... I don't use s much. I'm not sure the above is proper. Suggestions? *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Media queries and roles
On Thu, May 24, 2012 at 5:14 PM, tee weblis...@gmail.com wrote: Don't know the answer for sure, but if you display none or make it invisible AT would ignore it no? My logic is, display:none invisible should precede ARIA elements. If a site speficically told the AT not to display a block of content, it shouldn't bother to annouce the role(s) within it to confuse user. When doing RWD instead of mobile adaptation, that navigation goes to the bottom of the page for the consideration of Mobile version, my approach is to use absolute position to target the desktop version's navigation instead of making duplication. tee On May 24, 2012, at 1:12 PM, Tom Livingston wrote: List, Thanks tee. My thoughts as well, but wasn't sure. Also, I thought of absolute pos., but I do not think the structure I need will work with that. Thanks again -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Media queries and roles
List, We have a project being worked on that is being done using RWD. For mobile, we are repeating the nav at the bottom of the page and showing/hiding - with display: block/none; - the appropriate navbar based on min-width media queries. My question is if the desktop main nav has a role of 'navigation', should the mobile nav at the bottom have that same role? Will that mess up screen readers et al? TIA -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Time element question
Hello list, i wasn't able to find an answer on google specifically for what my question is, so here goes: when using the time element, can you put ANY text within the open and close tags? Like: time datetime=2012-02-0302.03.12 - Asia Pacific/time Is the addition of - Asia Pacific ok to do here? Wasn't sure if *any* text was ok to be inside the time tags. I found a lot of info on the datetime attribute, but not if the above type of thing is allowed or not. Thanks -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Time element question
On Tue, May 22, 2012 at 4:22 PM, Phil Archer ph...@w3.org wrote: Hi Tom, (Different forum, still me ;-) ) Ha! Thanks for remembering me! ;-) My understanding is that yes you can (put anything you like in the text). It's the @datetime data that is restricted to a machine-readable format. If, however, you don't give the @datetime value then the content of the element itself must be a valid date. So this is OK: time datetime=2012-05-22T20:20Znow/time and this is OK time2012-05-22/time HTH Phil. Thanks for the info! -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] box-shadow is causing black borders in IE9
I use VMWare and have not run into it... Yet Sent from iOS 5 On Apr 20, 2012, at 11:17 PM, Al Sparber aspar...@roadrunner.com wrote: On 4/20/2012 10:18 PM, tee wrote: And a google search showed that I am not the only one having this bizzarre behavior in IE9. http://stackoverflow.com/questions/10039577/ie9-strange-black-border It seems, from your report and the forum link you provided, that it is a problem in Mac virtual machines. I just tried the page on 3 different computers running Windows 7 and IE9 natively and, like Jon, it's fine. -- Al Sparber - PVII http://www.projectseven.com The Finest Dreamweaver Menus | Galleries | Widgets Since 1998 *** 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] Responsive Design Cost
On Mon, Apr 2, 2012 at 9:49 AM, Spellacy, Michael michael.spell...@tmp.com wrote: Folks, Now that some of us have been doing RWD for a little while, I was just wondering, on average, how long it takes some of you to code a typical page. I know there are many variables involved, so let's just focus on your run of the mill layout. Header, Primary Navigation, Secondary Navigation, Content, Aside and Footer. No scripting of any kind - just layout. If I estimate that it will take me 4 hours to construct a page built on a fluid grid, I currently add 2 more hours to handle any responsive/breakpoint needs. Kind Regards, Spell Michael Spellacy Director, User Interface Development TMP Worldwide Advertising Communications, LLC 125 Broad Street, 10th Floor New York, NY 10004 P: 646.613.2220 F: 646.613.0649 www.tmp.com Twitter: @Spellacy Facebook: http://www.facebook.com/michael.spellacy Please consider the environment before printing this email. That's about on par with us. Half again - at least - as much for different breakpoints. Like you say, there are usually many unknown variables... -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Re: WSG Digest
You're kidding, right? You're not really arguing about More CSS are you? To quote a popular TV personality: Bazzinga! Check the date today, people... Sent from iOS 5 On Apr 1, 2012, at 1:49 PM, Chris F.A. Johnson ch...@cfajohnson.com wrote: On Sun, 1 Apr 2012, Chad Furman wrote: Eww. Why is twenty-five-and-three-quarters percent better than 25.75% -- and why is it mandatory? Do you prefer typing 2012-04-01 or 1 April 2012 or ...? Why is putting one attribute per one selector per line cleaner? To me, that is unnessecary typing! MORE seems like a lot MORE typing and time than necessary... Glad it works for you... not for me, though. On Sun, Apr 1, 2012 at 10:31 AM, wsg@webstandardsgroup.org wrote: * WEB STANDARDS GROUP MAIL LIST DIGEST * From: Russ Weakley r...@maxdesign.com.au Date: Sun, 1 Apr 2012 13:27:58 +1000 Subject: Possibly the best CSS framework ever? You have probably seen all sorts of CSS frameworks over the years... but is this the best CSS framework ever? http://morecss.org/ :) Russ ** Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ** -- Chris F.A. Johnson, http://cfajohnson.com/ Author: Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** 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 ***
[WSG] Semantic or no?
Hello Listers, Quick question (maybe). I've seen a few sliders that use unordered lists as their base structure, using LI's as each 'slide', and allow devs to put anything (HTML structures, as opposed to just an image) into the LI's. Is putting block elements into an LI really semantically ok/allowed? TIA -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Semantic or no?
Thank you Patrick. On Fri, Mar 2, 2012 at 11:51 AM, Patrick H. Lauke re...@splintered.co.uk wrote: Run it through a validator and find out... (spoilers: yes) On 02/03/2012 16:39, Tom Livingston wrote: Hello Listers, Quick question (maybe). I've seen a few sliders that use unordered lists as their base structure, using LI's as each 'slide', and allow devs to put anything (HTML structures, as opposed to just an image) into the LI's. Is putting block elements into an LI really semantically ok/allowed? TIA -- Patrick H. Lauke __ re·dux (adj.): brought back; returned. used postpositively [latin : re-, re- + dux, leader; see duke.] www.splintered.co.uk | www.photographia.co.uk http://redux.deviantart.com | http://flickr.com/photos/redux/ __ twitter: @patrick_h_lauke | skype: patrick_h_lauke __ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: tabs - was[WSG] Expected behaviour of links to external websites
On Dec 30, 2011, at 3:39 PM, Patrick H. Lauke re...@splintered.co.uk wrote: On 30/12/2011 17:32, coder wrote: You just aren't getting this, are you Rob. We're talking about what you do if you don't know there are options. Again, let me turn this discussion around once more. Explain to us WHY you feel that it's important that your site open links in new tabs, rather than putting the onus on those who advocate leaving it the hell alone and just letting a link be a link (as that's what users will be used to - if they don't know they can right/middle/shift-click to open a new window, they'll experience the vast majority of the web in a single window...and that's how they know it/like it) to explain why you SHOULDN'T pop up a new tab/window. Or, then again...can we just let this discussion die? We've been circling around the same pros and cons...and as it's a polarising issue and nobody from one camp is likely to convince somebody firmly in the other camp, it's fairly pointless beyond this. P -- Patrick H. Lauke __ Agreed. On CSS-D, this is what is called 'holy war territory'. List moms usually drop the hammer. Sent from iOS 5 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] media queries can't understand body tag
Unsubscribe link is in the footer. Sent from my iPhone On Sep 29, 2011, at 2:46 AM, Teddy Knoy tedk...@gmail.com wrote: My name is Ted Knoy and I have been receiving your company's e-mail for some time. I assume that this is confidential company information so I don't understand why I have been receiving your e-mail for nearly two months now. You should report this to Google or change your e-mail settings. On Thu, Sep 29, 2011 at 11:50 AM, tee weblis...@gmail.com wrote: Hi Hassan, Thank you for your patient. I did figure it after my post, from xcode's web inspector, a feature I never used before until today. From the this inspector I could see the difference from the one from Safari. Some people are kind and patience by nature (you), some never afraid to show his stupidity and ignorance publicly (I'm talking about myself), and some are snarky by nature, which is David :-) Luckily the world is big enough to for everyone. Tee On Sep 28, 2011, at 5:27 PM, Hassan Schroeder wrote: but I have never seen an article that tells how you can test what elements get loaded in the mobile Safari Maybe the third time's the charm -- Set up your test page and access it from your iOS device while *watching the server log*. Did the device request the image in question or not? Is there something confusing or ambiguous about that? -- *** 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 *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] media queries can't understand body tag
I would just add orientation to your queries and show/hide the right one with the orientation change. Sent from my iPhone On Sep 29, 2011, at 5:28 PM, tee weblis...@gmail.com wrote: If you have SDKs, you can open Dashcode, create a page for Mobile Safari and check the resource log. There is also Browser simulator but this one for both desktop and mobile I think. Still exploring so not fully sure what I see is exactly correct. Trying to figure all these another question has arisen. Take iPad for example which supports portrait and landscape, so if I have two separate images target for the two, doesn't it load two images? Say, I first view a page from landscape and this loads the image from it media query, then I switch to portrait, it loads the image from its media query, when it does, the one from landscape has already been loaded so it won't just magically gone when I am still at the portrait right? If I'm driving anybody crazy, some comfort for you: I am alredy driving myself crazy, so you are just offloading the craziness from me. The craziness you thought from my question isn't from my question actually. tee On Sep 29, 2011, at 9:37 AM, David Laakso wrote: I did figure it after my post, from xcode's web inspector, a feature I never used before until today. Tee Care to share what you found out? Thanks. ~d *** 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] media queries can't understand body tag
I believe that Safari may be the browser with the 'loads anyway' problem. Sent from my iPhone On Sep 27, 2011, at 5:33 PM, Hassan Schroeder has...@webtuitive.com wrote: On 9/27/11 1:42 PM, Frances de Waal wrote: As far as I know all the stylesheets ánd all the linked resources in them like background-images will be loaded with meadia-queries. So I am afraid that the large background image that you try to avoid for mobiles, will be loaded anyway as long as you try to solve this with media-queries. What are you basing this on? A quick test in Chrome and Firefox on OS X and Chrome on an old G1 Android phone, at least, shows that *not* to be true; a background image is only loaded for the rule that matches the applicable media- query. You can watch the logs (or developer console) and see other images fetched as you resize the browser. What browsers/platforms have you tested where this doesn't work? -- Hassan Schroeder - has...@webtuitive.com webtuitive design === (+1) 408-621-3445 === http://webtuitive.com http://about.me/hassanschroeder twitter: @hassan dream. code. *** 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] media queries can't understand body tag
I believe it's the iOS Safari with the issue, where it would be most troublesome. Not sure how to test this. Sent from my iPhone On Sep 27, 2011, at 7:08 PM, Hassan Schroeder has...@webtuitive.com wrote: On 9/27/11 3:33 PM, Tom Livingston wrote: I believe that Safari may be the browser with the 'loads anyway' problem. Safari is a Webkit-based browser like Chrome, so I expect them to behave pretty identically, but, for the record: just tested Safari 5.1 (OS X) and it also does *not* load all the background images, only the media-query-specified one. -- Hassan Schroeder - has...@webtuitive.com webtuitive design === (+1) 408-621-3445 === http://webtuitive.com http://about.me/hassanschroeder twitter: @hassan dream. code. *** 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] media queries can't understand body tag
I'm not 100% sure, but I believe so, yes. I was just brow-beaten offlist by someone because of my reply below. YES, I have an iPhone, but what I don't know is how to test - with JUST iOS Safari - whether of not a bg image is downloaded to Safari. I'd be glad to test it for you, if you can tell me how to confirm it. On Tue, Sep 27, 2011 at 9:51 PM, tee weblis...@gmail.com wrote: So iOS Safari loads 4 bg images in this case? @media screen and (max-width:480px){ body { background:olive url(bg-bodytop-480.jpg) no-repeat left -50px} } @media screen and (max-width:768px){ body { background:gray url(bg-bodytop-768.jpg) no-repeat left center} } @media screen and (max-width:1024px){ body { background:blue url(bg-bodytop-1205-and-bigger.jpg) no-repeat center center} } @media screen and (max-width:1024px){ body { background:blue url(bg-bodytop-1024.jpg) no-repeat left 20px} } tee On Sep 27, 2011, at 4:20 PM, Tom Livingston wrote: I believe it's the iOS Safari with the issue, where it would be most troublesome. Not sure how to test this. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] media queries can't understand body tag
Actually, the way you have this, I think it will work. If you had something in your base styles, or in the first media query that was set to display:none with a bg image, then that may get downloaded anyway. Again, tell me how to check and i'll be glad to test it for you. On Tue, Sep 27, 2011 at 9:59 PM, Tom Livingston tom...@gmail.com wrote: I'm not 100% sure, but I believe so, yes. I was just brow-beaten offlist by someone because of my reply below. YES, I have an iPhone, but what I don't know is how to test - with JUST iOS Safari - whether of not a bg image is downloaded to Safari. I'd be glad to test it for you, if you can tell me how to confirm it. On Tue, Sep 27, 2011 at 9:51 PM, tee weblis...@gmail.com wrote: So iOS Safari loads 4 bg images in this case? @media screen and (max-width:480px){ body { background:olive url(bg-bodytop-480.jpg) no-repeat left -50px} } @media screen and (max-width:768px){ body { background:gray url(bg-bodytop-768.jpg) no-repeat left center} } @media screen and (max-width:1024px){ body { background:blue url(bg-bodytop-1205-and-bigger.jpg) no-repeat center center} } @media screen and (max-width:1024px){ body { background:blue url(bg-bodytop-1024.jpg) no-repeat left 20px} } tee On Sep 27, 2011, at 4:20 PM, Tom Livingston wrote: I believe it's the iOS Safari with the issue, where it would be most troublesome. Not sure how to test this. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] media queries can't understand body tag
I have that as well. I believe with the approach you have - mobile first, ala 320andup (http://stuffandnonsense.co.uk/projects/320andup/) - you don't put anything on the page (or in the style) for mobile unless you really want it there and loading. As opposed to using media queries to go from desktop to mobile and turning off what you don't want to show on mobile. Admittedly, I have done this a couple times, but they were small overhead sites. On Tue, Sep 27, 2011 at 10:29 PM, tee weblis...@gmail.com wrote: Hi Tom, Thank you. I don't know how to check it either, I have iPad and iPod, so would like to learn how to check too. Used to think browsers load all bg images even with display none declared, and one of the reasons I wanted to try out the min/max width approach this time is because I (thought) read it from Responsive Web Design ebook by Ethan Marcotte, that by targeting the rules in the media queries it prevent browers from loading unnecessary rules. But I can't find this important peice of info from the book with a quick search just now. tee On Sep 27, 2011, at 7:02 PM, Tom Livingston wrote: Actually, the way you have this, I think it will work. If you had something in your base styles, or in the first media query that was set to display:none with a bg image, then that may get downloaded anyway. Again, tell me how to check and i'll be glad to test it for you. On Tue, Sep 27, 2011 at 9:59 PM, Tom Livingston tom...@gmail.com wrote: I'm not 100% sure, but I believe so, yes. I was just brow-beaten offlist by someone because of my reply below. YES, I have an iPhone, but what I don't know is how to test - with JUST iOS Safari - whether of not a bg image is downloaded to Safari. I'd be glad to test it for you, if you can tell me how to confirm it. On Tue, Sep 27, 2011 at 9:51 PM, tee weblis...@gmail.com wrote: So iOS Safari loads 4 bg images in this case? @media screen and (max-width:480px){ body { background:olive url(bg-bodytop-480.jpg) no-repeat left -50px} } @media screen and (max-width:768px){ body { background:gray url(bg-bodytop-768.jpg) no-repeat left center} } @media screen and (max-width:1024px){ body { background:blue url(bg-bodytop-1205-and-bigger.jpg) no-repeat center center} } @media screen and (max-width:1024px){ body { background:blue url(bg-bodytop-1024.jpg) no-repeat left 20px} } tee On Sep 27, 2011, at 4:20 PM, Tom Livingston wrote: I believe it's the iOS Safari with the issue, where it would be most troublesome. Not sure how to test this. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.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 *** -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] media queries can't understand body tag
David, with nothing but mobile Safari, if I hit a page with multiple queries or an element specced as display:none but has a bg image, how to you *verify* that an unwanted image loads anyway or not? There's no inspector that I'm aware of like desktop version. Sent from my iPhone On Sep 27, 2011, at 11:23 PM, David Laakso da...@chelseacreekstudio.com wrote: On 9/27/11 10:29 PM, tee wrote: Hi Tom, Thank you. I don't know how to check it either, I have iPad and iPod, so would like to learn how to check too. tee Not terribly scientific but simply clear the cache on the iPad and the iPhone and view the page. You'll know whether it is loading in either or both devices. ~d -- Desktop. Laptop. Tablet. Mobile! http://chelseacreekstudio.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] IE9's Browser Mode Controls - Reliable?
On Fri, Sep 23, 2011 at 8:12 AM, Russ Weakley r...@maxdesign.com.au wrote: Hello All - I've been testing a new version of a legacy project against IE 7, 8 and 9 using IE9's Browser Mode Controls. This way of switching browser modes (between 7, 8 and 9) is quite convenient but... is it a true representation of how the project will render in these three browsers? If not, I'd love to get some suggestions on the LEAST INVASIVE way to test different modern flavors of IE. Not ideal, but at least convenient - have you tried https://browserlab.adobe.com/ ? You can check a wide range of browsers easily, including IE6/7/8/9 HTH Russ Also see http://www.browsercam.com/ -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] adobe tools that works well with jaws?
On Tue, Aug 23, 2011 at 8:09 PM, Jay Tanna jta...@rocketmail.com wrote: You are doing an online course and yet you don't know how to find out what is included in the Web design suite! How about going to Adobe's website and do your own research? You never know this could help you fine tune your research skills. Do we also have to give you the Adobe's website address? I hope not! hth hi. well, wondering in the cs5.5 web site suite, only, and looking for the student version. whats in the web site design suite, adn what is acessible and what is not? let me know asap. doing a website development course online. so what to purchase in australia. Yikes. Time to switch to decaf. -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] HTML5 Elements question
List, Just trying to get a better grip on the proper use of the new elements. I have a site with a persistent nav of the site on the top of the page and on a couple pages, a large designed grid with nice hover effects that mirrors the persistent nav. The persistent nav has role=navigation and I was thinking the grids should also be the nav element sans role. Am I tracking this right? Or is the grid not a case for the nav element? The grids and top nav are site-wide navigation within large sections of the site, not the ENTIRE site as a whole - it's based on what group you fall in, like members etc. Thanks in advance. -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] HTML5 Elements question
On Wed, Aug 17, 2011 at 10:25 AM, Patrick H. Lauke re...@splintered.co.uk wrote: On 17/08/2011 15:04, Tom Livingston wrote: Just trying to get a better grip on the proper use of the new elements. I have a site with a persistent nav of the site on the top of the page and on a couple pages, a large designed grid with nice hover effects that mirrors the persistent nav. The persistent nav has role=navigation and I was thinking the grids should also be the nav element sans role. Am I tracking this right? Or is the grid not a case for the nav element? The grids and top nav are site-wide navigation within large sections of the site, not the ENTIRE site as a whole - it's based on what group you fall in, like members etc. If I understand it right, I'd say that yes, nav seems appropriate for the grid as well - though keep in mind that there's no ONE TRUE WAY(TM) to mark anything up semantically, so opinions may vary ;) P -- Patrick H. Lauke Thank you Patrick. That was my thought as well. -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Aside and section
Thank you Sam. On Fri, Jan 28, 2011 at 2:46 PM, Sam Sherlock sam.sherl...@gmail.com wrote: Sectioning within Aside Yes. These section would have a title as seen on html5doctor http://html5doctor.com/aside-revisited/ aside.extras contains sections also this maybe useful to you http://html5doctor.com/wp-content/uploads/HTML5Doctor-sectioning-flowchart.pdf - S On 28 January 2011 15:42, Tom Livingston tom...@gmail.com wrote: Thanks for the replies. Still working out the new elements in my head. The outliner is handy, thanks for the link David. 2011/1/24 Ворон rav...@mail.ru: Is it ok to nest section elements inside the aside element? Can't come up with anything about this scenario on Google... Hi. The section element represents a generic section of a document or application. A section, in this context, is a thematic grouping of content, typically with a heading. The aside element represents a section of a page that consists of content that is tangentially related to the content around the aside element, and which could be considered separate from that content. According to this you may nest section inside aside element, but is that ok, that you have as many unrelated content on the page, that you want divide it to different sections? This make no sense to me. Could we see the page, where you want to use section inside aside element? Or jpg with design? If you just need a wrapper — use div instead. And from technical point of view — aside and section just block level elements. You may use them how you want to. All best regards. Imp. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.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 *** -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Aside and section
Thanks for the replies. Still working out the new elements in my head. The outliner is handy, thanks for the link David. 2011/1/24 Ворон rav...@mail.ru: Is it ok to nest section elements inside the aside element? Can't come up with anything about this scenario on Google... Hi. The section element represents a generic section of a document or application. A section, in this context, is a thematic grouping of content, typically with a heading. The aside element represents a section of a page that consists of content that is tangentially related to the content around the aside element, and which could be considered separate from that content. According to this you may nest section inside aside element, but is that ok, that you have as many unrelated content on the page, that you want divide it to different sections? This make no sense to me. Could we see the page, where you want to use section inside aside element? Or jpg with design? If you just need a wrapper — use div instead. And from technical point of view — aside and section just block level elements. You may use them how you want to. All best regards. Imp. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Aside and section
Is it ok to nest section elements inside the aside element? Can't come up with anything about this scenario on Google... I'll have a first real attempt at an HTML5 page for critique soon... -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] css
On Mon, Nov 15, 2010 at 1:18 AM, PurencoolGmail purenc...@gmail.com wrote: hi http://203.193.216.214/ FYI... I have an issue with the sub menus staying when I roll off the main menu items in Safari 5 Mac. If I roll off the main items onto the sub menu items the submenu disappears. Possibly a gap between the bottom of main menu items and top of sub menu items. -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Image Maps
I was able to recreate my situation with text and bg images. I am fascinated how this thread grew. All great things to keep in mind. TY all. Sent from my iPod On Oct 15, 2010, at 3:35 AM, Jayachandran Kandasamy jayachandran.kandas...@gmail.com wrote: Hi All, I am encountering a strange problem in image mapping technique, I have mapped a certain area of an image using polygon tool and picked the coordinates, I applied mouseover event to swap the image but I am able to see the white dashed border along with the image during the output this problem only exist in the IE 7,8 browser. Is this happening due to the improper closing of the mapping (start and end point of mapping must be at the same place of coordinates ) I cant find any suitable fix in google please suggest me on this how to overcome this issue Thanks, JC On Fri, Oct 15, 2010 at 6:02 AM, Christian Snodgrass csnodgrass3...@gmail.com wrote: Agreed. However, with the separate images you can put them in an unordered list yourself to control the display a bit more closely. I'm not saying any of these are 100% good all the time. I like to soak up as many different techniques as possible and choose the one that is the most appropriate for the task. On Thu, Oct 14, 2010 at 8:05 PM, Mathew Robertson mathew.blair.robert...@gmail.com wrote: That is unnecessary - area's support alt. With both CSS and images disabled, a useragent should be able to draw the USA-map graphically using a fallback css; if using a text-browser, it could render it as a list - whether they actually do, is an entirely different problem, ie: if an image has 'usemap' (and a map exists with alt attributes) then the text-browser could assume that a flat list could be rendered. Aside: the spec (http://www.w3.org/TR/html4/struct/objects.html#h-13.6) says ... with a mouse... regards, Mathew Robertson On 15 October 2010 10:43, Christian Snodgrass csnodgrass3...@gmail.com wrote: That map also illustrates the problem with image maps. Disable images and refresh the page. It becomes completely unusable (granted there are ways to make the image map work better with no images, but this is the more common situation). If they were all separate images with their own alt tags, they could form a nice little list of states when there are no images. *** 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 *** *** 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 ***
[WSG] Image Maps
Are image maps still ok? -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Image Maps
On Thu, Oct 14, 2010 at 12:52 PM, David Dorward da...@dorward.me.uk wrote: On 14 Oct 2010, at 17:27, Tom Livingston wrote: Are image maps still ok? Still? Server side image maps are as inaccessible as ever. Client side image maps had issues last time I looked at them, but things might have improved since then. http://www.cs.tut.fi/~jkorpela/html/mapalt.html is an (oldish) resource which describes some of the issues and ways to work around them. -- David Dorward http://dorward.me.uk When I say ok I mean as OK as they can be. And the question may have been better as Does anyone still use image maps? Anyway, thanks for the link. -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] html5 issue
In an attempt to begin using HTML5, I am getting this error: Line 12, Column 21: A charset attribute on a meta element found after the first 512 bytes. meta charset=UTF-8/ Can anyone tell me why? -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] html5 issue
On Fri, Aug 27, 2010 at 2:41 PM, Gregorio Espadas gespa...@gmail.com wrote: / is not necessary to close the meta tag. meta charset=utf-8 Maybe this solve the problem. Gregorio Espadas gespadas.com @gespadas No luck there, but thanks. Here's the head to my page: !DOCTYPE html html xmlns=http://www.w3.org/1999/xhtml; head meta charset=utf-8 titleTitle/title meta name=keywords content= / meta name=description content= / link rel=shortcut icon href=../favicon.ico type=image/x-icon / link rel=icon href=../favicon.ico type=image/x-icon / !--- STYLES --- link rel=stylesheet href=../includes/style.css media=screen, projection, print / /head Any help would be appreciated. Can't post a link at this time... -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] html5 issue
On Fri, Aug 27, 2010 at 3:11 PM, David Dorward da...@dorward.me.uk wrote: On 27 Aug 2010, at 19:30, Tom Livingston wrote: Line 12, Column 21: A charset attribute on a meta element found after the first 512 bytes. Can anyone tell me why? You have too much content before the meta tag. That was it. I was using Paul Irish's trick with conditional comments to feed IE's CSS w/o conditionals with this: !--[if lt IE 7 ] html xmlns=http://www.w3.org/1999/xhtml; id=ie6 ![endif]-- !--[if IE 7 ]html xmlns=http://www.w3.org/1999/xhtml; id=ie7 ![endif]-- !--[if IE 8 ]html xmlns=http://www.w3.org/1999/xhtml; id=ie8 ![endif]-- !--[if IE 9 ]html xmlns=http://www.w3.org/1999/xhtml; id=ie9 ![endif]-- !--[if gt IE 9] html xmlns=http://www.w3.org/1999/xhtml; ![endif]-- !--[if !IE]!--html xmlns=http://www.w3.org/1999/xhtml;!--![endif]-- Mr. Irish using it on the body, with classes, but read on his site that using on the html element was fine as well. Guess not. I think I'll stick to the tried and true conditional comments it's it's traditional use... Thanks David. -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] html5 issue
!DOCTYPE html html xmlns=http://www.w3.org/1999/xhtml; change the above line to just html that will take care of this error. cut !--- STYLES --- this line will also throw an error due to too many dashes Thanks Jason! That's fabulous! Changing the HTML element was the trick! I can't, however, change the number of dashes as that is a ColdFusion comment and, well, I'm using ColdFusion! Thanks Again. -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Getting my feet wet in HTML5
On Fri, Aug 13, 2010 at 5:53 AM, Chris Knowles w...@ckweb.com.au wrote: a 'div' definitely has meaning, ie: it is a division of one part of the page, from another; whether it is used for other behaviour, doesn't preclude it from from its original meaning. but when everything is in a div, div ceases to have much meaning. It simply says theres a bunch of things on the page that are separate to each other without giving any clue as to what they might contain Similarly, a #id was originally designated as the location within a page, not for CSS - semantically it is to reference a particular piece of information, within the bigger piece of content, eg: a section header maybe... It just so happens that it works really well for CSS too. And simplifying content manipulation. And so on. but in the context of the question, the reason to use header, for instance, vs div id=header, is to add meaning to the markup I'm not sure why you would infer that information in section's, is any more important than stuff written in a div? Can you elaborate? ie: assistive technologies can already target div's, so using that argument needs more. I didn't intend to infer that, I was just trying to show how section is more useful because it can be programmatically accessed in a way that div id=section can't. With regard to relevance of content, I was just trying to say that a search engine *might* choose to weight content in a given tag more than in another, whereas if everything is in a div it's harder to do this. A better example would have been to have said that the content in article *might* be more relevant to a search engine than the content in aside - compared with div id=article and div id=sidebar which would be harder to tell apart. -- Chris Knowles *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** THanks all -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Getting my feet wet in HTML5
Just to add onto Chris' email. This sounds like a good place to suggest people purchase Jeremy Keith's book HTML5 for Web Designers. In it he actually describes the semantics of the new tags and gives defines when and how to use tags like section article header footer etc. If you have questions like these definitely pick this book up as it will help clear up the confusion. Also as far as section goes there is not much difference between it and div as section is suppose to be used for grouping of thematically similar content. The difference between the two is that div has no semantic meaning and doesn't tell you anything about the content whereas section does. -- Jason Arnold http://www.jasonarnold.net I actually have this book. And read it cover to cover. The problem comes when I actually have to BUILD something using these elements... guess I'll read it again... -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Getting my feet wet in HTML5
Sorry,, Corrected Structure: div id=wrap div id=header pHeader here/p /div!-- !End Header -- div id=container class=clear div class=article Content with an H2, a UL, Ps and As and a picture /div div class=article Content with an H2, a UL, Ps and As and a picture /div div class=article Content with an H2, a UL, Ps and As and a picture /div /div!-- !End #container -- div id=aside pSidebar/p /div div id=footer pFooter/p /div!-- !End Footer -- /div!--! end of #wrap -- Dan, I am aware of the HTML5 elements, thanks. I'm just not ready to leap into that right yet, but want to try to understand the semantics of the element and, with classes/IDs, make an analogy with my structure. My 'header' is the header for the entire page. My 'articles' have an H2 in each and can't see why I'd wrap each on in a 'header' element (or analogous one). My structure above is what I am literally using on a page. WHat I am after is an HTML5 analogy to this. Does a div.section belong in there somewhere? THanks -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Getting my feet wet in HTML5
On Fri, Aug 13, 2010 at 1:11 PM, designer desig...@gwelanmor-internet.co.uk wrote: Tom, I have 'played' with the simple elements and I like them. I actually wanted to have a 'page' element (or wrapper) since that is an element that is used an awful lot, but I never got anywhere with folk accepting it. For a simple example, see: http://www.betasite.fsnet.co.uk/gam/altgam/gwelanmor.html Also see: This is great. THanks. One other thing that's making me shy from the edge. A production (client site) site that relies on JS to render makes me sweat a little. Can anyone convince me that it's ok? -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Getting my feet wet in HTML5
Take a look at the js, it's pretty simple. However, it is true that you are leaving yourself open. At Yahoo, we treat IE6 as an a-level browser. http://developer.yahoo.com/yui/articles/gbs/ So you aren't going to see me push to change Yahoo! Finance to HTML5 tags. However, I have been doing it to smaller projects and am about to convert a client's site to html5 structure. You need to build a site to learn HTML5 semantics, it's like the old days of hybrid table-based layouts. 7 years ago you really needed to ditch tables to truly understand CSS. If you are worried about a client, than do it on your personal site or for a more progressive client. Ted Thanks Ted. Appreciate it. -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Paul Irish/Divya Manian HTML5 Boilerplate
Anyone have any thoughts on this? Worth a try? On a production site? http://html5boilerplate.com/ Looks pretty good to me... what say ye? -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Paul Irish/Divya Manian HTML5 Boilerplate
I rather liked the conditionals around the body. What's not to like? On Thu, Aug 12, 2010 at 9:55 AM, Hugo Mendes hugo.men...@gmail.com wrote: I'm sorry to disappoint you guys, but an HTML5 Professional Template with BROWSER DETECTION (those conditional comments in the markup) is not a best practice. - HM On Thu, Aug 12, 2010 at 2:46 PM, Sam Sherlock sam.sherl...@gmail.com wrote: Dan I would look past per-site design choices such as that. and look into the neat and beneficial features which are many and various (also the example in use there is outdated compared with the code on github) the site has the initial release of html5boilerplate where as the github repo is stages ahead of this http://github.com/paulirish/html5-boilerplate/blob/master/index.html also it is not finished 100% some tweaks to go - mid aug apparently - S On 12 August 2010 14:24, Dan Freeman dan.free...@lexi.com wrote: Considering the link doesn't even look right in IE8, I'm not sure I'd use it to build anything. Dan Freeman Webmaster ERP Administrator 800.650.6506 (TOLL FREE) 330.655.0341 (DIRECT) www.lexi.com -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Tom Livingston Sent: Thursday, August 12, 2010 7:58 AM To: wsg@webstandardsgroup.org Subject: [WSG] Paul Irish/Divya Manian HTML5 Boilerplate Anyone have any thoughts on this? Worth a try? On a production site? http://html5boilerplate.com/ Looks pretty good to me... what say ye? -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** LEXI-COMP CONFIDENTIALITY NOTICE The information in this electronic mail is intended for the named recipients only. Any use of this information by anyone other than the intended receiver is prohibited. If the reader of this message is not the intended recipient, you are hereby notified that any dissemination, distribution, copying, or other use of this message or its attachments is strictly prohibited. If you have received this message in error, please notify the sender immediately by replying to this electronic e-mail or by calling 330-650-6506. Please delete it from your computer. Thank you. *** 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 *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Paul Irish/Divya Manian HTML5 Boilerplate
Like the site says, it's delete-key friendly :-) On Thu, Aug 12, 2010 at 10:40 AM, David Hucklesby huckle...@gmail.com wrote: On 8/12/10 4:57 AM, Tom Livingston wrote: Anyone have any thoughts on this? Worth a try? On a production site? http://html5boilerplate.com/ Looks pretty good to me... what say ye? Some useful ideas there, although I won't be using it as-is. Thanks for sharing. Cordially, David -- *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Getting my feet wet in HTML5
List, Here's a theory question ( i think) for ya. I'm working on a layout, and am attempting to use section and aside. Properly, I believe. But as I look at my layout, I'm thinking ok, i'll put an ID on this section, and one on that section... and I stopped and thought Uh oh... it's the same as i've always done with div id= etc. Am I wrong? Is there still benefit to using section... I don't wanna just substitute div for section... am I way off track already?? help... -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] IE6 Finally Nearing Extinction [STATS]
You make many good points. I can't really argue with them. However, what i've been seeing is that many devs are tired of jumping through the hoops to deliver IE6-7 a similar experience as FF or Safari, and with the many new developments in front-end technologies that currently do not, and most likely never will, work in those browsers, IE6-7 and even 8 users will begin to see a less rich experience. THose browsers may never completely disappear. And in the installations where they are the only browser that will run proprietary applications, they will stay to do that job. But as you pointed out in your signature below, there are other choices that CAN run on the same machine as IE6. The devs I follow from my little window on the world are looking to the future. IE6 has held web development back long enough - at least from a front end perspective. I for one don't relish the thought of dealing with *4* versions of IE. I am making a push at my office to drop the 'pixel-perfect everywhere' designer mentality and embrace concepts like progressive enhancement. Deliver a usable base experience for those who can't enjoy the 'full monty', but don't burden the pages, and therefore all users, with crud for the dwindling few users whose browser needs crutches, walkers, wheelchairs and life-support. Again, you're not wrong. All your points are valid and have been said before with equal validity. I'm just giving a counter point of view here, and I'm sure you've heard mine before as well. :-) The 'corporate' world does not appear to have embraced Vista or Win 7 and it could be a considerable time before they do, given the current financial climate the small businesses that I have spoken too will extend the life of their systems as far as possible. 'Domestic' users are feeling the pinch just as much. [snip] Duncan (sent from my ageing, low spec machine using Opera 10.54) -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Video Accessibility Help
We have successfully used FLash CS4's ability to caption vids, which are pulled in from an XML file. THey looked very nice, with an on/off widget in the controls. We also provide a transcript web page for each vid. On Tue, Jun 15, 2010 at 10:29 AM, Spellacy, Michael michael.spell...@tmp.com wrote: Hi List, I was just wondering what some of the best practices were these days for creating accessible video on the web. A few questions: 1) I know some Flash players can pull in captions, but which ones to use? 2) Are there any services out there that will scan your audio track and create a captioned file for you (.srt, etc.) to feed into your player? 3) If you do succeed in creating captioned video do you also have to create a transcript of the video for those users who may not have Flash installed (or may not be able to access Flash using JAWS)? 4) Would providing just a transcript of the video, be all that is needed to meet basic accessibility requirements? Thanks in advance! I love this list! Regards, Michael Spell Spellacy http://www.spellacy.net @spellacy *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Video Accessibility Help
FYI, I just looked at the site we used this on. Apparently something changed with the latest FLash player, and the caption on/off is broken, but the captions default to on. On Tue, Jun 22, 2010 at 9:25 AM, Tom Livingston tom...@gmail.com wrote: We have successfully used FLash CS4's ability to caption vids, which are pulled in from an XML file. THey looked very nice, with an on/off widget in the controls. We also provide a transcript web page for each vid. -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] IE6 Finally Nearing Extinction [STATS]
If I may... if you're happy with your web experience in IE6, then you need do nothing IMHO. Eventually, and I imagine IE9 will speed this up, developers are going to stop giving as much care to IE6 as they do now - if they do at all. Your web experience in IE6 will begin to dwindle to text-only pages. Sure, the info is there and If that's all you want, you'll be fine. ;-) Depending on the complexity, a lot of extra work is done to give IE6 users a similar experience to a more capable browser. It is where I work. Extra work may = extra money paid by the client or eaten by the dev. My point is that issues with IE6 are not JUST about bells and whistles, but the very page structure itself. I've seen a number of web pages already that serve unstyled pages to IE6 because it's most likely just easier and more cost effective. Sure, experienced devs know how to avoid IE6 pitfalls, and have gotten good at it. But there comes a time where IE6 does in fact hold back progress, and it's going to start to lose that kind of stranglehold on web development. My 2¢... keep the change. Ed, This is not aimed as a personal comment, just my general thoughts about browsers. You are only seeing this from a 'Browser' point of view, what about the numerous people who have an elderly system that is not even capable of running something like IE 8. I still use 3 P3 machines with Win 2000, I can't go above IE 6 without upgrading the OS. XP will run on a P3 machine, but for sure neither Vista nor Win 7 will work. I can no longer buy a new copy of XP, therefore to upgrade my browser I would have to buy a new system. -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Progressive Enhancement related article
YES! THanks SO much! Sorry Mr. Clarke ;-) On Tue, Feb 16, 2010 at 6:12 PM, Simon Wilder simon.wil...@gmail.com wrote: http://24ways.org/2009/ignorance-is-bliss is that article. Was by Andy Clarke for 24ways. I hope this was the one you were after. On 16 Feb 2010, at 21:29, Tom Livingston tom...@gmail.com wrote: List, I recently came across an article - possibly by Roger Johansson - where in the article the author discussed a web page design that was shown to 2 different people from the same client but in different locations. Based on the browser being used, they each received a different experience but each loved what they saw, not knowing each saw a slightly different experience. It may have been a fictitious scenario. Not sure. Does this ring a bell with anyone? I am going nuts trying to track it back down. It was one of those link-in-an-article-that-was-a-link-from-another-article kinda things and I unfortunately didn't bookmark it. If you know of this article, please forward a link - OFF LIST. Thanks a bunch, if you spend any time on this. I appreciate it. -- -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Progressive Enhancement related article
List, I recently came across an article - possibly by Roger Johansson - where in the article the author discussed a web page design that was shown to 2 different people from the same client but in different locations. Based on the browser being used, they each received a different experience but each loved what they saw, not knowing each saw a slightly different experience. It may have been a fictitious scenario. Not sure. Does this ring a bell with anyone? I am going nuts trying to track it back down. It was one of those link-in-an-article-that-was-a-link-from-another-article kinda things and I unfortunately didn't bookmark it. If you know of this article, please forward a link - OFF LIST. Thanks a bunch, if you spend any time on this. I appreciate it. -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Progressive Enhancement
I hate it when Google returns hits from years ago... Thank god they added that little sidebar where you can specify a date range. Interesting. Because imho, there are *great* articles out there that have been written years ago. A simple example that comes to mind is onhavinglayout from Ingo Chao created on 2005 (last update 2008). Jukka Korpela's articles also date from *years* ago as well as stuff from Georg Sørtun, John Gallant Holly Bergevin, Bruno Fassino, etc. I'm not saying that everything old is a good read, I'm just saying that ignoring results because they are old may not be the best way to go when it comes to find the best answer/solution. I'm not discounting older results. It depends on what I am looking for. In this case, I am looking for recent articles on PE so as to have the latest info on what is now considered the norm. WHat experts are doing now. Where PE has evolved to. For example, I already know how to apply a PNG fix to IE6 to achieve more advanced front end effects in IE 6 - keeping the same look across all browsers. What I'd like to get at now is how people are delivering a base experience to IE 6, and building on it for modern browsers. Hope I am explaining my point right. Thierry, I agree with you whole-heartedly. Also, IMHO, Google buried that date feature. I had to dig for it. ;-) -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Progressive Enhancement
Hello list, Does anyone have any good resources for current progressive enhancement techniques and also talking points? Google has shown me rather old articles, so I thought I'd hit you guys up for what you are doing in this area now. I am going to be doing a presentation to coworkers and I'd like to have *up-to-date* info on what the most agreed upon and accepted concepts and most used techniques are as of late. I know it can get controversial, but there must be a majority consensus on at least some things. Off-list would be fine, and probably preferred. If others are interested, email me and I can forward findings to you. Thanks in advance for any help as I dig into this. -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Foreign language issue
Hello list, I am having an issue with a client regarding Chinese HTML pages/emails. The client can see the page content correctly, but alt text for images - on hover in IE8 - as well as page title text, are appearing as little boxes. I don't get how the content is correct, but titles and alts are not. If anyone could educate me as to why this is occuring - OFF-LIST - i would appreciate it. Thanks a lot. -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] CSS Popup
On Mon, Jan 11, 2010 at 3:14 PM, David Hucklesby huckle...@gmail.com wrote: On 1/11/10 11:25 AM, Tom Livingston wrote: Hello list, I tried to repurpose this example from Eric Meyer: http://meyerweb.com/eric/css/edge/popups/demo.html His page works in IE6. My attempt, however, does not. Can anyone see why? http://www.mlinc.com/css_popup/ Thanks in advance Yup. You need to give an explicit rule for a:hover to get IE 6 to cooperate. Not all properties work, either, IIRC. My choice is a:hover { background-position: 0 0; } YMMV. Cordially, David -- Superb! Thanks so much! [insert grumbling about IE 6 here] -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] CSS Popup
Hello list, I tried to repurpose this example from Eric Meyer: http://meyerweb.com/eric/css/edge/popups/demo.html His page works in IE6. My attempt, however, does not. Can anyone see why? http://www.mlinc.com/css_popup/ Thanks in advance -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] :: makeready ::
On this page, in Safari 4.0.4: http://chelseacreekstudio.com/ca/site/portfolio/07.php The left vertical nav links can be hovered and used while mousing in the blank space to the left of the nav text. Is this intentional? Thought you might want to know. On Tue, Dec 22, 2009 at 12:13 PM, David Laakso da...@chelseacreekstudio.com wrote: I'd appreciate your comments and suggestions on this site. http://chelseacreekstudio.com/ Best, ~d *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Accessible Forms
On a slightly related topic, I have wrapped inputs inside of labels for browser compatibility for the label clickability/focus issue (based on some research some time ago), but have just read for the first time recently, that this is not a good idea. Any thoughts? On Wed, Aug 19, 2009 at 11:54 AM, James O'Neillfreexe...@gmail.com wrote: I think the ID's are required for the 'for' attribute to work for labels, which enables the their clickability. When these labels are clicked on they focus on the element whose ID is in the for attribute. Thank you, Kevin -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Accessible Forms
Yeah. That's the issue that was brought up in the recent article I read. Apparently it's possible for some screen readers to get confused. I have not tested it. Was wondering if anyone else knew anymore info on this... On Wed, Aug 19, 2009 at 2:54 PM, Erickson, Kevin (DOE)kevin.erick...@doe.virginia.gov wrote: Have you tested it out with any screen readers? I would like to hear about the results. Kevin -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Tom Livingston Sent: Wednesday, August 19, 2009 2:36 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Accessible Forms On a slightly related topic, I have wrapped inputs inside of labels for browser compatibility for the label clickability/focus issue (based on some research some time ago), but have just read for the first time recently, that this is not a good idea. Any thoughts? -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Accessible Forms
The reason I use this was because I found an easy way to style forms that included the broader compatibility for the clickability of labels for focus with the flexibility of layout with the inclusion of a span like: label for=name spanFirst Name/span input type=text / /label I use this a lot for putting the label text next to the input, instead of stacking, and it gives easy control of this layout. Any info on the wrapping of inputs in a label being bad would be appreciated. On Wed, Aug 19, 2009 at 2:59 PM, James O'Neillfreexe...@gmail.com wrote: Hmmm... I do not really remember. I have used both together and separately at different times. By enclosing a form control with a label you will have a little more control over relative styling since you could something like this: label:hover input {outline:solidl} or have more precise placement and control over their location relative to each other: label {position:relative;} input {position:absolute; right:x;} I think there are some older browsers that like one method over the other. Just a few thoughts. Jim -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Accessible Forms
For clarity, I submit this edit: label for=name spanFirst Name/span input type=text id=name / /label The for attribute matches the input ID. Always. On Wed, Aug 19, 2009 at 3:09 PM, Tom Livingstontom...@gmail.com wrote: The reason I use this was because I found an easy way to style forms that included the broader compatibility for the clickability of labels for focus with the flexibility of layout with the inclusion of a span like: label for=name spanFirst Name/span input type=text / /label I use this a lot for putting the label text next to the input, instead of stacking, and it gives easy control of this layout. Any info on the wrapping of inputs in a label being bad would be appreciated. -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Accessible Forms
Good question! Well, if IE6 was the reason for nesting to get clickability to work, then to heck with that. I just wanna know the best way, without the span to control the label text, to get label text NEXT TO the input, with nice even spacing and flexible control. On Wed, Aug 19, 2009 at 4:11 PM, Erickson, Kevin (DOE)kevin.erick...@doe.virginia.gov wrote: Wow! So what is the best practice??? -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Steve Green Sent: Wednesday, August 19, 2009 3:59 PM To: wsg@webstandardsgroup.org Subject: RE: [WSG] Accessible Forms -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] ADA Compliant Flash
Hello list, Is it possible to have an ADA (no, not the dentists' thing) compliant Flash site? Anyone have a good resource, if it is possible? All my searching has resulted in the feeling that this subject is one people avoid. -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] ADA Compliant Flash
On Mon, Jul 7, 2008 at 10:50 AM, [EMAIL PROTECTED] wrote: I am sure that there are still several people in the world still actively programming in ADA... To answer your question, I think the general feeling is that if you wish to produce an accessible site, then it is far easier to build flashy effects accessibly with CSS etc than to make FLASH accessible. Regards, Mike Yes. I know all this. But sometimes, it's just beyond one's power to change the project at hand, and must do the best he/she can. If anyone knows if it is possible to make a Flash file ADA compliant, and if ANY file can pass ADA (i.e. does a passing Flash file have to be very simple/lack-luster), I'd love to hear about it and see some resources. Thanks -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Firefox 3 candidate
On Wed, Jun 18, 2008 at 8:32 AM, Jason Grant [EMAIL PROTECTED] wrote: It will replace it even if you install into different directory. :-( Then it means you are not going to have your FireBug available to work with. FF3 is very nice and I am excited. Just can't wait for FireBug to become compatible with it as it is so crucial for us of course. I am using FireBug 1.2.0b2 with FF3. Works fine. -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Alt versus Title Attribute
On Tue, May 27, 2008 at 6:57 PM, Andrew Maben [EMAIL PROTECTED] wrote: On May 27, 2008, at 3:43 PM, Andrew Freedman wrote: kate provided the following information on 28/05/2008 5:21 AM: The alt tag which is'nt really the right discription is really called the attribute tag. Kate Patrick H. Lauke also provided the following information on 28/05/2008 5:33 AM: or...the alt attribute, if you want to correct people... That's all well and good and I for one thank you for clarifying that but how does that answer Tom's query? Andrew. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** Really! Is there anyone on this list who doesn't understand the distinction between 'tag' and 'attribute'. And does anyone seriously not understand what is meant when reference is made to the 'alt tag', or to HTML 'code' rather than 'markup'? I would certainly agree that in the context of a lecture on the subject these distinctions are important. But in the context of discussions on this list I think this is taking semantic hair-splitting to unwarranted extremes, especially if, as Andrew points out, it doesn't accompany some effort to respond to the question at hand. I move that henceforth it should be acceptable here to use 'tag' as shorthand for 'attribute' and 'code' for 'markup'. Andrew May I also note that in my original question, I never used the term 'alt tag' in the first place. Thanks to those with the helpful replies... -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Alt versus Title Attribute
Hello list, I know this might seem basic, and I searched, but came up confused... Can anyone give me a clear example/explanation of the difference between the alt attribute and the title attribute? How about a real 'attributes for dummies' reference?? The difference seems very slight to me... Thanks -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] POSH article question
Well, maybe this is better: pLets make this word bvisually/b called out/p p b{color:#f00; font-weight:normal;} -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] POSH article question
q The word (probably) does not require any semantic emphasis per se -- ie. you are not giving it any enhanced meaning -- and so you would not use the em tag but you strongDO/strong want to give it a visual-only enhancement to make it render in italics. /q Hope that helps. Well done! That was perfect. Thanks. Although for me personally, I'd prolly use b and i for bold and italic text, vs. a span with a class and related style. I don't see how the later is more semantic. Even if the design called for red text as opposed to bold face, I could attack the b tag to achieve the color, etc. through the style. And when styles are off, the visual effect is intact. pLets make this word bred/b to visually call it out/p p b{color:#f00; font-weight:normal;} No? Am I STILL in need of more coffee for this??? -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] POSH article question
Case in point, Wordpress doesn't offer i or b in the post editor, just em and strong, and yet the buttons for these say i and b! Annoying! Thanks Christian and others, Another question though... do you have an example of proper, semantic use of strong vs b? Is it just just a tag to allow you to style your own visual emphasis? How about strong vs. em - what's the semantic difference? Here's the shameful confession - I am guilty of blindly swapping these tags for b and i. Now I have to back up my argument to go back! :-P A reference link is fine here people, I don't expect anyone to sit and write me a lesson! :-) W3C wasn't to clear to me (shocker, I know)... Thanks! *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] POSH article question
Of course, if there was a tag for 'foreign language word' then the best choice (for the example above) would be to use that -- but there isn't. Perhaps the most semantic solution in the above example would be to wrap the word in a span with a class assigned, like so: HTML: p We say yes, but the French say span class=foreignWordOui/ span/p CSS: .foreignWord {font-style: italic;} Thanks Rick, Not trying to beat a dead horse here, but two things. I am not sure why the added code of a span with a class is MORE semantic than i in your example, but I may still be thinking about it from a visual standpoint... Also, can you - or anyone else - give me an example of a semantic use of em? Emphasized text as opposed to italicized? Around here, bold text is emphasized text, if you know what I mean. :-P Thanks for the discussion people! -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Levels of 508 compliance
Hi listers, Does anyone have a reference (link) to a site that actually spells out what criteria must be met for the levels of WCAG and 508 compliance. Can't seem to come up with quite what I am after from Google... Thanks a lot in advance. -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Levels of 508 compliance
Thanks folks! -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Form styling
Hello list, OK, I hate form styling. It's my least favorite thing. I have started using Eric Meyer's Reset style sheet. Does anyone have a favorite resource for dealing with forms. I am tired of resorting to... [cough] tables. I do manage on occasion to pull it off w/o tables, but it's always a struggle. Especially where labels are to the left of text inputs. Thanks a bunch in advance. -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | www.mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Form styling
Dave, Thanks a lot for this. It's really simple and I don't mind the extra span element. So simple in fact, I threw up in my mouth a little from my own embarrassment. :-P THANKS! And thanks to the others for the replies. I will hang on to these in case a situation arises where one method is needed over another. http://www.dave-woods.co.uk/wp-content/uploads/2007/09/accessible-forms1.html -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS height/padding
On 8/1/07, Daniel Kendrick [EMAIL PROTECTED] wrote: I agree Al. Christian its not bad. There are MANY pixel to em calcs online to google it. :) --DK I use this religiously (well, ya know...): http://riddle.pl/emcalc/ -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Best practice embedding a Quicktime/Flash video
I think the answer here may lie in descriptive help text about which plugin you may need rather than anything more complex Thanks again, David I see your point here. The only thing I wonder about, and forgive me if I am just in need of more coffee here, but what does a user get if they *choose* not use Flash? Is alt-content handled? What I like about SWFObject, is the easy way to deliver basically *any* alternate content for a user without Flash. So a user choosing to not use Flash can still have a somewhat rich experience instead of just getting the Download Flash message. Just a thought. And 2¢... :-P -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Best practice embedding a Quicktime/Flash video
On 6/27/07, David Little [EMAIL PROTECTED] wrote: Hi, I'm looking for some advice on best practice methods of embedding a QT/Flash movie in a page in a standards compliant way, so any ideas would be very gratefully received! I use this: http://blog.deconcept.com/swfobject/ Not sure about best practice but it's served us well. There is a couple issues, but really what method doesn't have it's issues. I am particularly fond of the way it handles alt-content. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] IE 6/7 issue
Hi list, Here's the page: http://proof.mlinc.com/mlinc.com/06/news/ Hit it in FF/Safari for desired layout for head/paragraph relation. Why won't it work in IE 6/7? Just can't see it. Thanks -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Re: IE 6/7 issue
On 3/30/07, Tom Livingston [EMAIL PROTECTED] wrote: Hi list, Here's the page: http://proof.mlinc.com/mlinc.com/06/news/ Hit it in FF/Safari for desired layout for head/paragraph relation. Why won't it work in IE 6/7? Just can't see it. Thanks -- Always happens to me. When i enlist the public for help, I figure it out. I guess it's the fear of looking stupid. :-P Thanks if you looked... -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Close captioning Flash video
Hello list, Anyone have resources for close captioning Flash video? Thanks. -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Close captioning Flash video
On 3/26/07, Tom Livingston [EMAIL PROTECTED] wrote: Hello list, Anyone have resources for close captioning Flash video? Thanks. -- Here's where we are headed. We found a Flash component to do captioning and we were going to a link to a transcript for screen reader users. Our aim is high level 508 compliance, but I don't understand the rules enough. Any thoughts, comments or suggestions? *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Re: Layout oddity
See. When i say it out loud is when I find my problem. DOH! Thanks anyway ... On 2/26/07, Tom Livingston [EMAIL PROTECTED] wrote: hi listers, here's the page: http://proof.mlinc.com/mlinc.com/06/clients/stories1.cfm It validates. Scroll down to the third story block. The I am trying to get the blue swf to be within the p and wrapped by the copy in the p. What the heck am i missing? Something stupid I am sure... TIA -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Layout oddity
hi listers, here's the page: http://proof.mlinc.com/mlinc.com/06/clients/stories1.cfm It validates. Scroll down to the third story block. The I am trying to get the blue swf to be within the p and wrapped by the copy in the p. What the heck am i missing? Something stupid I am sure... TIA -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] WSG Site
Listers, This is most likely old news, but I seem to have been having mail problems for over 1/2 a day so did not get wsg list messages for a while... Is the WSG site down? Or is it just me? -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.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] WSG Site
On 3/16/06 1:06 PM, Prabhath Sirisena [EMAIL PROTECTED] wrote: Works fine over here. Prolly some mail server issue at your end? To be clear, not the list but www.webstandardsgroup.org is the site I am referring to. Is it working for you? -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.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] WSG Site
On 3/16/06 12:57 PM, Tom Livingston [EMAIL PROTECTED] wrote: Is the WSG site down? Or is it just me? Thanks. Looks like I'll be calling IT... ;-) -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.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] ideas for this site
Background Image... Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com Any ideas or links would be very helpful. Thanks! ** 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] ideas for this site
-Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Greg Morphis Sent: Tuesday, March 14, 2006 3:27 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] ideas for this site Of the body or a container div?.. and have a div with padding to set it in the middle? On 3/14/06, Tom Livingston [EMAIL PROTECTED] wrote: Background Image... Try putting the background image on a container div. The image would dictate the dimensions of that div. Use what ever method you are comfortable with to position the content within that div. You are confining yourself to that page size (width and height) however, unless you decide on a background color that will show should someone want to or need to scale their text size. Scaling text (up) would most likely push out your containing div (one with image bg) at least in one direction, so the question would be what to do in that case. (i.e. the bg color mentioned before). You could also have a huge image that was cropped by the container div, and as the user scaled their text (up) more of the huge image would show. The down-side to this is that it would be... well... a huge image. HTH Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.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] div width: 100% with a div width 800px inside should always be 800px right?
On 3/9/06 3:20 PM, Joseph R. B. Taylor [EMAIL PROTECTED] wrote: Go to Al's site (projectvii.com?) and he has a nice javascript that checks for IE and handles the non-support of min-width by adding a width declaration at run-time. Can't you just do a conditional comment for IE, giving the element a width declaration, leaving min-width in the main style for real... er... I mean other browsers? -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.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] div width: 100% with a div width 800px inside should always be 800px right?
On 3/9/06 4:47 PM, J Verburgh [EMAIL PROTECTED] wrote: I would like to know if there's a way to make the wrapper-div, stop shrinking when it gets down to the inner-div -- which has a fixed width of 800px. Maybe this? http://www.positioniseverything.net/articles/sidepages/pie-calc.php HTH -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.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 Check/Launch: Edentiti.com
On 3/2/06 10:31 AM, Lachlan Hunt [EMAIL PROTECTED] wrote: [1] http://edentiti.com/ Took _minutes_ for the home page to display, and once it did, it still wasn't finished loading things. Mac OS 10.4.5 Safari 2.0.3 -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.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 Check/Launch: Edentiti.com
On 3/2/06 11:46 AM, Lachlan Hunt [EMAIL PROTECTED] wrote: On 3/2/06 10:31 AM, Lachlan Hunt [EMAIL PROTECTED] wrote: [1] http://edentiti.com/ Took _minutes_ for the home page to display, and once it did, it still wasn't finished loading things. Mac OS 10.4.5 Safari 2.0.3 Really? Better now. Hiccup, maybe? -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.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] Page veiwing
On 2/24/06 12:29 AM, SunUp [EMAIL PROTECTED] wrote: looks just fine to me. And that's good enough for me. Like everyone on this list says - if you made your pages 'right', everyone will be able to use them no mater what they are using. To each his/her own. I feel like everyone on this list is trying to force Sunny to change when she is clearly aware of the alternatives but chooses to keep what she likes. Sunny, have a go at Opera's 'Show window size' preference. Then all you have to do is drag the edge of the window to what ever width you want to check. HTH -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.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] Fluid layout
Title: Re: [WSG] Fluid layout On 2/24/06 2:18 PM, Adam Morris [EMAIL PROTECTED] wrote: it's not quite there yet. Or try a look at 800 wide... Sorry, no time to peek at it. Just an FYI... -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com
Re: [WSG] Page veiwing
On 2/22/06 11:05 PM, Angus at InfoForce Services [EMAIL PROTECTED] wrote: I am sorry if this is off topic. I do not know who to ask. I have my screen resolution to default to 800 by 600 and thinking of changeing to 1024 by 768. I still would like to view my web pages in 800 by 600. I really do not have the knowledge to have the screendefault to 1024 by 768 and still veiew web pages in 800 by 600. Actually Only one of my apps requires 1024 by 768. I use EditPlus 2.12 with Windows XP Home SP2. Can anyone help? thank you. Opera also has a preference to display the window size, so it's a matter of resizing the browser window to the width(s) you want. -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.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] Font Sizes - Best practice
On 2/20/06 5:14 AM, Martin Heiden [EMAIL PROTECTED] wrote: I read a lot of threads about font-sizing lately, but I still did not catch the point of best practice yet. Not to beat an already beaten, kicked, poked, piddled-on very dead horse, but I didn't see an actual answer to this post. Is there a font-size best practice? Did a majority here agree on anything? (FWIW, I use 100.01% on the body, and size other things - if needed - with ems) -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.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 **