Re: [WSG] media queries can't understand body tag
Sorry, I missed the replies in this thread, I didn't intend to be unresponsive. Indeed it is only Safari as far as I can see that loads all the background images at once, but that seems to include also iOS, so quite a big group of mobile users. Maybe this will be improved in iOS 5. Bye, Frances www.waalweb.nl www.smartscripts.nl Zelfstudiehandboek Websites Ontwikkelen met HTML, CSS en Dreamweaver WaalWeb | Halfweg, Noord-Holland | KvK 34350833 Op 27 sep 2011, om 23:33 heeft Hassan Schroeder het volgende geschreven: 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 ***
[WSG] Can some of the HTML5 elements be used more than once?
I can't find any info if it's OK to use some of the HTML5 elements more than once. What I have in mind, in a ecommerce site which has 3 columns layout, in which left/right side columns are used for reports (e.g., recently view, upsell, related products, poll or newsletter etc...). So can I have? aside id=leftcol/aside section id=middle-col/section aside id=rightcol/aside p/s. I know I can do something like below but for layout/design consideration, this may not be the best approach sometimes. section id=middle-col/section aside div class=sidecol1/div div class=sidecol2/div /aside Similarly, can nav element be used twice? One for cateogries menu, and one for general menu that is used for Customer Service, FAQ sort of the pages. Thanks! tee *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Can some of the HTML5 elements be used more than once?
aside and nav CAN be used more than once. for example you can have nav in header and at the same time you can have it in asidenav. the same applies for aside - you can have to sidebars aside id=sdbr1aside id=sdbr2 and at the same time you can have aside inside of article. also remember that nav and aside needs to have heading element inside (otherwise the aside or nav will be Untitled), which will create more proper structure for your document. (sorry, can't described precisely what i'm meaning) good tool to outline your HTML5 document - https://chrome.google.com/webstore/detail/afoibpobokebhgfnknfndkgemglggomo (for Chrome of course) :) *Kristaps Ancāns* * * Senior web developer (coder) Mob.: +34 644340683 E-pasts: kristaps.anc...@gmail.com Skype: kristaps.ancans Web: fyfi.net http://www.fyfi.net, metalguide.orghttp://www.metalguide.org, motorolleri.lv On Wed, Oct 5, 2011 at 12:44, tee weblis...@gmail.com wrote: I can't find any info if it's OK to use some of the HTML5 elements more than once. What I have in mind, in a ecommerce site which has 3 columns layout, in which left/right side columns are used for reports (e.g., recently view, upsell, related products, poll or newsletter etc...). So can I have? aside id=leftcol/aside section id=middle-col/section aside id=rightcol/aside p/s. I know I can do something like below but for layout/design consideration, this may not be the best approach sometimes. section id=middle-col/section aside div class=sidecol1/div div class=sidecol2/div /aside Similarly, can nav element be used twice? One for cateogries menu, and one for general menu that is used for Customer Service, FAQ sort of the pages. Thanks! tee *** 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] Can some of the HTML5 elements be used more than once?
Hi Tee, You can have multiple semanticle HTML5 elements like header, article, section, , footer, aside and nav elements in one webpage. It all depends on it if you want to give the content a semantical meaning, if so, use the corresponding new elements. Only if the box is for other purposes like layout, div is the one to use. As welcome as the elements are, I find that it also often leads to quite a puzzle sometimes to have a clear and logic use of them. Frances www.waalweb.nl www.smartscripts.nl Zelfstudiehandboek Websites Ontwikkelen met HTML, CSS en Dreamweaver WaalWeb | Halfweg, Noord-Holland | KvK 34350833 Op 5 okt 2011, om 12:44 heeft tee het volgende geschreven: I can't find any info if it's OK to use some of the HTML5 elements more than once. What I have in mind, in a ecommerce site which has 3 columns layout, in which left/right side columns are used for reports (e.g., recently view, upsell, related products, poll or newsletter etc...). So can I have? aside id=leftcol/aside section id=middle-col/section aside id=rightcol/aside p/s. I know I can do something like below but for layout/design consideration, this may not be the best approach sometimes. section id=middle-col/section aside div class=sidecol1/div div class=sidecol2/div /aside Similarly, can nav element be used twice? One for cateogries menu, and one for general menu that is used for Customer Service, FAQ sort of the pages. Thanks! tee *** 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] Can some of the HTML5 elements be used more than once?
Thank you both. Much appreciated. The HTML5 Outliner is great! tee On Oct 5, 2011, at 4:06 AM, Frances de Waal wrote: Hi Tee, You can have multiple semanticle HTML5 elements like header, article, section, , footer, aside and nav elements in one webpage. It all depends on it if you want to give the content a semantical meaning, if so, use the corresponding new elements. Only if the box is for other purposes like layout, div is the one to use. As welcome as the elements are, I find that it also often leads to quite a puzzle sometimes to have a clear and logic use of them. Frances www.waalweb.nl www.smartscripts.nl Zelfstudiehandboek Websites Ontwikkelen met HTML, CSS en Dreamweaver WaalWeb | Halfweg, Noord-Holland | KvK 34350833 Op 5 okt 2011, om 12:44 heeft tee het volgende geschreven: I can't find any info if it's OK to use some of the HTML5 elements more than once. What I have in mind, in a ecommerce site which has 3 columns layout, in which left/right side columns are used for reports (e.g., recently view, upsell, related products, poll or newsletter etc...). So can I have? aside id=leftcol/aside section id=middle-col/section aside id=rightcol/aside p/s. I know I can do something like below but for layout/design consideration, this may not be the best approach sometimes. section id=middle-col/section aside div class=sidecol1/div div class=sidecol2/div /aside Similarly, can nav element be used twice? One for cateogries menu, and one for general menu that is used for Customer Service, FAQ sort of the pages. Thanks! tee *** 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] Can some of the HTML5 elements be used more than once?
For what it's worth, you can use more than one H1 tag too - the semantic use would be for each section, perhaps for each article's title. I think that should move use of the h1 tag from the logo/title to what it should be used for; headlines, not page titles. Regards, Jon Warner Tel: 0788 99 424 30 http://thepixelforge.net/ 57 Arnold Road Eastleigh Hampshire SO50 5AR England On Wed, Oct 5, 2011 at 12:38 PM, tee weblis...@gmail.com wrote: Thank you both. Much appreciated. The HTML5 Outliner is great! tee On Oct 5, 2011, at 4:06 AM, Frances de Waal wrote: Hi Tee, You can have multiple semanticle HTML5 elements like header, article, section, , footer, aside and nav elements in one webpage. It all depends on it if you want to give the content a semantical meaning, if so, use the corresponding new elements. Only if the box is for other purposes like layout, div is the one to use. As welcome as the elements are, I find that it also often leads to quite a puzzle sometimes to have a clear and logic use of them. Frances www.waalweb.nl www.smartscripts.nl Zelfstudiehandboek Websites Ontwikkelen met HTML, CSS en Dreamweaver WaalWeb | Halfweg, Noord-Holland | KvK 34350833 Op 5 okt 2011, om 12:44 heeft tee het volgende geschreven: I can't find any info if it's OK to use some of the HTML5 elements more than once. What I have in mind, in a ecommerce site which has 3 columns layout, in which left/right side columns are used for reports (e.g., recently view, upsell, related products, poll or newsletter etc...). So can I have? aside id=leftcol/aside section id=middle-col/section aside id=rightcol/aside p/s. I know I can do something like below but for layout/design consideration, this may not be the best approach sometimes. section id=middle-col/section aside div class=sidecol1/div div class=sidecol2/div /aside Similarly, can nav element be used twice? One for cateogries menu, and one for general menu that is used for Customer Service, FAQ sort of the pages. Thanks! tee *** 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 ***